/* site.css - ATR Training  */



html {
	margin: 0px;
	padding: 0px;
}


body { 
	margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0;
	padding: 0px;
	font-family: verdana, arial, helvetica, san-serif; 
	
	color: #ffffff;
	background-color: #ffffff;
	background-position: top left;
	background-image: url(images/bg.jpg);
	
	text-align: justify;

	scrollbar-face-color: #dbd3c2;
	scrollbar-highlight-color: #716242;
	scrollbar-shadow-color: #000000;
	scrollbar-3dlight-color: #c0c0c0;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #dbd3c2;
	scrollbar-darkshadow-color: #000000;
	scrollbar-base-color: #808080;

	overflow: auto;

}




/* TABLES */

table.layout { 
	width: 100%; 
	height: 100%; 
}

table.main { 
	width: 940px; 
}

table.content { 
	width: 892px; 

}


table.contentabout { 
	width: 892px; 
 
}


table.contentmain { 
	width: 892px; 
	background-image: url(images/people.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 100%;
}


table.contentmain1 { 
	width: 892px; 
	background-image: url(images/people1.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;

}

table.contentmain2 { 
	width: 892px; 

}


table.layoutimages { 
	width: 456px; 

}


td.content1 { 
	vertical-align: top; 
	background-image: url(images/topleftshade.jpg);
	background-position: top left;
	width: 19px;
	height: 17px;
}


td.content2 { 
	vertical-align: top; 
	background-image: url(images/topleftshade1.jpg);
	background-position: top left;
	width: 1px;
	height: 17px;
}


td.content3 { 
	vertical-align: top; 
	background-image: url(images/topleftshade2.jpg);
	background-position: top left;
	width: 38px;
	height: 17px;
}


td.content4 { 
	vertical-align: top; 
	background-image: url(images/topshade.jpg);
	background-position: top left;
	width: 827px;
	height: 17px;
}


td.content5 { 
	vertical-align: top; 
	background-image: url(images/toprightshade2.jpg);
	background-position: bottom left;
	width: 27px;
	height: 17px;
}


td.content6 { 
	vertical-align: top; 
	background-image: url(images/toprightshade1.jpg);
	background-position: bottom left;
	width: 1px;
	height: 17px;
}


td.content7 { 
	vertical-align: top; 
	background-image: url(images/toprightshadenew.jpg);
	background-position: bottom left;
	width: 27px;
	height: 17px;
}


td.content8 { 
	vertical-align: top; 
	background-image: url(images/topleftshadeunder.jpg);
	background-position: top left;
	width: 19px;
	height: 1px;
}

td.content9 { 
	vertical-align: top; 
	background-image: url(images/blue.gif);
	background-position: top left;
	width: 1px;
	height: 1px;
}

td.content10 { 
	vertical-align: top; 
	background-image: url(images/blue.gif);
	background-position: top left;
	width: 892px;
	height: 1px;
}


td.content11 { 
	vertical-align: top; 
	background-image: url(images/blue.gif);
	background-position: top left;
	width: 1px;
	height: 1px;
}


td.content12 { 
	vertical-align: top; 
	background-image: url(images/toprightshadeunder.jpg);
	background-position: top left;
	width: 27px;
	height: 1px;
}


td.content13 { 
	vertical-align: top; 
	background-image: url(images/leftshade.jpg);
	background-position: top left;
	width: 19px;
}



td.content14 { 
	vertical-align: top; 
	background-image: url(images/blue.gif);
	background-position: top left;
	width: 1px;

}

td.content15 { 
	vertical-align: top; 
	background-image: url(images/homebg.jpg);
	background-position: top left;
}


td.content16 { 
	vertical-align: top; 
	background-image: url(images/blue.gif);
	background-position: top left;
	width: 1px;

}



td.content17 { 
	vertical-align: top; 
	background-image: url(images/rightshade.jpg);
	background-position: top left;
	width: 27px;

}



td.content18 { 
	vertical-align: top; 
	background-image: url(images/leftshadeunder.jpg);
	background-position: top left;
	width: 19px;
	height: 1px;
}


td.content19 { 
	vertical-align: top; 
	background-image: url(images/rightshadeunder.jpg);
	background-position: top left;
	width: 27px;
	height: 1px;
}


td.content20 { 
	vertical-align: top; 
	background-image: url(images/leftbottomshade.jpg);
	background-position: top left;
	width: 19px;
	height: 31px;
}

td.content21 { 
	vertical-align: top; 
	background-image: url(images/leftbottomshade1.jpg);
	background-position: top left;
	width: 1px;
	height: 31px;
}

td.content22 { 
	vertical-align: top; 
	background-image: url(images/leftbottomshade2.jpg);
	background-position: top left;
	width: 38px;
	height: 31px;
}

td.content23 { 
	vertical-align: top; 
	background-image: url(images/bottomshade.jpg);
	background-position: top left;
	width: 827px;
	height: 31px;
}

td.content24 { 
	vertical-align: top; 
	background-image: url(images/rightbottomshade2.jpg);
	background-position: top right;
	width: 27px;
	height: 31px;
}


td.content25 { 
	vertical-align: top; 
	background-image: url(images/rightbottomshade1.jpg);
	background-position: top right;
	width: 1px;
	height: 31px;
}

td.content26 { 
	vertical-align: top; 
	background-image: url(images/rightbottomshade.jpg);
	background-position: top left;
	width: 27px;
	height: 31px;
}

td.content27 { 
	vertical-align: top; 
	width: 319px;
	height: 390px;
}


td.content28 { 
	vertical-align: top; 
	width: 573px;
	height: 390px;
}

td.content29 { 
	vertical-align: top; 
	background-image: url(images/nav.gif);
	background-position: top left;
	height: 54px;
}

td.content29a { 
	vertical-align: top; 
	background-image: url(images/navtop.gif);
	background-position: bottom left;
	height: 5px;
}



td.content30 { 
	vertical-align: top; 
	height: 124px;
	width: 319px;
}


td.content30a { 
	vertical-align: top; 
	height: 12px;
	width: 319px;
}


td.content31 { 
	vertical-align: top; 
	height: 124px;
	width: 573px;
	background-image: url(images/bgbottom.gif);
	background-position: top left;
}


td.content31a { 
	vertical-align: top; 
	height: 12px;
	width: 573px;

}

td.content32 { 
	vertical-align: top; 
	height: 11px;
	background-image: url(images/topstrip.gif);
	background-position: top left;
}

td.content33 { 
	vertical-align: top; 
}

td.content34 { 
	vertical-align: top; 
}

td.content34a { 
	vertical-align: middle; 
	height: 36px;
	background-image: url(images/coursenav.gif);
	background-position: top left;
	background-repeat: repeat;
}


td.content34b { 
	vertical-align: top; 
}

td.content34c { 
	vertical-align: middle; 
	height: 36px;
}



td.content35 { 
	vertical-align: top; 
	height: 308px;
	width: 460px;
}


/* LINES and FONTS */



iframe.maini {
	vertical-align: top; 
	height: 308px;
	width: 458px;
}



p {
	text-align: left;
	font-family: arial, helvetica, verdana, san-serif; 
	font-size: 11px;
	color: #000000;
	padding-left: 13px;
	padding-right: 13px;
}

p.buttons {
	text-align: center;
	padding-left: 13px;
	padding-right: 13px;
}


p.regular {
	text-align: left;
	font-family: arial, helvetica, verdana, san-serif; 
	font-size: 12px;
	color: #000000;
	padding-left: 13px;
	padding-right: 13px;
}

p.regular1 {
	text-align: left;
	font-family: arial, helvetica, verdana, san-serif; 
	font-size: 12px;
	color: #4c6e8a;
	padding-left: 13px;
	padding-right: 13px;
}

p.heading {
	text-align: left;
	font-family: arial, helvetica, verdana, san-serif; 
	font-size: 11px;
	font-weight: bold;
	color: #4c6e8a;
	padding-left: 13px;
	padding-right: 13px;

}

p.heading1 {
	text-align: left;
	font-family: arial, helvetica, verdana, san-serif; 
	font-size: 12px;
	font-weight: bold;
	color: #2b2a61;
	padding-left: 13px;
	padding-right: 13px;

}


p.quote {
	text-align: left;
	font-family: arial, helvetica, verdana, san-serif; 
	font-size: 12px;
	font-weight: normal;
	color: #4c6e8a;
	padding-left: 25px;
	padding-right: 25px;

}

div.sidepadding {
	padding-left: 13px;
	padding-right: 13px;
}


div.copyright {
	text-align: center;
	color: #000000;
	font-size: 0.7em;
}

div.footer {
	float: left;
	text-align: left;
	padding-left: 20px;
	font-size: 10px;
	color: #4a4a4a;
	width: 450px;
}

div.footerright {
	float: right;
	text-align: right;
	padding-right: 20px;
	font-size:10px;
	color: #4a4a4a;
	width: 450px;
}

div.p4 {
	text-align: left;
	font-size: 10px;
	color: #c0c0c0;
	vertical-align: top; 
	padding: 10px;
}


span.red {
	color: #ff0000;
}



/* LINKS */

	A { COLOR: #434180; TEXT-DECORATION: none } 
	A:link { COLOR: #434180; TEXT-DECORATION: none } 
	A:hover {  BACKGROUND: #434180; COLOR: #ffffff;  TEXT-DECORATION: none } 
	A:visited {  COLOR: #0000ff;  TEXT-DECORATION: none } 
	
	A.site { COLOR: #ff0000; TEXT-DECORATION: none } 
	A.site:link { COLOR: #ff0000; TEXT-DECORATION: none } 
	A.site:hover {  BACKGROUND: #ff0000; COLOR: #ffffff;  TEXT-DECORATION: none } 

	A.email { COLOR: #2b2a61; TEXT-DECORATION: none } 
	A.email:link { COLOR: #2b2a61; TEXT-DECORATION: none } 
	A.email:hover {  BACKGROUND: #2b2a61; COLOR: #ffffff;  TEXT-DECORATION: none } 

	a.p4 {text-decoration: none;   color: #4a4a4a}
	a.p4:link {text-decoration: none;   color: #4a4a4a}
	a.p4:hover {text-decoration: none; BACKGROUND: #4a4a4a;   color: #ffffff}

	A.pagertemplate { COLOR: #ffffff; TEXT-DECORATION: none } 
	A.pagertemplate:link { COLOR: #ffffff; TEXT-DECORATION: none } 
	A.pagertemplate:hover {  BACKGROUND: #2b2a61; COLOR: #ffffff;  TEXT-DECORATION: none } 

ul
{
	list-style-type: square;
	text-align: left;
	font-family: arial, helvetica, verdana, san-serif; 
	font-size: 12px;
	color: #000000;
	margin-left: 13px;
	margin-right: 13px;
	padding-left: 13px;
	padding-right: 13px;
}
 	
hr.e {border: none 0; 
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #ccc;
	width: 100%;
	height: 2px;
	margin: 10px auto 0 0;
	text-align: left;
	}

img.img1 {
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	}	
	

img.img2 {
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 0px;
}	
	
/* Dynamic tables */
.datagrid {    
	font-family: arial, helvetica, verdana, san-serif; 
	font-size: 11px;
}

.detailsview {    
	font-family: arial, helvetica, verdana, san-serif; 
	font-size: 11px;
}

.datalist {    
	font-family: arial, helvetica, verdana, san-serif; 
	font-size: 11px;
}

.datalisttable {
	font-family: arial, helvetica, verdana, san-serif; 
	font-size: 11px;
	color: #000000;
	text-align: left;
	padding-left: 13px;
	padding-right: 13px;
}

.basicform
{
    font-family: arial, helvetica, verdana, san-serif;
    font-size: 11px;
    color: #000000;
    text-align: left;
    font-weight: bold;

}

div.wizard{    
	font-family: arial, helvetica, verdana, san-serif; 
	font-size: 11px;
	text-align: center;
	padding-left: 13px;
}