body {margin: 0; padding: 0; font-family: Verdana, sans-serif; font-size: small; background: #fff;}
a:link {color:#FF0000}
a:visited {color:#800080}
a:hover {color:#DAA520}
a:active {}
 
#wrap {min-width: 500px; max-width: 1400px; background: url(images/wrap-bg.gif) repeat-y 75% 0;}
#header {height: 150px; border-bottom: 3px solid #0C00FF; background: #B6CFF5 url(images/cloudbanner.jpg) repeat-x topleft;}
#header h1{margin: 0; padding: 50px; font-family: Georgia, serif; font-size: 250%; color: #000080;}
#message {margin: 0; padding: 5px; font-size: 70%; color: #000080; text-align: center; background: #0080FF;}
#message strong {padding: 0 0 0 10px;}
#content {float: left; width: 65%; font-size: 95%; line-height: 1.5em; color: #333;}
#content p{font-family: Arial;font-style: normal ;font-size: 12pt; font-weight :normal;text-align: left; color:#000080;background-color:#FFFFFF }
#content h2{margin: 0 0 1em .5em; font-family: Georgia, serif; font-size: 140%; font-weight: normal; color: #000080}
#content h3{margin: 0 0 1em .5em; padding: 0; font-family: Georgia, serif; font-size: 110%; font-weight: normal; color: #000080}
#content h4{margin: 0 0 1em .5em; padding: 0; font-family: Georgia, serif; font-size: 70%; font-weight: bold; color: #000080}


#content ul li{margin: 0 0 0 0; padding: 0; font-family: Georgia, serif; font-size: 90%; font-weight: normal; color: #000080}


#content .gutter{padding: 25px;}
#sidebar {float: right; width: 33%;}
#sidebar .gutter{padding: 30px;}

dl.feature {margin: 15px 0; padding: 15px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}
dl.feature:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
dl.feature dt {margin: 0 0 .5em 1em; font-family: Georgia, serif; font-size:130%; color: #000080;}
dl.feature dt img {float: left; margin: 0 25px 0 0; padding: 0 4px 4px 0; background: url(photo-frame.gif ) no-repeat bottom right;} 
dl.feature dd {margin-left: 60px; font-size: 120%; line-height: 1.0em; color:#000080;}

#footer {clear: both; background: #0080FF; border-top : 5px solid ;}
#footer p {margin: 0; padding: 8px; font-size: 85%; color: #000080;}

.container {clear : both; width : 100%; padding : 0; margin : 0;}
#navcontainer ul {text-align : center;font-size : 80%;padding-bottom : 5px;padding-top : 5px;padding-left : 0;margin-top : 0;margin-left : 0;background : #000080;color : #fff;width : 100%;line-height : 20px;}
#navcontainer ul li {display : inline;padding-left : 0;padding-right : 0;padding-bottom : 5px;padding-top : 5px;}
#navcontainer ul li a {padding-left : 10px;padding-right : 10px;padding-bottom : 5px;padding-top : 5px;color : #fff;text-decoration : none;border-right : 1px solid #fff;}
#navcontainer ul li a:hover {background : #76AEF9; color : #000080}
#navcontainer #active {border-left : 1px solid #fff;}
#gutter {float : left;width : 10%;height : 1px;}



.box {margin: 0 0 20px 0; padding: 0 0 12px 0; font-size: 85%; line-height; 1.5EM; COLOR: #000080; BACKGROUND: #D3D3D3 url(box-b.jpg) no-repeat bottom right;}
.box H3 {margin: 0; padding: 12PX; font-family: Georgia, serif; font-size: 140%; text-align: left; font-weight: normal; color: #000080; background: url(box-t.jpg) no-repeat top left;}
.box p, .box ul { margin: 0; padding: 5px 2px 10px 20px; text-align: left;}
.box ul li {margin: 0 0 0 12px; padding: 0 0 0 22px; list-style: none; background: url(li-bullet.jpg) no-repeat 0 3px;}


/* Hide from IE5/Mac \*/
* html #footer { height: 1%; }
/* End hide from IE5/Mac */
dl.feature { display: inline-table; }
/* Hides from IE-mac \*/
* html dl.feature { height: 1%; }
dl.feature { display: block; }
/* End hide from IE-mac */