body {

margin: 0;

padding: 0;

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

font-size: 0.8em;

background: #0099CC url(background.gif) top left repeat-x;

text-align: center;

}

p {

padding: 5px;

margin: 0 0 0 0;

}

.wrapper {

position: relative;

width: 775px;

height: 100%;

margin: 0 auto 0 auto;

padding: 0;

background: #FFFFFF url(header2.gif) 0px 150px no-repeat;

text-align: left;

}

.header {

height: 150px;

width: 100%;

background: url(background.gif) top left repeat-x;

}

.navbar {

width: auto;

float: right;

clear: both;

}

.sidebar {

float: left;

padding: 0 0 50px 0;

width: 160px;

color: white;

margin: 15px 0 0 5px;

}

.frame {

float: right;

padding: 0 0 25px 0;

width: 600px;

min-height: 400px; /* for modern browsers */

height: auto !important; /* for modern browsers */

height: 100%; /* for IE5.x and IE6 */

line-height: 1.5em; 

overflow: auto; /*Adds scrollbar when neccessary*/

margin: 15px 5px 0 0;

}

 .frame p.blue {

 color: #0099CC;
 
 font-variant: small-caps;

 }

 .frame p.purple {

 color: #333366;

 font-size: 125%;
 
 font-variant: small-caps;

 background: url(headline_back.gif) top left repeat-x;

 }

 .frame p.gray {

 color: #ffffff;
 
 font-size: 150%;
 
 font-variant: small-caps;
 
 height: 40px;
 
 background: url(banner2.jpg) top left repeat-x;

 }

.footer{

clear: both;

height: 100px;

font-size: 85%;

text-align: center;

padding: 0;

background: #0099cc url(footer2.gif) top left no-repeat;

}

 		.footer h6 {

			text-indent: -9999em;

		}
		


/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */



#ddblueblockmenu{

/*border: 1px solid black;

border-bottom-width: 0;*/

width: 160px;

}



* html #ddblueblockmenu { /*IE only */

width: 150px; /*IE 5*/

}



#ddblueblockmenu ul{

margin: 0;

padding: 0;

list-style-type: none;

font: normal 90% Arial, Verdana, sans-serif;

}



#ddblueblockmenu li a{

display: block;

padding: 3px 0;

padding-left: 10px;

width: 145px; /*160px minus all left/right paddings and margins*/

text-decoration: none;

color: white;

background-color: #666666;

border-bottom: 1px solid #999999;

border-left: 5px solid #333333;

}



* html #ddblueblockmenu li a{ /*IE only */

width: 150px; /*IE 5*/

w\idth: 135px; /*160px minus all left/right paddings and margins*/

}



#ddblueblockmenu li a:hover {

background-color: #0099CC;

border-left-color: #333333;

}



#ddblueblockmenu div.menutitle{

color: white;

border-bottom: 1px solid black;

padding: 3px 0;

padding-left: 5px;

background: #000000 url(stripe1.png) top left repeat-x;

font: bold 100% Arial, Verdana, sans-serif;

}


#ddblueblockmenu div.menutitle a{

display: block;

text-decoration: none;

color: white;

}



#invertedtabs{

margin-left: 0px;

padding: 0;

width: auto;

background: transparent;

voice-family: "\"}\"";

voice-family: inherit;

}


#invertedtabs ul{

font: bold 100% Arial, Verdana, sans-serif;

margin:0;

padding:0;

list-style: none;

}


#invertedtabs li{

display:inline;

margin:0 2px 0 0;

padding:0;

line-height: 1.5em;

/*text-transform: uppercase;*/

}


#invertedtabs a{

float:left;

color: #999999;

background: transparent url(media/color_tabs_left2.gif) no-repeat left bottom;

margin:0 2px 0 0;

padding:0 0 0 3px;

text-decoration:none;

letter-spacing: 0px;

}


#invertedtabs a span{

float:left;

display:block;

background: transparent url(media/color_tabs_right2.gif) no-repeat right bottom;

padding:3px 9px 6px 6px;

}


#invertedtabs a span{

float:none;

}


#invertedtabs a:hover{

background-color: #0099cc;

color: #ffffff;

}


#invertedtabs a:hover span{

background-color: #0099cc;

color: #ffffff;

}




#logo {

position: absolute;

z-index: 1;

top: 30px;

left: 30px;

}


A:link {

text-decoration: none; 

color: #333366; 

font-weight: bold;

}

A:visited {

text-decoration: none; 

color: #333366; 

font-weight: bold;

}

A:active {

text-decoration: none; 

color: #333366; 

font-weight: bold;

}

A:hover {

text-decoration: underline; 

color: #333366; 

font-weight: bold;

}