/*Body*******************************/
body 
{	color: #5c5c5c;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	padding: 0;
	background:#ffffff url(images/background.gif);
	background-repeat: repeat-x;
}

/*HTML*******************************/
 html
 {	width: 100%;
	height: 100%;
 }

 /*Links*******************************/
/*white to red*/
a:link 
{ 	color: #5c5c5c;
	text-decoration: none;
}
	
a:visited 
{ 	color: #5c5c5c;
	text-decoration: none;	
}
	
a:hover, a:active 
{ 	color: #EA0606;
	text-decoration: none;	
}

/*white to blue*/
a.example
{	color: #FFFFFF;
	text-decoration: none;
}

a.example:hover
{	color: #003399;
	text-decoration: none;
}

/*yellow to red*/
a.yellow
{	color: #FFDA00;
	text-decoration: none;
}

a.yellow:hover
{	color: #EA0606;
	text-decoration: none;
}

/*red to grey*/
a.examples
{	color: #EA0606;
	text-decoration: none;
}

a.examples:hover
{	color: #5c5c5c;
	text-decoration: none;
} 

/*red to grey*/
a.examplesunder
{	color: #EA0606;
	text-decoration: none;
	font-weight: bold;
}

a.examplesunder:hover
{	color: #5c5c5c;
	text-decoration: none;
	font-weight: bold;
} 

/*black to grey*/
a.examples3
{	color: #000000;
	text-decoration: none;
}

a.examples3:hover
{	color: #5c5c5c;
	text-decoration: none;
} 

/*red to grey underline*/
a.examplesu
{	color: #EA0606;
	text-decoration: underline;
}

a.examplesu:hover
{	color: #5c5c5c;
	text-decoration: none;
} 

/*white to grey*/
a.example2
{	color: #FFFFFF;
	text-decoration: none;
}

a.example2:hover
{	color: #5c5c5c;
	text-decoration: none;
}

/*white to red*/
a.examples1
{	color: #fff;
	text-decoration: none;
}

a.examples1:hover
{	color: #EA0606;
	text-decoration: none;
}

/*blue to grey*/
a.example1u
{	color: #003399;
	text-decoration: underline;
}

a.example1u:hover
{	color: #5c5c5c;
	text-decoration: none;
}

/*blue to grey*/
a.example1
{	color: #003399;
	text-decoration: none;
}

a.example1:hover
{	color: #5c5c5c;
	text-decoration: none;
}

/* Container ********************************/
#container 
{   text-align: left;
	width: 1000px;
	background-color:#FFDA00;
	margin: 0 auto;
}

/*
#container 
{	text-align: left;
	max-width: auto;
	min-width: 1000px;
	background-color:#003399;
}
*/

/* Header ********************************/
#header
{	margin: 0 auto;
	width: auto;
	height: 125px;
	padding: 10px 10px 0 200px;
	text-align: right;
	background-color:#FFFFFF;
	background: transparent url(images/headerdesign.png) no-repeat bottom left;
	border-bottom: 5px solid #FFDA00;
	border-top: 1px solid #FFDA00;
}

/* Menu ********************************/
#menu
{	height: 35px;
	color: #FFFFFF;
	text-align: left;
	font: bold 14px arial;
	background: transparent url(images/righttest.png) no-repeat top left;
	width: 100%;
	margin-bottom: 2px;
}

/* Logo */
#logo
{	margin: 2px 0 10px 0;
	width: auto;
	height: 125px;
	border-bottom: 5px solid #FFDA00;
	border-top: 1px solid #FFDA00;
}

/* Left Nav Menu Background ********************************/
#leftred
{	background: transparent url(images/lefttest.png) no-repeat top left;
	width: 100%;
	height: 42px;
	padding: 10px 0 0 0;
}

/* Background Color ********************************/
#background
{	margin: 0 auto;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	background-color:#003399;
	width: auto;
}

#bluetext
{	background: transparent url(images/bluebottom.png) no-repeat top left; 
	background-color: #FFDA00;	
	width: 100%;
	height: 51px;
}

