body {
	color:#000000;
	background:#CCCCCC url(../images/furniture/background_1024.gif) repeat-y center top;
	margin:0 0 0 0;
 	font-size:75%;
	font-family:arial,helvetica,sans-serif; 
/* 	
	scrollbar-face-color: #eeffee; 
	scrollbar-shadow-color: #336600; 
	scrollbar-highlight-color: #CCFFFF; 
	scrollbar-3dlight-color: #99CCCC; 
	scrollbar-darkshadow-color: #000000; 
	scrollbar-track-color: #339933;
	scrollbar-arrow-color: #000000; 
*/
}

img { 
	/* 
	behavior: url(../scripts/iepngfix.htc); 
	*/
	border: 0; 
}

		
td {
	vertical-align: top;
}


H1, H2,   	{font-size: 130% ;}
H3 		{font-size: 120% ;}
H4 		{font-size: 110% ;}
H5,H6 	{font-size: 100% ;}


UL {
	font-weight: bold;
	list-style-position: outside;
	list-style-image: url(http://www.advance-training.co.uk/images/bullet.gif);
	margin-left:20px;
	padding-left:0px;
}

UL UL {
	font-weight: bold;
	font-size:95%;
	list-style-position: inside;
	list-style-image: url(http://www.advance-training.co.uk/images/bullet_sm.gif);
	margin-left:10px;
	padding-left:10px;
}



/* ==================================== */
form p {
	clear:both;
	margin: 0.2em 0 0 0;
}


label {
	width:140px;
	float:left;
	text-align:right;
	padding:0 10px 0 5px;
	margin:0 10px 0 0 ;
	/*
	background-color:#CCCCCC;
	*/
	color:#000000;
}

fieldset {
	border-style:solid;
	border-width:1px;
	border-color:#000 ;
	
	margin-top:20px;
	background-color:#ffffff;
}


legend {
	background-color:#dddddd;
	padding:2px 10px 2px 10px;
	font-weight:bold;
	border-style:solid;
	border-width:1px;
	border-color:#000 ;
}


form .textbox {
	width:350px;
}



/* ==================================== */


a:link {
	color:#0000FF ; 
}

a:visited {
	color:#990066; 
}

a:hover {
	color:#990099; 
	text-decoration:underline;
}

/* ======================================================= */


.text_160 {font-size:160% ; font-weight:bold; }
.text_130 {font-size:130% ; font-weight:bold; }
.text_small {font-size:90% ; }
.text_tiny{ font-size:80% ; }

.errormessage {
	background-color:#CC0033;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px;
}

.hilightedtext {
			background-color:#FFFF99 ; 
			color:#000000;
			font-style:normal; 
}

.pagename {
	color:#efefef;
	background-color:#efefef;
}

.bordered {
	border:1px solid #ddd;
	display:block;
}

.centered {
	text-align:center;
}


.clear {
	clear:both;
}


.display_box_220_left , .display_box_220_right {
	width:255px;
	height:310px;
	border:1px solid #ddd;
	padding:5px;
}

.display_box_220_left {
	margin:5px 5px 10px 0px;
	float:left;
	clear:both;
}

.display_box_220_right {
	margin:5px 0px 10px 5px;
	float:right;
}


.display_box_170 {
	float:left;
	width:170px;
	height:145px;
	border:1px solid #ddd;
	padding:1px;
	margin:0 2px 2px 0;
	text-align:center;
	font-weight: bold;
}




.hidden {
	display: none;
}


.printonly {
	display: none;
}



.screenonly {
	position:relative;
	visibility:visible;
}


.searchterm {
	text-transform: capitalize;
}



strong.searchterm {
	text-transform: capitalize;
	font-weight:normal;
}


li strong.searchterm {
	font-weight:inherit;
}


.tableborder {
	border-left: 1px  solid #666;
	border-top: 1px  solid #666;
	border-bottom: 1px  solid #666;
}

.tableborder td , .tableborder th {
	border-right: 1px  solid #666;
}

.tableborder th{
	border-top: 1px  solid #666;
}


/* =========================================================================== */
/* =========================================================================== */
/* ======================== start of rules for Rounded Boxes =============================== */

.roundedbox {
	font-size:90%;
	width:186px;
	margin:0 auto 0 auto ;
	padding:0 0 0 0;
}

.roundedbox form {
	padding:10px 0 0 0;
	margin:0 auto 0 auto;
	width:182px;
}

.roundedbox label {
	display:block;
	clear: both;
	float: none;
	text-align:left;
}

.roundedbox input , .roundedbox textarea {
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #0066CC;
	width:100%;
}


.roundedbox img {
	text-align:center;
}



.roundedbox a {
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
}

.roundedbox a:hover {
	text-decoration:none;
	color:#000000;
}


/*  .top  and .middle and .bottom  only appear in roundedbox so they don't need the 2 level decendent selector */

.top {
	margin:0 0 0 0 ;
	padding:0 0 0 0;
	background:url(../images/furniture/rounded_box_bg_top.png) no-repeat bottom center;
	height:33px;
	border:1px solid #e8e8e8;
	border-width: 0 0 1px 0 ;
}


.top p  {
	font-size:130%;
	padding:0 0 0 0 ;
	margin:0 0 0 0;
	text-align:center;
	line-height:33px;
	font-weight:bold;
}

.middle {
	background:#ffffff url(../images/furniture/rounded_box_bg.png) repeat-y center center;
	margin:0 0 0 0 ;
	padding:0 0 0 0;
	border:1px solid #e8e8e8;
	border-width: 0 0 1px 0 ;
}

.middle p {
	padding:0px 10px 0px 10px;
	color:#000000;
}


.bottom  {
	font-size:90%;
	background:url(../images/furniture/rounded_box_bg_bottom.png) no-repeat bottom center;
	/* 
	behavior: url(../scripts/iepngfix.htc) ;
	*/
	margin:0 0 0 0 ;
	padding:0 0 0 0;
	text-align:center;
	height:55px;
	min-height:55px;
}

.bottom  p {
	margin:0 0 0 0;
	padding:5px 0 0 0 ;
	font-weight:bold;
}



/* ======================== end of rules for  Rounded Boxes =============================== */



/* ====================================================================== */
/* ====================================================================== */

/* This is the ID for the whole page.  It determines the width of the page 
 in the PRINT style sheet the width is a relative size so that is it does 
 not crop when printed onto paper */
 
 
/* ====================================================================== */
#wrapper {
	position:relative;
	top:0px;
	left:0px;
	/*
	background:#FFFFFF url(../images/background_middle.gif) center center repeat-y;
	*/
	color:#000000;
	width:978px;
	margin:auto;
	background:#efefef url(../images/furniture/wrapper_bg_fade.jpg) repeat-x center top;
}


/* ====================================================================== */

#banner {
	min-height:100px;
	width:978px;
	background-color:#FFFFFF;
	background-image:url(../images/banners/computer_trainer_1.png);
	background-position: right top ;
	background-repeat:no-repeat;
/*	
	border-bottom:1px solid #009900;
	float:right;
*/
}



