/* -----IE Hack----- */
html { 
	font-size: 100%; 
	margin: 0px 0px 0px 0px
}

/* -----Body, Container, Header----- */

body {
	text-align: left;
	FONT: 70% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background:#FFFFFF;
	color: #000000;
}
.text {
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}

.newscolumn {width:170px; background:#F4FAFF}

#newcol {width:600px}

#col_left {
text-align:left;
width:350px;
}
#col_left p
{
height:60px
}

#sponsor{
height:90px
} 


#three_col_left {
float:left;
text-align:left;
width:170px;
height: 100%;
background:#F4FAFF;
}
#three_col_center {
float:left;
width:170px;
margin-left:20px;
text-align:left;
background:#F4FAFF;
height: 100%;
}
#three_col_right {
text-align:left;
width:170px;
float:right;
background:#F4FAFF;
height: 100%;
}

#content h2 {
font-size:12px;
}

#container {
	width: 730px;
	margin: 0px;
	padding: 0px;	
	float: left;	
	text-align:left ;
}

#header {
text-align :left ;
height: 120px;
background-image: url(images/header.gif);
}

#header h1 {
	font-family: Arial,Verdana; font-size: 12px; color: black;
	background:none;
	letter-spacing: -1px;
	font-weight: normal;
	Display:none;
	overflow:hidden;
	}
	
.skip {position: absolute;left: -999px;width: 990px;}

#header_nav {
text-align :left ;
position:absolute; 
top:13px; 
left:300px;
}

#search {
margin-top:60px; 
float:right;
}

html>body #search {
margin-top:60px; 
float:left;
margin-left:240px; 
}










/* -----Menu------------------ */



#side {
text-align :left ;
float:left;
width: 107px;
height: 490px;
background-image: url(images/side-bar.gif);
} 


#side_bottom
{
top:615px;
text-align :left ;
position:absolute; 
} 

img {
border:0;
}
 
html>body #side_bottom
{
top:615px;
text-align :left ;
position:absolute; 
}  


.nav_top {
text-align:right;
width: 135px;
height: 26px;
display:block;
background: #FFE9B4 url(images/menutop.gif) 0 0 repeat-x;
}

.nav_bottom {
text-align:right;
width: 135px;
height: 26px;
display:block;
background: #FFE9B4 url(images/menubottom.gif) 0 0 repeat-x;
}


#navigation {
  z-index: 2;
  position:absolute; 
  top:138px; 
  left:0px; 
  width:120px; 
  padding:0px; 
  background:#FFF;
  }

html>body #navigation {
width:140px;
}

.navigation ul {
padding:0;
margin:0;
list-style-type:none;
width:135px;
background:#FFE9B4;
}

/* hack for IE5.5 */
* html .navigation ul {margin-left:-16px; ma\rgin-left:0; background:#FFE9B4;}
/* position relative so that you can position the sub levels */
.navigation li {
position:relative;
background:#FFE9B4;
height:26px;
}

/* get rid of the table */
.navigation table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.navigation a, .navigation a:visited {
display:block; 
text-decoration:none;
height:25px;
line-height:16px;
border: 1px solid #FFFFFF;

color:#000;
text-indent:3px;

}
/* hack for IE5.5 */
html>body .navigation a, * html .navigation a:visited {background:#FFE9B4;}
* html .navigation a, * html .navigation a:visited {background:#FFE9B4;}
/* style the link hover */
* html .navigation a:hover {color:#000; background:#F5CDA5;}

.navigation :hover > a {
color:#000; 
background:#F5CDA5;

}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.navigation ul ul {
visibility:hidden;
position:absolute;
top:0;
left:135px; 
width:285px;
}
/* make the second level visible when hover on first level list OR link */
.navigation ul :hover ul{
visibility:visible;

}
/* keep the third level hidden when you hover on first level list OR link */
.navigation ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.navigation ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.navigation ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.navigation ul :hover ul :hover ul :hover ul { 
visibility:visible;
}






/* ------Main Content Box----- */

#content_top {
    float :right ;
    width: 604px;
	height: 8px;
	margin-right:10px;
	background-image: url(images/content_top.gif);
}

/* IE other browser*/
html>body #content_top {
    float :right ;
    width: 604px;
	height: 10px;
	margin-right:19px;
	background-image: url(images/content_top.gif);
}

#content {
	width:604px;
	min-height: 480px;
	float:right;
	margin-right:10px;
	padding: 10px 15px 10px 35px;
	margin-top:-1px;
	background-image: url(images/content_middle.gif);
}

/* IE other browser*/
html>body #content {
	width:544px;	
	float:right;
	margin-right:19px;
	padding: 10px 15px 10px 45px;
	margin-top:-1px;
	background-image: url(images/content_middle.gif);

}

#Content_footer {
    float :right ;
	width: 604px;
	height: 47px;
	margin-right:10px;
	background-image: url(images/content_bottom.gif);
}