/* Content ********************************/
#content
{	background-color:#003399;
	margin: 0 auto;
	width: auto;
	min-height: 500px;
	max-height: 100%;
	color: white;
	border-left: 3px solid #ffffff;
}

/* Image Container Summer ********************************/
#image
{	background-color: #FFFFFF;
	width: 100%;
	height: 491px;
}

#image_container {
width:100%;
height:607px;
border-bottom: 3px solid #ffffff;
background: transparent url(images/oct27.png) no-repeat top left;
}

#image_container img {
width:100%;
height:607px;
}

/* Information Boxes ********************************/
#info
{	padding: 15px;
	width: 750px;
	color: #ffffff;
}

#top
{	background: transparent url(images/topnew.png) no-repeat bottom left;
	width: 230px;
	height: 29px;
}

#text
{	width: 190px;
	height: 216px;
	color: #ffffff;
	padding: 0 20px 0 20px;
	background: transparent url(images/textnew.png) no-repeat top left;
}

#bottom
{	background: transparent url(images/bottomnew.png) no-repeat top left;
	width: 230px;
	height: 48px;
}

#welcome
{	background-color: #fe0002;
	text-align: center;
	width: 100%;
	color: #FFFFFF;
	padding: 1px 10px 20px 10px;
}

 .page {
	text-align: center;
	width: auto;
	height: 20px;
	margin-left: 10px;
}

/* Footer ********************************/
#footer
{	margin: 0 auto;	
	height: 24px;
	color: #5c5c5c;
	padding: 5px 0 30px 0;
	margin-bottom: 10px;
	text-align: center;
	width: auto;
}

/* Search Box ********************************/
.tb-rounded {
    border:0;
    background: transparent url(images/search.png) no-repeat top left;
    height: 22px;
    width: 130px;
	/*margin-left: 180px;*/
	padding: 7px 10px 0 40px;
}
	
/*Blue Content Rounded Edges********************************/	
.roundDiv1
{
background:#003399; 
color:#EA0606; 
margin:0 0px;
font-family:verdana,arial;
font-size:9pt;
font-weight:bolder;
text-align:center;
width: 100%;
}

.rtop, .rbottom
{
display:block;
background:#FFDA00;
}

.rtop *, .rbottom *
{
display: block;
height: 1px;
overflow: hidden;
background:#003399;
}

.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{
margin: 0 1px;
}

/*Left Nav********************************/
.visibleDiv, #leftnav
{
    position: fixed;
    width: 216px;
	height: 100%;
    text-align: left;
	color: #EA0606;
	background-color: #FFDA00;
}

#leftnav
{   top: 0px;}


#lefttitle
{
	width: auto;
	height: 18px;
	background-color: #FFDA00;
	padding: 2px 0 0 0;
	margin: 1px 0 0 0;
}

/*Left Nav Headers********************************/
.roundDiv2
{
background:#EA0606; 
color:#FFFFFF; 
margin:0 8px;
font-family:verdana,arial;
font-size:9pt;
font-weight:bolder;
text-align:center;
margin-top: 10px;
margin-right: 15px;
}

.rtop2, .rbottom2
{
display:block;
background:#FFDA00;
}

.rtop2 *, .rbottom2 *
{
display: block;
height: 1px;
overflow: hidden;
background:#EA0606;
}

.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{
margin: 0 1px;
}

/*Texbox********************************/
.roundDiv4
{
background:#EA0606; 
color:#FFFFFF; 
margin:0 8px;
font-family:verdana,arial;
font-size:9pt;
font-weight:bolder;
text-align:center;
margin: 0 0 0 0;
}

.rtop4, .rbottom4
{
display:block;
background:#FFDA00;
}

.rtop4 *, .rbottom4 *
{
display: block;
height: 1px;
overflow: hidden;
background:#EA0606;
}

.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{
margin: 0 1px;
}


/*Image********************************/	
.roundDiv5
{
background:#FFDA00; 
color:#EA0606; 
margin:0 0px;
font-family:verdana,arial;
font-size:9pt;
font-weight:bolder;
text-align:center;
margin: 20px 20px 0 20px;
}

