/* CSS Document */



/* LAYOUT */



#container {

	position: relative;

	width: 800px; margin: 0 auto 0; 

}



#content {

	padding-top: 75px;

	padding-right: 20px;

	padding-bottom: 20px;

	padding-left: 20px;

	width: 500px;

}



#outline {

	width: 800px;

	margin: 18px auto 0;

	border: solid 1px #999;

	background-image: url(../images/layout/gradient.jpg);

	background-repeat: no-repeat;

}

.blue {
	color: #336699;
	font:"Times New Roman", Times, serif;
}


#navigationbar_placeholder {

	background-color: #336699;

	width: 118px;

	position: absolute;

	top: 250px;

	margin: 0;

	color: #336699;

	z-index: 0;

	text-align: center;

	right: 0px;

	height: 22px;

}



#corner_img {

	position: absolute;

	top: -18px;

	z-index: 0;

	overflow: visible;

	left: 500px;

}



/* NAVIGATION */



#navigation_bar {

	height: 25px;

	width: 680px;

	position: absolute;

	top: 250px;

	padding: 0;

	margin: 0;

	color: #FFFFFF;

	background-color: #FFFFFF;

	z-index: 20;

	margin-left: 1px;

}

#header-bottom-index ul{

	margin: 0px;

	padding: 0 0 0 0px;

}
.menu{ /* I have absolutely positioned the module, you might have a different scheme*/
position:absolute;
z-index:100;
margin:0;
padding:0;
}
.menu,.menu ul{
float:left;
list-style:none;
line-height:1em;
background-color: #336699;
margin:0;
padding:0;
}
.menu li{
	float:left;
	padding:0;
}
a.menu,a.menu:link,
a.menu:visited{
color:#f90;
}
.menu a{
	display: block;
	margin: 0;
	padding: 5px 10px;
	color: #ffffff;
	width: 115px;
	text-decoration: none;
	text-align: center;
	text-decoration: none;
	border-left:1px solid #fff;
}
.menu a:hover{
	text-decoration: none;
}
.menu li ul{
	position:absolute;
	left:-999em;
	height:auto;
	width:16em;
	background:#fff;
	border:#336699 1px solid;
	margin:0;
}
.menu li li{
width:16em;
}
.menu li ul a{
width:15.9em;
color:#003366;
text-align: left;
font-size:0.9em;
font-weight:400;
}
.menu li ul a:hover{
	text-decoration: none;
	color:#FF9900;
}
.menu li:hover ul ul,.menu li:hover ul ul ul,.menu li.sfhover ul ul,.menu li.sfhover ul ul ul{
left:-999em;
}
.menu li:hover ul,.menu li li:hover ul,.menu li li li:hover ul,.menu li.sfhover ul,.menu li li.sfhover ul,.menu li li li.sfhover ul{
left:auto;
z-index:6000;
}
.menu li li:hover,.menu li li.sfhover{
background:#336699;
}



/* SIDE LINKS */



#sidelinks {

	width: 250px;

	left: 552px;

	top: 290px;

	position: absolute;

	visibility: visible;

	font-family: "Century Gothic", Helvetica, Verdana, Futura;

	font-size: 9pt;

	z-index: 1;

}







#sidelinks .moduletable_menu ul.menu {

	list-style-type: none;

	margin: 0px;

	line-height: 10pt;

	padding: 0px;

	font-size: 11px;

	font-weight: bolder;

	background-color:#ffffff;

}



/*#sidelinks ul li {

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #660000;

}*/



#sidelinks .moduletable_menu ul li ul li {

	font-weight: normal;

	margin: 0 0 0 20px;

	padding: 2px 0 2px  0;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #660000;

}



#sidelinks .moduletable_menu li a {

	display: block;

	text-decoration: none;

	color: #003366;

	padding: 6px 4px 6px 4px}



#sidelinks .moduletable_menu a:hover {

	font-weight: bolder;

	color: #FF9900;

	text-decoration: underline;

	background-color: #003366;

}