html>body #Content_footer2 {
    float :right ;
	width: 604px;
	height: 47px;
	margin-right:10px;
}


/* -----Content Header----- */

#content span.content_title {
	padding-left: 1em;
	font-family: Trebuchet MS, Verdana, Arial;
	font-size: 14px;
	font-style: italic;
	font-weight:bold;
}

#content span.h1-black
{
padding-left: 1em;
font-family: Trebuchet MS, Verdana, Arial;
font-size: 16px;
font-weight:bold;
color:black;
}



fieldset { border:1px solid #eae4d7; padding: 10px 10px 10px 10px; }

legend {
  padding: 0.2em 0.5em;
  color:black;
  font-size:90%;
  text-align:right;
  font-weight:bold;
  }


ul, ul li {
	list-style: none;
	}
	
#news li {
	background: transparent url(images/bullet1.gif) no-repeat 0 4px;
	margin-bottom:  1em;
	padding-left: 20px;
}


.training_nav a:link, .training_nav a:visited 
{ font:11px Trebuchet MS, Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;display:block; margin:2px; padding:4px; text-decoration:none; color:#000; border-bottom:4px; background-color: #f9f9f9; border-left:4px solid #B0B0B0; padding-left:6px;}
.training_nav a:hover { font:11px Trebuchet MS, Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;  color:#EF8201; background-color: #EEE; border-left:4px solid #EF8201;padding-left:6px;}  
.training_nav a.select {font-weight:bold}


.divider {margin: 5px; height: 10px; background: url(images/divider.gif) no-repeat;}

input, textarea {BACKGROUND-COLOR: #ffffff; BORDER: #003060 1px solid;COLOR: #003060; FONT-FAMILY: verdana; FONT-SIZE: 10px; FONT-WEIGHT: bold;}

submit {BACKGROUND-COLOR: silver; BORDER: #003060 1px solid;COLOR: #003060; FONT-FAMILY: verdana; FONT-SIZE: 10px; FONT-WEIGHT: bold;}			
		

img.left1{
	padding:2px;
	background:#FFFFFF;
	border:1px solid #e8e7e7;
	margin:4px 10px 0px 0px;
	float:left;	
}
img.left2{
	padding:2px;
	margin:4px 10px 0px 0px;
	float:left;
}

img.right1{
	padding:2px;
	background:#FFFFFF;
	border:1px solid #e8e7e7;
	margin:4px 10px 0px 0px;
	float:right;	
}

img.right2{
	padding:2px;
	margin:4px 10px 0px 0px;
	float:right;
}

img.img2{
	padding:2px 40px 2px 2px;
	margin:4px 10px 0px 0px;
}

form#register label {clear:left; display:block; float:left; width:100px; text-align:right; padding-right:10px; color:#888; margin-bottom:0.5em;}


.divright {
	float:right;
	}
	
#divright {
	float:right;
	}
	
#divcenter {
	text-align: center;
	}	
	
td.h100 {
	height: 100px;
	}

.bluebold {
	font-weight:bold;
	color:#2291FF}

/* -----Links----- */

a {
color : #000; 
background: #FFFFFF;
outline : none; 
} 
a:visited {
color : #666; 
background: #FFFFFF;
} 
a:hover, a:focus {
color : #666; 
background: #FFFFEC;
} 
a:active {
color : #000; 
background: #FFFFFF;
} 

#header_nav a {
color : #000; 
background: #8Cd2FF;
outline : none; 
} 
#header_nav a:visited {
color : #666; 
background: #8Cd2FF;
} 
#header_nav a:hover, a:focus {
color : #FFF; 
background: #8Cd2FF;
} 
#header_nav a:active {
color : #000; 
background: #8Cd2FF;
} 

/* -----Footer----- */

#footer {
text-align:center;
	clear: both;
}

/* -----slides----- */

#pagetitle {
	DISPLAY: block; BACKGROUND: #fff; FLOAT: left; WIDTH: 350px; BORDER-BOTTOM: #fff 8px solid; POSITION: relative; HEIGHT: 120px
}

#pagetitle H1 {
	Z-INDEX: 100! important; LEFT: 10px; FONT: 3em Arial, Helvetica, sans-serif; TEXT-TRANSFORM: lowercase; BOTTOM: 10px; POSITION: absolute
}
H1 {
	COLOR: #fff! important
}
.sIFR-flash {
	VISIBILITY: visible! important; MARGIN: 0px
}
.sIFR-replaced {
	VISIBILITY: visible! important; COLOR: #fff! important
}
SPAN.sIFR-alternate {
	DISPLAY: block; LEFT: 0px; OVERFLOW: hidden; WIDTH: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 0px
}

#pagetitle h1.h1-white
{
FONT: 2em Trebuchet MS, Verdana, Arial;
font-weight:bold;
color:white;
}