.rtop5, .rbottom5
{
display:block;
background:#003399;
}

.rtop5 *, .rbottom5 *
{
display: block;
height: 1px;
overflow: hidden;
background:#FFDA00;
}

.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{
margin: 0 1px;
}

#center250 { width: 216px; border: none; }
#fixedtop { position: fixed; width: 216px; top: 0; z-index: 0; height: 100%; text-align: left;	color: #FFFFFF;	background-color: #FFDA00;}
#fixedtop2 { position: relative; z-index: 0;}


#hidden1 {padding-top: 3px;}
#hidden2 {display: none; padding-top: 3px;}
#hidden3 {display: none; padding-top: 3px;}

#one {}
#two {display: none;}
#three {display: none;}

.summaryBox {
margin: 0 0 0.25em 0;
padding: 0;
}

.summaryContent {
height: 150px;
padding: 3px;
overflow: auto;
}

.summaryContent ul {
list-style-type: none;
width: 97.5%;
margin: 0;
padding: 0;
}

.summaryContent ul li {
font-size: 90%;
width: 110px; 
height: 110px;
overflow: hidden;
display: block;
float: left;
border: 1px solid #666;
background-color: white;
margin: 0 5px 0 0; padding: 1px 2px;
}

/*Drop Down Menu********************************/

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30;
}

#sddm li
{	margin: 0;
	list-style: none;
	float: left;
	font: bold 12px arial;
}

#sddm li a
{	display: block;
	margin: 0 0 0 0;
	padding: 9.5px 12px;
	border-right: 1px solid #FFFFFF;
	background: #;
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
}

#sddm li a:hover
{	background: url(images/menubutton.png);
	color: #FFFFFF;
}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #5c5c5c;
}

#sddm div a
{	position: relative;
	display: block;
	padding: 5px 10px;
	border-right: 0px solid #5c5c5c;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #EA0606;
	color: #FFFFFF;
	font: bold 12px arial;
}

#sddm div a:hover
{	background: #a30404;
	color: #FFFFFF;
	opacity: 0.6;
}

/*Drop Down Menu********************************/

#sddmcorp
{	margin: 0;
	padding: 0;
	z-index: 30;
}

#sddmcorp li
{	margin: 0;
	list-style: none;
	float: left;
	font: bold 12px arial;
}

#sddmcorp li a
{	display: block;
	margin: 0 0 0 0;
	padding: 9.5px 12px;
	border-right: 1px solid #FFFFFF;
	background: #;
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
}

#sddmcorp li a:hover
{	background: url(images/menubutton.png);
	color: #FFFFFF;
}

#sddmcorp div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	width: 240px;
	height:120px;
	background: url(images/corporation.png) no-repeat #EA0606 top right;
}

#sddmcorp div a
{	position: relative;
	display: block;
	padding: 5px 10px;
	width: 134px;
	border-right: 0px solid #5c5c5c;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	color: #FFFFFF;
	font: bold 12px arial;
}

#sddmcorp div a:hover
{	background: #a30404;
	color: #FFFFFF;
	width: 220px;
	opacity: 0.6;
}

/*Drop Down Menu********************************/

#sddmcons
{	margin: 0;
	padding: 0;
	z-index: 30;
}

#sddmcons li
{	margin: 0;
	list-style: none;
	float: left;
	font: bold 12px arial;
}

#sddmcons li a
{	display: block;
	margin: 0 0 0 0;
	padding: 9.5px 12px;
	border-right: 1px solid #FFFFFF;
	background: #;
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
}

#sddmcons li a:hover
{	background: url(images/menubutton.png);
	color: #FFFFFF;
}

#sddmcons div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	width: 240px;
	height:120px;
	background: url(images/consumer.png) no-repeat #EA0606 top right;
}

#sddmcons div a
{	position: relative;
	display: block;
	padding: 5px 10px;
	width: 134px;
	border-right: 0px solid #5c5c5c;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	color: #FFFFFF;
	font: bold 12px arial;
}

#sddmcons div a:hover
{	background: #a30404;
	color: #FFFFFF;
	width: 220px;
	opacity: 0.6;
}