/* Template Layout CSS */

html, body {
	margin: 0;
	padding: 0;
	background-image:url(../images/topslice.gif);
	background-repeat:repeat-x;
	background-color:#000099;
	color: #000000; 
	text-decoration: none; 
	font-family: verdana, arial, helvetica; 
	font-size: 20px; 
	line-height: 22pt;
}

h6 {
font-size:21px;
}
h5 {
font-size:22px;
}
h4 {
font-size:23px;
}
h3 {
font-size:24px;
}h2 {
font-size:25px;
}h1 {
font-size:28px;
}


.bodytext {color: #000000; text-decoration: none; font-family: verdana, arial, helvetica; font-size: 11px; line-height: 14pt}
.bodytext a:link {text-decoration: none; color: #009900;} 
.bodytext a:active {color: #FF0000;} 
.bodytext a:visited {text-decoration: none; color: #006600;} 
.bodytext a:hover {text-decoration: underline; color: #FF6600;}

.palebg {display: block; background-color:#FFCCCC; padding:5px;}
.whitebg {display: block; background-color:#FFFFFF; padding:5px;}

.smalla {font-size: 11px;}
.mediuma {font-size: 14px;}
.largea {font-size: 20px;}

#toolbar {
	z-index:5;
	position:absolute;
	top: 0px;
	left: 0px;
	height:36px;
	width:100%;
}


#searchbox {
z-index:6;
position:absolute;
top: -2px;
right: 0px;
height:0px;
width:450px;
padding: 3px;
}

#breadbox {
	z-index:6;
	position:absolute;
	top: 0px;
	left: 8px;
	height:0px;
	width: 500px;
}

#toolbox {
z-index:6;
position:absolute;
top: -12px;
left: 0px;
height:23px;
width:450px;
padding: 7px;
color: #CCCCCC;
text-decoration: none;
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
}

#toolbox a:link {color: #FFFFFF; text-decoration: none;}
#toolbox a:visited {color: #FFFFFF; text-decoration: none;}
#toolbox a:hover {color: #00CC00; text-decoration: underline;}




#main {
	z-index:4;
	position:relative;
	top:180px;
	margin-left: auto; 
	margin-right: auto;
	width:950px;
	padding: 5px;
	background-color: #000066;
	height:100%;

}

#content {
	z-index:5;
	position:relative;
	width:926px;
	padding: 12px;
	background-color: #FFFFFF;
}

#footer {
	position:relative;
	height:34px;
	width:940px;
	padding: 5px;
	background-image:url(../images/nav_blue.gif);
	background-repeat:repeat;
}

#top {
	z-index:2;
	position:absolute;
	top: 0px;
	height:150px;
	width:500px;
}

#topright {
	z-index:2;
	position:absolute;
	top: 0px;
	right: 0px;
	height:180px;
	width:750px;
}

#navigation {
	position:relative;
	height:30px;
	width:940px;
	padding: 5px;
	background-image:url(../images/nav_orange.gif);
	background-repeat:repeat;
} 

#navigationparent {
	position:relative;
	height:30px;
	width:940px;
	padding: 5px;
	background-image:url(../images/nav_green.gif);
	background-repeat:repeat;
} 

#navigationprovider {
	position:relative;
	height:30px;
	width:940px;
	padding: 5px;
	background-image:url(../images/nav_mushroom.gif);
	background-repeat:repeat;
} 

#navigationlearner {
	position:relative;
	height:30px;
	width:940px;
	padding: 5px;
	background-image: url(../images/nav_magenta.gif);
	background-repeat:repeat;
} 


#subnavigation {
	position:relative;
	height:16px;
	width:940px;
	padding: 5px;
	padding-top:0;
	background-color: #424242;
} 

.navigationtext {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica;
	font-size: 14px;
	word-spacing: 7px
}
.navigationtext a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.navigationtext a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.navigationtext a:hover {
	background-color: #2A2A2A;	
	color: #00CC00;
	text-decoration: underline;
}

.subnavigationtext {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica;
	font-size: 12px;
	word-spacing: 6px
}
.subnavigationtext a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.subnavigationtext a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.subnavigationtext a:hover {
	color: #9900FF;
	text-decoration: underline;
}


#entrycontainerleft {
	z-index:10;
	position:relative;
	float:left;
	top: 0px;
	left: 0px;
	margin-right:20px;
	margin-bottom:0px;
}

#menucontainerright {
	z-index:10;
	position:relative;
	float:right;
	right: 0px;
	top:0px;
	margin-left:20px;
	margin-bottom:20px;
	padding:5px;
	background-image:url(../images/hotlinks_magenta_bg.gif);
	background-repeat:repeat;
}
#menucontainerright a:link {color: #FFFFFF; text-decoration: none;}
#menucontainerright a:visited {color: #FFFFFF; text-decoration: none;}
#menucontainerright a:hover {color: #000000; text-decoration: underline;} 