/* ============================ start of rules for firstpara ========================================== */
#firstpara {
	color:#000000;
	background:url(../images/furniture/atclogo.png) bottom left no-repeat;
	margin:0 0 0 20px;
}

#firstpara h1  { 
	margin:auto;
	margin-top:0;
	margin-bottom:0;
	width:600px;
	min-height:100px;
}


.textlink{ 
	margin:0px;
	padding-top:10px;
	font-size:80%; 
	text-align:left; 
}
/* ============================ end of rules for firstpara ========================================== */














/* ================================ start of rules for maincontent ================================== */
#maincontent {
	height:100%;
	width:972px;
	margin:auto;
	clear:both;
}

#middlecol a:hover {
	text-shadow:0px 0px 3px #990099;
}

/* ================================== end of rules for maincontent ================================== */





/* =========================== start of leftcol rules =================== */
/* this is the left column that contains the logo and the vertical menu down the
 left hand side of the page. */


#leftcol {
	width:186px;
	float:left;
}


#leftcol ul {
	list-style:none none outside;
	margin:0px;
	padding:0px;
}




/* =============================== start of callnow rules ======================================= */


#callnow {
	text-align:center;
	padding:1px 3px 2px 50px;
	margin:0px 0 3px 0;
	font-size:90%;
	background:#888888 url(../images/furniture/telephonist.png) no-repeat bottom left;
	color:#FFF;
}


#callnow p , #callnow h1, #callnow h2 {
	text-align:center;
	margin:0 0 0 0;
	padding:0;
}

#callnow h1, #callnow h2 {
	text-align:center;
}

/* =============================== end of callnow rules ======================================= */


/* =============================== start of leftmenu rules======================================= */

#leftmenu  {
	width:186px;
	margin:0 auto 0px auto;
	background-image:url(../images/furniture/left_menu_bg.png);
	background-repeat:repeat-x;
	background-position:bottom;
}


#leftmenu_bottom {
	background-image:url(../images/furniture/rounded_menu_bottom.png) ;
	background-repeat:no-repeat;
	background-position:top center;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	min-height:1px;
	height:1px;
}


#leftmenu li {
	color:#000000;
	margin-bottom:0px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
}


#leftmenu li a ,  #leftmenu li a:visited  {
	text-decoration:none;
	color:#006600;
	color:#000000;
	display:block;
	padding:3px 4px 3px 4px;
	clear:left;
	min-height:22px;
	/*
	background:#dddddd;
	*/
	line-height:1em;	
}

#leftmenu li a:hover , #leftmenu li a:active , #leftmenu li a.selected {
	background-color:#444;
	color:#fff;
}

#leftmenu li a:hover img {
	background:none;
}



