<style type="text/css">

#chromemenu{
width: 99%;
font-weight: bold;
font-size: 90%;
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: " "; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#chromemenu ul{
border: 1px solid #BBB;
width: 100%;
background: url(media/center_tile_white1.gif) center center repeat-x;
padding: 5px 0;
margin: 0;
text-align: center; /*set value to "right" for example to align menu to the left of page*/
}

#chromemenu ul li{
display: inline;
}

#chromemenu ul li a{
color: #494949;
padding: 5px;
margin: 0;
text-decoration: none;
border-right: 2px solid #000000;
border-left: 0px solid #DADADA;
}

#chromemenu ul li a:hover{
background: url(media/chromebg2.gif) center center repeat-x;
}
/*** Main container ***/

#container {
background: #78D2FF url(cssimgs/bodybgLiteBlue01.jpg) repeat-x;
color:#303030;
margin:0;
min-width:800px;
padding:0;
text-align:left;
width:100%;
max-width: 1958px;
}

 body {
	margin: 0;
	padding: 0;
	background: #0F5B96 none repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #A4E4F5;
}



/* Header */



#header {
	height: 140px;
	background: url(cssimgs/img02.jpg) repeat-x center top;
	text-transform: none;
}


/*** New blue side buttons ***/
#menu {
width:180px;
float:left;
margin: 1px 0px 0;
}


a.item {
background: url(cssimgs/menuw1.jpg) no-repeat;
max-width: 180px;
height:31px;
display:block;
padding: 4px 0 0 2px;
font: bold 13px Tahoma,verdana, arial, sans-serif;
color: Black;
text-decoration:none;
line-height:26px;
 max-width: 180px;
}

/*
good practice of background offset rollovers to avoid javascript preload. 
Im using max-width, BG pos. and Padding instead of margin and smaller-than 
container width, to get pop-out effect cause of a left-edge bug that makes 
the menu jump. -ubik
*/
a.item:hover {
background-position:0px 0px;
padding: 6px 0 -4 0px;
font: bold 15px Tahoma,verdana, arial, sans-serif;
color: Blue;
}

/*** Content wrap ***/

#wrap {
	clear: both;
	font-size: 0.9em;
	padding: 0;
}

/*** Sidebars ***/

#leftside,#rightside {
margin:0;
padding:0 10px 10px;
width:195px;
}

#leftside {
float:left;
margin-right:1px;
}

#rightside {
float:right;
margin-left:1px;
}

#leftside h1,#rightside h1 {
color:#505050;
font-size:1.6em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 12px;
}

#leftside h2,#rightside h2 {
font-size:1.1em;
margin:0 0 20px;
}

#leftside p,#rightside p {
font-size:0.9em;
line-height:1.4em;
margin:0 0 16px 10px;
}

.linklist {
list-style:none;
margin:0 0 16px 10px;
padding:0;
}

.linklist li {margin-bottom:0.7em;}

/*** Sidebar menu ***/

.nav {
background:#e8e9ea;
border:1px solid #b0b0b0;
border-color: white black black white;
color:#606060;
display:block;
margin-top:8px;
padding:5px 4px 4px 10px;
position:relative;
text-transform:uppercase;
width:140px;
}

.nav:hover,.active {
background:#f8f9fa;
border:1px solid #909090;
color:#303030;
text-decoration:none;
}

.sub {
font-size:0.8em;
letter-spacing:1px;
margin:3px 0 2px 10px;
padding:4px 2px 2px 8px;
width:125px;
}


/*** End New blue side buttons ***/




/* Page 

#page {
min-width: 880px;
	width: auto;
	margin: 0 auto;
}
*/
/* Content */





/*** Content ***/

#content,#contentalt {
background: #1EB5DD url(cssimgs/img09.gif) repeat-x;
color:#303030;
padding:0px 0px 0px;
min-width: 300px
}
/** Content sides control width**/
#content {margin:0 220px;}
#contentalt {margin:0 190px 0 20px;}

#content h1,#content h2,#contentalt h1,#contentalt h2 {
background-color:inherit;
color:#606060;
font-size:1.8em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 15px;
padding:0;
}

#content h2,#contentalt h2 {
font-size:1.6em;
margin-bottom:10px;
}

#content img,#contentalt img {
border: 1px solid #b0b0b0;
float:left;
margin:5px 15px 6px;
padding:5px;
}

.post {
	margin-bottom: 1px;
	background: transparent url(cssimgs/img09.gif) repeat-x;
	color: black;
}

.post a {
	color: black;
}

.post a:hover {
	color: #FFFFFF;
}

.post .title {
	margin: 0;
	padding: 30px 30px 0 30px;
}

.post .title a {
	text-decoration: none;
	color: #0A416B;
}

.post .byline {
	margin: 0;
	padding: 0 30px;
}

.post .entry {
	padding: 20px 30px 10px 30px;
}

.post .links {
	margin: 0;
	padding: 10px 30px 35px 30px;
	background: url(cssimgs/img06.gif) repeat-x left bottom;
	border-top: 1px solid #2872A6;
}

.post .links a {
	padding-left: 10px;
	background: url(cssimgs/img08.gif) no-repeat left center;
	text-decoration: none;
	font-weight: bold;
	color: #0A416B;
}

.post .links a:hover {
	color: #FFFFFF;
}

/* Footer */

#footer {
	clear: both;
	padding: 1px 0;
	background: #dcdcdc;
}

#footer p {
	text-align: center;
	font-size: smaller;
	color: #0F5B96;
}

#footer a {
	color: #0F5B96;
}

</style>