/* CSS Document */
/*=============== page structure =================
body
    #canvas
           #top
		           #freebox
		   #middle
		           #nav_top_level_canvas
		                    #nav_top_level
		                           #HomeTab
		                           #StartTab
		                           #CoursesTab
		                           #PathwayTab
		                           #EducatorTab
				    #sideNavigation
				            #Lebutton1
				            #Lebutton2
                            #Lebutton3
				            #Lebutton4
 				            #Lebutton5a	
							#Lebutton6	
							#Lebutton5	(this is an extra layer for additional text links) 
			        #AnimationLayer1 
			                #ALpage1
						    #ALpage2
						    #ALpage3
						    #ALpage4
						    #ALpage5 
				    #topspacer
                    #content
                            #center_column
							div#column_left 
		  #bottom
		            #NavFooter
		  #copyright
==================================================*/
body {
	/*background-color:#FFFFFF; */
	font-family:Helvetica, Arial, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	font-size:12px;
	color:#001A6D;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-shadow-color:#003399;
	scrollbar-arrow-color:#003399;
	scrollbar-darkshadow-color:#330099;
	scrollbar-track-color:#ffffff;
	scrollbar-face-color:#ffcc00;
	scrollbar-highlight-color:#ffffff;
}

/*======== TEXT =============*/

div#center_column {
	
}
div#column_left {

}

.freestyle1 {
float:left;
width:168px; 
height:60px; 
z-index:1;
	color: #FF0000;
	font-weight: bold;
	margin: 0 0 0 14px;
}

p {
	margin: 0 0 1.8em 0;
}

blockquote {
	font-style:normal;
	font-weight:bold;
	color:#7FC31C;
	margin:.5em 0 .5em 0;
}

/* Headings  */

h1 {
	margin:72px 0px 0 0px;
	padding:0;
	font-size:27px;
}

h2 {
	margin:12px 0 0 0;
	color:#cc3300;
	font-size:15px;
}
h3 {
	clear:both;
	margin:0 0 0 0;
	color:#339900;
	font-size:15px;
}
h4 {

	font-size:18px;
	
}
h5 {
	margin:16px 12px 12px 0;
	color:#001A6D;
	font-size:15px;
}
h6 {

	font-size:16px;
	
}

div.innertable{
	padding:0px 12px 0px 12px;
	}

/*============================= links =========================*/

a{
	color:#001A6D;
}

a:hover{
	color:#5EB611;
}

a:visited{
	color:#DC4A02;
}

.red{
color:#990000;
}

.teal{
color:#009966;
}
/*
###################################################
# IMAGES
###################################################
*/

/* Main logo image */
img#logo {
	margin:50px 0 0 55px;
}
img {
	border:none;
}
img.main {
}
img.no_border {
	border:0;
}
/*========================captions==============================*/

p.caption {
font-size:8pt;
	font-weight:bold;
	text-transform:uppercase;
	color:#339900;
}
p.caption_bold {
font-size:8pt;
	font-weight:bold;
	color:#339900;
}
p.caption_bold2 {
font-size:8pt;
	font-weight:bold;
	color:#cc3300;
}
/*
###################################################
# STRUCTURE
###################################################
*/
.content{
	background-color:#FFFFFF;
	color:#001A6D;
	padding:0px 0px 20px 0px;
}

.layout{
	background-image:url(../images/background.jpg);
	background-repeat:no-repeat;
}

HR { text-align: center; width: 320px; height: 2px; color: #FFC942; border: none; } /* For Internet Explorer */
HTML>BODY HR { margin-right: 0; width: 320px; height: 2px; background-color: #FFC942; border: none; } /* For Gecko-based browsers */
HTML>BODY HR { margin-right: 0; width: 320px; height: 2px; background-color: #FFC942; border: 0px solid #FFC942; } /* For Opera and Gecko-based browsers */



div#canvas {
	margin:0px auto 16px auto;
	width:800px;
}
    #canvas{}
    #top{}
    #freebox{}
	


div#top {

	background-repeat:no-repeat;
	height:70px;
}
	
div#middle {

	background-repeat:no-repeat;  
	background-position: 0px 40px;
	width:800px;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0;

}