/* ++++++++++++++++  Dreamweaver pages ++++++++++++++++++++ */

body.dw #banner {
	background-color:#99bb11;
	background-image:url(../images/banners/banner_dreamweaver.png);
}

body.dw #firstpara {
	color:#FFF;
	text-shadow:3px 3px 2px #000;
	/*
	background:url(../images/furniture/atclogo_white.png) bottom left no-repeat;
	*/
}


body.dw #leftmenu li a.button_dw ,
#leftmenu li a.button_dw:hover , 
body.dw  .button_submit ,
body.dw  legend  {
	background-color:#99bb11;
	color:#fff  ;
}

/* ++++++++++++++++  Photoshop pages ++++++++++++++++++++ */

body.ps  #banner {
	background-color:#0066BB ;
	background-image:url(../images/banners/banner_photoshop.png);
}

body.ps #firstpara {
	color:#FFF;
	text-shadow:3px 3px 2px #000;	
	/*
	background:url(../images/furniture/atclogo_white.png) bottom left no-repeat;
	*/
}

body.ps #leftmenu li a.button_ps , 
#leftmenu li a.button_ps:hover ,
body.ps  .button_submit ,
body.ps  legend {
	background-color:#0066BB;
	color:#FFF;
}

/* ++++++++++++++++  Photoshop Elements pages ++++++++++++++++++++ */

body.pse #banner {
	background-color:#3DC2CC ;
	background-image:url(../images/banners/banner_photoshop_elements.png);
}

body.pse #firstpara {
	color:#FFF;
	text-shadow:3px 3px 2px #000;	
	/*
	background:url(../images/furniture/atclogo_white.png) bottom left no-repeat;
	*/
}

body.pse #leftmenu li a.button_pse , 
#leftmenu li a.button_pse:hover ,
body.pse .button_submit ,
body.pse legend {
	background-color:#3DC2CC;
	color:#FFF;
}





/* ++++++++++++++++  InDesign pages ++++++++++++++++++++ */

body.id #banner {
	background-color:#BB3366 ;
	background-image:url(../images/banners/banner_indesign.png) ;
}

body.id #firstpara {
	color:#FFF;
	text-shadow:3px 3px 2px #000;	
	/*
	background: url(../images/furniture/atclogo_white.png) bottom left no-repeat;
	*/
}

body.id #leftmenu li a.button_id , 
#leftmenu li a.button_id:hover ,
body.id .button_submit, 
body.id legend {
	background-color:#BB3366;
	color:#FFF;
}

/* ++++++++++++++++  HTML pages ++++++++++++++++++++ */

body.html #banner {
	background-color:#CCEEEE;
	background-image:url(../images/banners/banner_html.png) ;
}

body.html #firstpara {
	color:#000;
	text-shadow:3px 3px 2px #fff;	
}

body.html #leftmenu li a.button_html , 
#leftmenu li a.button_html:hover ,
body.html .button_submit ,
body.html legend {
	background-color:#CCEEEE;
	color:#000;
}



/* ++++++++++++++++  CSS pages ++++++++++++++++++++ */

body.css #banner {
	background-color:#EEFF77;
	background-image:url(../images/banners/banner_css.png);
}

body.css #firstpara {
	color:#000;
	text-shadow:3px 3px 2px #fff;	
}

body.css #leftmenu li a.button_css , 
#leftmenu li a.button_css:hover ,
body.css .button_submit ,
body.css legend {
	background-color:#EEFF77;
	color:#000;
}



/* ++++++++++++++++  JS pages ++++++++++++++++++++ */

body.js #banner {
	background-color: #DD9999  ;
	background-image:url(../images/banners/banner_javascript.png) ;
}

body.js #firstpara {
	color:#000;
	text-shadow:3px 3px 2px #fff;
}

body.js #leftmenu li a.button_js , 
#leftmenu li a.button_js:hover ,
body.js .button_submit ,
body.js legend {
	background-color:#DD9999;
	color:#000;
}

/* =============================== end of leftmenu rules======================================= */

#leftcol form {
	background-color:#888888;
	padding:3px;
	font-weight:bold;
	margin:0 0 2px 0;
}

#leftcol .tiny  {
	font-size:90%;

}

/* =========================== end of leftcol rules =================== */


/* =========================================================================== */
/* this is the main part of the page which contains the text and image content */


#rightcontent {
	float:right;
	width:765px;
	padding-top: 4px;
}

#middlecol {
	position:relative;
	float:left;
	width:550px;
	padding-right:10px;
}


#middlecol li {
	margin-bottom:3px;

}

#rightcol {
	width:190px;
	float:right;
}

iframe {
	background:white;
	padding:10px;

}


/* =========================================================================== */
/* this is the footer of the page which contains the copyright notice and  credits */
 
#footer {
	clear:both;
	font-size:90%;
	text-align:center;
} 
 
/* =========================================================================== */

#vidcontainer {
	text-align:center;
	width:600px;
	height:451px;
}