@charset "utf-8";
/* CSS Document */

html {height:100%; margin-bottom: 1px; }
body
{
font: 12px Arial, Helvetica, sans-serif;
background-color:#000066;
margin:0;
padding:0;
} 

h1, h2, h3, h4
{
color:#003366;
}

h1
{
margin-top:0;
font-size:200%;

}

h2
{

font-size:140%
}

h3
{

font-size:120%
}

h4
{

font-size:100%
}


li
{
margin: 0 0 10px 0;
}

.clearall
{clear:both;}



#container1
{
/*background-image:url(images/layout/containerbackground.jpg);
background-repeat:no-repeat;
width: 1060px;*/

width: 779px;
margin:0 auto;
overflow:hidden;
}

#container2
{
background-color:#e8e8ff;
/*width: 1024px;*/
width: 779px;
text-align:left;
overflow:hidden;
margin:0 auto;
padding: 0px 0 10px 0px;
border: #CCCCCC solid 1px;
}



#main-content

{
float:left;
background-color:#FFFFFF;
width: 475px;
margin: 10px 0px 0 0;
padding: 0px 10px 0 10px;
}

#main-content ul
{
list-style-image:url(images/layout/bullet-blue.jpg);
}



#sidenav
{
background-color:#e8e8ff;
padding: 0px 0 0px 0;
margin: 10px 10px 0px 0;
float:left;
width: 130px;

}

#sidenav ul
{

padding:0  0 0px 0;
margin:0 0 0px 0;
font-weight:bold;
border:1px solid #003366;
border-left: 0;
border-bottom:0;
}
#sidenav li
{background:url(sidenav/nav-bkgd.gif) no-repeat;
padding:0 0px 0px 0px;
margin-bottom: 0px;
border-bottom: 1px solid #003366;

}

#sidenav a
{
color:#003366;
display:block;
text-decoration: none;
padding: 5px 4px 5px 15px;
margin:0px 0px 0px 0px;
}

#sidenav li a:hover {
background:url(sidenav/red-orange-bkgnd.gif) no-repeat;
color:#fff;
}

#sidenav li.current {
background:url(sidenav/red-orange-bkgnd.gif) no-repeat;
}
#sidenav li.current a {
color:#FFFFFF;

}

/*subnav*/

#sidenav ul ul
{
border:0;
}

#sidenav li li.current  {

background-image:none;
background-color:#333333;

}


#sidenav li li a {
padding: 2px 0 2px 20px;
color:#fff;
font-size:11px;
}

#sidenav li li 
{
background-image:none;
background-color:#999999;

border-left: 0;
border-right:0;

}	

#sidenav li li a:hover
{
background-image:none;
background-color:#333;


}	


/*sub sub nav*/

#sidenav ul ul ul
{
display:none;
}

#sidenav li li li.current  {
background-color:#FF0000;

}

#sidenav li li li a {
padding: 2px 0 2px 20px;
color:#FFFFFF;
font-size:10px;
}

#sidenav li li li 
{
background-color:#FF9999;
border-left: 0;
border-right:0;
}	

#sidenav li li li a:hover
{
background-color:#FF0000;
color:#fff;
}	




#sidebar
{
background-color:#e8e8ff;
float:left;
padding: 0 0px 0 15px;
margin:10px 5px 0 0;
width: 110px;

}



.clearall
{clear:both;}


/*styles for aligning picture ;left and text right on course pages*/
#alignright p, #alignright h2, #alignright h3, #alignright h4
{
margin: 10px 0 30px 110px;
padding: 0 20px 60px 0; 


}

.alignleft  {
float: left;
padding: 0px 0 0px 0px;
margin: 0px 0 0px 20px;


clear:both;
}



#footer
{
background:url(images/layout/footer-bkground.jpg);
text-align:center;
clear:both;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
padding: 5px 0 8px 0;
margin: 0 0 0 0px;

color:#999999;
}

#footer a
{
color:#999999;
text-decoration:none;
padding: 0;
margin: 0;
}

.nobullet 
{
list-style-image:none;}

.redtext
{color:#FF0000;
}

.tableborder td 

{
border: 1px #CCCCCC solid;
padding: 10px;
}

.footertext
{
font-size:9px;
color:#999999;}

#floatleft
{float:left;

}

#floatright
{float:right;}

.redborder
{
border: #FF0000 1px solid;
padding: 5px;}

.yellowbackground
{
background:#FFFFCC;
padding: 5px;

}

img
{
border:0;}

/*icon styles*/
.light-blue-bakgnd
{background:#d1eefc;
margin: 0;
padding: 5px;
}
.time
{background:url(images/timers/timer.jpg) no-repeat;
margin: 3px 0 0px 10px;
padding: 5px 0 10px 37px;
list-style-image:none;
list-style:none;}

.diagnostic
{background:url(images/timers/diagnostic.jpg) no-repeat;
margin: 3px 0 0px 10px;
padding: 5px 0 10px 37px;
list-style-image:none;
list-style:none;}

.paralell
{background:url(images/timers/parallel.jpg) no-repeat;
margin: 3px 0 0px 10px;
padding: 5px 0 10px 37px;
list-style-image:none;
list-style:none;}

.agebar
{
border-bottom: 1px solid #333333;
margin: 5px 0 0 0px;
padding:0;
}

.agebar li
{display:inline;
font-weight:bold;
margin: 0 0px 0 0;
padding:0 6px 0 6px;
border-right: 1px solid;
list-style-image:none;
list-style:none;}

.blue-bkgrd li
{
background:#99CCFF;

}
.hidden
{
display:none;
}