div#topspacer{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
		width:800px;
	min-height:60px;
	}
	* html div#topspacer {
	height: 60px;
	
}

div#content {

	background-position: 0px 0px;
	background-repeat:repeat-y;
	margin: 0px 0px -24px 0px;
	padding:0px 0px 0px 0px;
		width:788px;
	min-height:400px;
		background-color:#FFFFFF;
		color:#001A6D;
}

* html div#content {
	height: 400px;
}

div#center_column {
	margin:0px 14px 0px 160px;
	padding:0px 10px 0px 14px;
	 z-index:2;
	  background-color:transparent;
}
div#center_column2 {
	margin:0px 14px 0px 200px;
	padding:0px 10px 0px 14px;
	 z-index:2;
	  background-color:transparent;
}
div#center_column2a {
	margin:0px 0px 0px 190px;
	padding:6px 0px 00px 34px;
	 z-index:2;
	  background-color:transparent;
}
div#column_left {
	margin:14px 14px 14px 14px;
	padding:0px 10px 0px 14px;
	 z-index:2;
	  background-color:transparent;
}
div#column_midway {
	margin:14px 260px 14px 72px;
	padding:0px 10px 0px 14px;
	 z-index:2;
	  background-color:transparent;
}
div#column_midwayfull {
	margin:14px 14px 14px 72px;
	padding:0px 10px 0px 14px;
	 z-index:2;
	  background-color:transparent;
}
div#column_left2 {
	margin:14px 260px 14px 14px;
	padding:0px 10px 0px 14px;
	 z-index:2;
	  background-color:transparent;
}
div#column_left3 {
	margin:14px 260px 14px 156px;
	padding:0px 10px 0px 14px;
	 z-index:2;
	  background-color:transparent;
}
div#column_full {
	margin:14px 14px 14px 12px;
	padding:0px 10px 0px 14px;
	 z-index:2;
	 background-color:transparent;
}

div#bottom {
width:800px;
		background-position: 0px 0px;
			background-repeat:no-repeat;
	min-height:60px;
	position:relative;
	padding:0px;
	
}
	

*html div#bottom {
	height:60px;
}
/* ############################# content tables ########################### */
td.tablepiece1, td.tablepiece1w{
		background-position: 0px 0px;
			background-repeat:no-repeat;
			width:20px;
	        height:20px;
		    margin:0 0 0 0;
	        padding: 0 0 0 0;
	        clear:both;
			border:0;
}

td.tablepiece2, td.tablepiece2w{
		background-position: 0px 0px;
			background-repeat:repeat-x;
	        height:20px;
					    margin:0 0 0 0;
	        padding: 0 0 0 0;
	        clear:both;
			border:0;
}

td.tablepiece3, td.tablepiece3w{
		background-position: 0px 0px;
			background-repeat:no-repeat;
			width:20px;
	        height:20px;
					    margin:0 0 0 0;
	        padding: 0 0 0 0;
			border:0;
}

td.tablepiece4, td.tablepiece4w{
		background-position: 0px 0px;
			background-repeat:repeat-y;
			width:20px;
					    margin:0 0 0 0;
	        padding: 0 0 0 0;
	        clear:both;
			border:0;
}

td.tablecontent, td.tablecontentw{

		    margin:0 0 0 0;
	        padding: 0 0 0 0;
	        clear:both;
			border:0;
}

td.tablepiece5, td.tablepiece5w{
		background-position: 0px 0px;
			background-repeat:repeat-y;
			width:20px;
					    margin:0 0 0 0;
	        padding: 0 0 0 0;
	        clear:both;
			border:0;
}

td.tablepiece6, td.tablepiece6w{
		background-position: 0px 0px;
			background-repeat:no-repeat;
			width:20px;
	        height:20px;
					    margin:0 0 0 0;
	        padding: 0 0 0 0;
	        clear:both;
			border:0;
}

