body {font-size:76%; font-family:"trebuchet MS", verdana, arial, sans-serif; background:#f0f0f0;}
#minMax {width:953px; margin:0 auto; background:#e0e0e0; border:solid 1px #FFF;}
#header {background: url(images/top3.gif) center left no-repeat; background-color:#FFF;}
#header h1{line-height:50px; text-align:right; color:#FFF;}
#menu {background:#FFF; height:20px;}
#outer1 {float:left; width:15%; background:#fff;}
#outer2 {float:left; width:70%; background:#d8d8d8;}
#outer3 {float:left; width:30%;}
#outer4 {float:right; width:15%; background:#d0d0d0;}
#outer5 {float:right; width:15%; background:#d0d0d0;}
#outer1, #outer2, #outer3, #outer4, #outer5 {padding-bottom:32767px; margin-bottom:-32767px;}
#wrapper {overflow:hidden; background:#d8d8d8;}
#topbar {width:70%; float:left; background:#d8d8d8;}
#footer {clear:both; background:#455c5a;}
h1 {font-size:20px; margin:0; padding:10px 0; color:#fff;}
h3 {font-size:14px; margin:0; padding:8px 0;}
.content {padding:10px;}
.rightcontent p{text-align:center;}
.rightcontent p img {margin-right:auto; margin-left:auto; border:solid 1px #000;}
.rightcontent p img a{margin-right:auto; margin-left:auto; border:solid 1px #000;}
.rightcontent p img:hover{margin-right:auto; margin-left:auto; border:solid 1px #FFF;}
p {font-size:12px; line-height:1.5em; margin:0; padding:5px 0;}
a{text-decoration:none; color:#000;}
#footer p,
#header p {color:#fff;}
#footer a {color:#fff;}
#footer a:hover {text-decoration:none;}
.container {width:1100px; height:26px;}
.quicknav {background-color:#FFF;}
.quicknav a, .quicknav a:visited {text-decoration:none; background-color:#FFF;  color:#000;  display:block;  width:100px;  height:2em;  padding:0.5em; border-bottom:dotted 1px #666;}
.quicknav a:hover {font-weight:bold;}
.newsletter p {font-size: 12px; text-align:center; color:#000;}
.newsletter p a{font-size: 12px; text-align:center; color:#000; text-decoration:none;}
.newsletter p img{border: 1px #000 solid;}
.newsletter p img:hover{border: 1px #00F solid;}
.profile img{float:left; padding:10px;}
.floatright{float:right; padding-left:10px;}
.floatleft{float:left; padding-right:10px;}
.floatleft a{border:0px;}
.floatright a{border:0px;}
.center{text-align:center;}
.link a{background: url('images/link.png') no-repeat; padding: 0 0 0 20px;}
.notice{float:right; margin-left:10px; background-color:#FFF; border:solid 1px #000; width:150px; height:auto; margin-bottom:10px; padding:10px;}
.notice2{float:left; margin-left:10px; background-color:#FF0; border:solid 1px #000; width:150px; height:auto; margin-bottom:10px; padding:10px;}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/snowstorm.html
Copyright (c) 2005-2010 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.nav,
.nav ul {list-style-type:none; margin:0; padding:0; float:left; z-index:100;}
.nav a {text-decoration:none;}
.nav {font-family: verdana, sans-serif; font-size:11px; margin-bottom:-1px; z-index:100;}
.nav a {float:left; background:#69F; color:#000; text-align:center; line-height:16px; padding:4px 0; border:1px solid #fff; margin-bottom:-1px;}
.nav a.sub-a {background:#69F; z-index:100;}
.nav a:hover,
.nav a:focus,
.nav a:active {outline:0; color:#fff; background:#039;}
.nav li:hover > a {color:#fff; background:#039;} 
.nav {width:120px; margin-right:-1px;}
.nav a {width:118px; margin-right:-119px;} /* take into account the borders when calculating the link width, margin-right = total link width - 1px */
.nav ul li {max-width:120px;} /* fix for IE8 */
.nav ul.fly {top:-25px; z-index:100;} /* position the top of the flyout first sub-limenus */
.nav ul.fly2 {top:-41px; z-index:100;} /* position the top of the flyout sub-limenus with previous text on two lines */
.nav ul.fly {left:119px; z-index:100;}
.nav .left ul.fly {left:auto; right:119px;}
.nav ul {position:relative; margin-bottom:-10000px;} 
.nav ul li {float:left; clear:left;}
.nav a {position:relative;}
.sub-li {margin-top:-10000px;}
.sub-a {margin-top:10000px;}
.sub-li a:hover,
.sub-li a:focus,
.sub-li a:active {margin-right:0;}
.nav ul:hover {clear:left;}
.nav .sub-li {width:100%;}
a:active {}