#sidelinks #sidelinks_sublast {

	border-bottom-style: none;

	border-bottom-color: #ffffff;

	width: 200px;

}



#sidelinks_top {

	width: 120px;

	border-top-style: none;

}



#sidelinks_top0 {

	width: 135px;

}



#sidelinks_top1 {

	width: 135px;

}



#sidelinks_top2 {

	width: 155px;

}

#sidelinks_top3 {

	width: 185px;

}



/* FOOTER */



#footer {

	font-family: "Century Gothic", Helvetica, Verdana, Futura;

	color: #660000;

	text-align: right;

	padding: 0;

	margin-top: 0px;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 0;

}



#footer a {

	text-decoration: none;

	color: #003366;

}

#footer a:hover {

	font-weight: bolder;

	color: #000000;

	text-decoration: underline;

}

#footer li {

	font-size: 8pt;

	color: #660000;

	text-decoration: none;

	display: inline;

}

#footer p {

	font-size: 8pt;

	text-align: right;

	padding-top: 10px;

}

#validmarks {

	width: 800px;

	text-align: right;

	margin-top: 15px;

	z-index: 3;

}

#validmarks li {

	text-decoration: none;

	display: inline;

}



/* CONTENT */



#text {

	width: 500px;

	padding-top: 60px;

	padding-right: 0px;

	padding-bottom: 30px;

	padding-left: 0px;

	font-family: Arial, Helvetica, sans-serif;

}

#title {

	width: 800px;

	top: 710px;

	position: absolute;

	visibility: visible;

	left: 4px;

	}

p { 

	color: #666; 

	font-size: 12px; 

	font-family: Verdana, Arial, Helvetica, sans-serif; 

	font-weight: normal; 

	margin-top: 0; 

	}

h1 { 

	color: #000000; 

	font-size: 64px; 

	font-family: "Lucida Grande", Arial, sans-serif; 

	font-weight: 500; 

	line-height: 32px; 

	margin-top: 4px; 

	}


#blueh1 { 

	color: #336699;

	font-size: 64px; 

	font-family: "Lucida Grande", Arial, sans-serif; 

	font-weight: 500; 

	line-height: 32px; 

	margin-top: 4px; 

	}

#336699;

h2 { 

	color: #CC6600; 

	font-size: 24px; 

	font-family: "Lucida Grande", Arial, sans-serif; 

	font-weight: normal; 

	}

h3 { 

	color: #666; 

	font-size: 16px; 

	font-family: "Lucida Grande", Arial, sans-serif; 

	font-weight: bold; 

	letter-spacing: -1px; width: auto; 

	}

h4 {

	font-weight: normal;

	text-align: left;

	font-family: "Lucida Grande", Arial, sans-serif; 

	font-size: 12px;

	font-style: normal;

	margin-right: 0;

	color: #666666;

	margin-left: 2px;

	}

a { 

	color: #003366; 

	text-decoration: underline; 

	}

a:hover {

	color: #FF9900;

	text-decoration: underline;

	background-color: #003366;

}

ul {

	color: #666;

	font-size: 12px;

	font-family: "Lucida Grande", Arial, sans-serif;

	font-weight: normal;

	padding: 0px; 	

	line-height: 1.5;

	margin: 0;

}

li {

	padding: 0; 

	}

.style1 {

	color: #000000;

	font-size: 58px;

}

.style2 {



}

.style3 {



}

.style4 {



}

.spacer1 {

	padding-right: 75px;

}

.spacer2 {

	padding-right: 85px;



}

.spacer3 {



}

.spacer4 {



}

a.mainlevel{

margin:20px 0 20px 0;

font-weight:bold;padding:2px;

}



a.mainlevel div{

padding:5px 0 5px 0;

}



a.sublevel{

margin:10px 0 10px 10px;

padding:2px;

border-bottom:1px dotted;

}

#sidelinks .moduletable div{

padding:5px;

}

#sidelinks .moduletable table td{

padding:5px;

}