td.tablepiece7, td.tablepiece7w{
		background-position: 0px 0px;
			background-repeat:repeat-x;
	        height:20px;
					    margin:0 0 0 0;
	        padding: 0 0 0 0;
	        clear:both;
			border:0;
}

td.tablepiece8, td.tablepiece8w{
		background-position: 0px 0px;
			background-repeat:no-repeat;
			width:20px;
	        height:20px;
					    margin:0 0 0 0;
	        padding: 0 0 0 0;
	        clear:both;
			border:0;
}
.feature{
border-style:solid;
border-color:#FFFFFF;

}
			
/*
###################################################
# TOP NAVIGATION
###################################################
*/
div#nav_top_level_canvas {}

div#nav_top_level{}

div#HomeTab{
position:absolute;
 width:150px;
  height:40px;
   z-index:1;
    left: 36px;
	 }            
div#StartTab{
 position:absolute;
  width:150px;
   height:40px;
    z-index:1;
	 left: 183px;
	  }         
div#CoursesTab{ 
position:absolute;
 width:150px;
  height:40px;
   z-index:1;
    left: 330px;
	 }
div#PathwayTab{
position:absolute;
 width:150px;
  height:40px;
   z-index:1;
    left: 477px;
	 }           
div#EducatorTab{ 
position:absolute;
 width:150px;
  height:40px;
   z-index:1;
    left: 624px;
	    }
		
		/*
###################################################
# SIDE NAVIGATION
###################################################
*/

#sideNavigation {
position:absolute; 
width:166px; 
 
z-index:1; 
left: 3px; top: 43px;
background-repeat:no-repeat;
}


div#Lebutton1 {
position:absolute; 
width:150px; 
height:31px; 
z-index:1; 
left: 0px; top: 26px;
}
div#Lebutton2 {
position:absolute;
 width:150px;
  height:31px;
   z-index:1;
    left: 0px;
	 top: 57px;
	 }
div#Lebutton3 {
position:absolute;
 width:150px;
  height:31px;
   z-index:1;
    left: 0px;
	 top: 88px;
	 }
div#Lebutton4 {
position:absolute;
 width:150px;
  height:31px;
   z-index:1;
    left: 0px;
	 top: 119px;
	 }

div#Lebutton5a {
position:absolute; 
width:150px; 
height:31px; 
z-index:1; 
left: 0px; 
top: 150px;
}
div#Lebutton6 {
position:absolute; 
width:150px; 
height:31px; 
z-index:1; 
left: 0px; 
top: 181px;
}
div#Lebutton5 {
position:absolute; 
width:176px; 
height:63px; 
z-index:1; 
left: 8px; 
top: 220px;
}
div#Lebuttonfeature {
position:absolute; 
width:160px; 
height:263px; 
z-index:1; 
left: 0px; 
top: 255px;
}
/*
###################################################
# FOOTER NAVIGATION
###################################################
*/
#NavFooter {
	font-size:11px;
	font-weight:bold;
	vertical-align:bottom;
	line-height:1.1em;
	padding-bottom:4px;
	text-align:center;
	position:absolute;
	width:100%;
	bottom:0;
}
#NavFooter a, #NavFooter a:visited {
	text-decoration:none;

}
#NavFooter a:hover, #NavFooter a:visited:hover {
	text-decoration:underline;
}
#NavFooter .border_right {
	border-right:1px solid;
	padding-right:10px;
}
#NavFooter .border_left {
	border-left:1px solid ;
	padding-left:10px;
}
/*
###################################################
# COPYRIGHT NAVIGATION
###################################################
*/
#copyright {
	padding-top:3px;
	font-size:10px;
	color:#001A6D;
	text-align:center;
}

div#copyright {
	height:38px;
}

/*
###################################################
# LISTS
###################################################
*/
dt {
	margin:0;
	color:#FE5815;
	font-size:15px;
	font-weight:bold;
}
dd {
	margin:0 0 1em 0;
}
#content ul, #content ol {
	margin:0 0 .8em .5em;
	padding: 0 0 0 .5em;
	clear:both;
}
#content li {
	margin-left: .5em;
	padding:0;
}