#menucontainerleft {
	z-index:10;
	position:relative;
	float:left;
	left: 0px;
	top:0px;
	margin-right:20px;
	margin-bottom:20px;
	padding:5px;
	background-image:url(../images/hotlinks_magenta_bg.gif);
	background-repeat:repeat;
}
#menucontainerleft a:link {color: #FFFFFF; text-decoration: none;}
#menucontainerleft a:visited {color: #FFFFFF; text-decoration: none;}
#menucontainerleft a:hover {color: #000000; text-decoration: underline;} 

#menucontainerparentsleft {
	z-index:10;
	position:relative;
	float:left;
	left: 0px;
	top:0px;
	margin-right:20px;
	margin-bottom:20px;
	padding:5px;
	background-image:url(../images/hotlinks_green_bg.gif);
	background-repeat:repeat;
}
#menucontainerparentsleft a:link {color: #FFFFFF; text-decoration: none;}
#menucontainerparentsleft a:visited {color: #FFFFFF; text-decoration: none;}
#menucontainerparentsleft a:hover {color: #000000; text-decoration: underline;}

#menucontainerparentsright {
	z-index:10;
	position:relative;
	float:left;
	left: 0px;
	top:0px;
	margin-right:20px;
	margin-bottom:20px;
	padding:5px;
	background-image:url(../images/hotlinks_green_bg.gif);
	background-repeat:repeat;
}
#menucontainerparentsright a:link {color: #FFFFFF; text-decoration: none;}
#menucontainerparentsright a:visited {color: #FFFFFF; text-decoration: none;}
#menucontainerparentsright a:hover {color: #000000; text-decoration: underline;}

#menucontainerproviderleft {
	z-index:10;
	position:relative;
	float:left;
	left: 0px;
	top:0px;
	margin-right:20px;
	margin-bottom:20px;
	padding:5px;
	background-image:url(../images/hotlinks_mushroom_bg.gif);
	background-repeat:repeat;
}
#menucontainerproviderleft a:link {color: #FFFFFF; text-decoration: none;}
#menucontainerproviderleft a:visited {color: #FFFFFF; text-decoration: none;}
#menucontainerproviderleft a:hover {color: #000000; text-decoration: underline;}

#menucontainerproviderright {
	z-index:10;
	position:relative;
	float:right;
	right: 0px;
	top:0px;
	margin-left:20px;
	margin-bottom:20px;
	padding:5px;
	background-image:url(../images/hotlinks_mushroom_bg.gif);
	background-repeat:repeat;
}
#menucontainerproviderright a:link {color: #FFFFFF; text-decoration: none;}
#menucontainerproviderright a:visited {color: #FFFFFF; text-decoration: none;}
#menucontainerproviderright a:hover {color: #000000; text-decoration: underline;}


#imagecontainerright {
	z-index:10;
	position:relative;
	float:right;
	right: 0px;
	top:0px;
	margin-left:20px;
	margin-bottom:20px;
}

#imagecontainerleft {
	z-index:10;
	position:relative;
	float:left;
	left: 0px;
	top:0px;
	margin-right:20px;
	margin-bottom:20px;
}

#imagecontainerright2 {
	z-index:10;
	position:relative;
	float:right;
	right: 0px;
	top:0px;
	margin-left:20px;
	margin-bottom:20px;
}

#imagecontainerleft2 {
	z-index:10;
	position:relative;
	float:left;
	left: 0px;
	top:0px;
	margin-right:20px;
	margin-bottom:20px;
}

#imagecontainerright3 {
	z-index:10;
	position:relative;
	float:right;
	right: 0px;
	top:0px;
	margin-left:20px;
	margin-bottom:20px;
}

#imagecontainerleft3 {
	z-index:10;
	position:relative;
	float:left;
	left: 0px;
	top:0px;
	margin-right:20px;
	margin-bottom:20px;
}

#imagecontainerright4 {
	z-index:10;
	position:relative;
	float:right;
	right: 0px;
	top:0px;
	margin-left:20px;
	margin-bottom:20px;
}

#imagecontainerleft4 {
	z-index:10;
	position:relative;
	float:left;
	left: 0px;
	top:0px;
	margin-right:20px;
	margin-bottom:20px;
}
#imagecontainerright5 {
	z-index:10;
	position:relative;
	float:right;
	right: 0px;
	top:0px;
	margin-left:20px;
	margin-bottom:20px;
}

#imagecontainerleft5 {
	z-index:10;
	position:relative;
	float:left;
	left: 0px;
	top:0px;
	margin-right:20px;
	margin-bottom:20px;
}

#footerleft {
	z-index:10;
	position:relative;
	float:left;
	left: 0px;
	top:0px;
}

#footerright {
	z-index:10;
	position:relative;
	float:right;
	width:800px;
	right: 0px;
	top:0px;
}

#launchbuttons {
	z-index:10;
	position:relative;
	float:right;
	right: -12px;
	top:0px;
	margin-left:3px;
	margin-bottom:3px;
}

#spacer {
	z-index:20;
	position:absolute;
	top: 100px;
	left: 8px;
	height:700px;
	width: 5px;

}