body { margin: 0; background: url(images/bg_body.gif) repeat-x; font-family: Geneva, Arial, Helvetica, sans-serif }
a { color: #666 }

#wrapper { width: 915px; margin: 0 auto; padding: 0 14px 15px 14px; background: #FFFFFF; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999 }
#header { height: 83px; background: url(images/bg_head.gif) no-repeat; margin-bottom: 8px; }
#header h1 { margin: 0 }

#loginstat { padding: 5px; text-align: left; font-size: 11px }

.googleads { margin: 10px 0px }
/*
#nav { background: url(images/bg_topnav.gif) no-repeat; height: 29px; padding: 0px 15px }
#nav ul { padding: 0; margin: 0; list-style: none }
#nav a { display: block; font-size: 11px; line-height: 29px; color: #333; text-decoration: none; text-transform: uppercase}
#nav ul li a { font-size: 11px; text-align: left; padding: 0 10px }
#nav li li a { text-transform:none }
#nav li:hover, #nav li.sfhover { background: #E9F5FA }
#nav li {  float: left }
#nav li li { float: left; width: 140px }
#nav li ul { position: absolute; width: 140px; left: -999em } 
#nav li ul ul {  margin: -25px 0 0 140px }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto }
*/
#nav { background: url(images/bg_topnav.gif) no-repeat;margin-top: 8px; height: 29px; line-height: 29px; padding: 0 15px }
#nav ul { list-style: none; margin: 0; padding: 0 }
#nav ul li { display: inline; margin-right: 10px }
#nav ul li a { line-height: 29px; height: 29px; padding: 0px 5px; font-size: 11px; color: #333; text-decoration: none; text-transform: uppercase }
#nav ul li a:hover { background: #E9F5FA }
#nav ul ul { display: none }


#container { height: 1%; margin-top: 10px }
#leftblock { background: url(images/bg_subnav.gif) no-repeat; display: block; width: 160px; padding: 10px; padding-right: 15px;float: left }
#rightblock { text-align:center; display: block; width: 120px; padding: 10px; padding-left: 15px;float: left; margin-left:8px; }
.subnavtitle { margin: 0; padding: 5px; font-size: 12px; color: #105DA8; margin-bottom: 10px; border-bottom: 3px solid #999 }

#subnav { margin-bottom: 10px }
#subnav ul {padding: 0; margin: 0; list-style: none; float : left; width: 160px; border-top: 1px solid #DDD; }	
#subnav li { position : relative; float : left; width: 160px }
#subnav li li { background-image: none; background-color: #F4F4F4 }
#subnav li a { width: 140px; display : block; font-size: 11px; color : #666; text-decoration : none; padding: 5px 10px; border-bottom: 1px solid #DDD; border-top: 1px solid #FFF }
#subnav li li a { width: 140px; display : block; font-size: 11px; text-decoration : none; padding: 0 0 0 15px; border: 0px; border-bottom: 1px solid #DDD }
#subnav li ul { display: none }
#subnav li.on ul { display: block }
/*#subnav li ul { position : absolute; left: -999em; margin-left : 160px; margin-top : -28px; border: 1px solid #DDD; }
#subnav li ul ul { left: -999em; margin-top: -28px } 


#subnav a.on { font-weight: bold; background: #E9F5FA }
#subnav li:hover, #subnav li.sfhover{ background: #E9F5FA }
#subnav li li:hover, #subnav li li.sfhover{ background: #E9F5FA }
#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul { left: -999em }
#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul { left: auto }*/

.loginbox {  font-size: 9px; color: #999; border: 1px solid #CCC; padding: 10px; margin-bottom: 10px; position:relative;}
.loginbox h3 { font-size: 12px; margin: 0; color: #666 }

.mainforms form, .loginbox form { margin: 0; padding: 0 }
.mainforms p, .loginbox p { margin: 0; padding: 0px }
.mainforms label { display: block; font-size: 10px; padding: 2px 0; color: #666 }
.mainforms input.textbox, .loginbox input.textbox { display: block; border: 1px solid #666; width: 100% }
.mainforms input.button { margin-top: 5px }

#content { display: block; float:left; width: 535px; float: left; overflow: hidden; margin-left: 8px; font-size: 12px; color: #666 }

/* BLOGS */
#blogright { float: right; width: 164px; overflow: hidden; padding-left: 10px; border-left: 1px solid #DDD }
#blogright h3 { margin: 0; color: #DDD }
a.bloglinks { display: block; color: #105DA8; text-decoration: none; padding: 5px 0; border-bottom: 1px solid #EFEFEF }
a:hover.bloglinks { text-decoration: underline }
.commentpost { display: block; padding: 3px 0; text-decoration: none; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD }
a:hover.commentpost { background: #E9F5FA }
#commentform {  border-bottom: 1px solid #DDD; padding: 10px 0 }
.commentdiv { padding: 10px; border-bottom: 1px solid #DDD }


#blogleft { float: left; width: 350px; padding-right: 10px; overflow: hidden }
.blogtitle { font-size: 14px; color: #105DA8; text-decoration: none; font-weight: bold }
.blogdate { color: #CCC }
.blogtext { padding: 10px 0 }

h2.normtop { margin: 0; padding: 5px; font-size: 16px; color: #105DA8; margin-bottom: 10px; border-bottom: 3px solid #999 }
h2.hometop { background: url(images/home_top.jpg) no-repeat; margin: 0; height: 129px; border-bottom: 0px }
h1 span, h2.hometop span { display: none }
.pagetext { padding: 5px }

.datatable td { vertical-align: top; padding: 2px 5px; border-bottom: 1px solid #F4F4F4 }
.theader td { font-weight: bold; color: #105DA8 }

.normforms label { display: block; font-weight: bold }

.footnav { text-align: center; padding: 5px 15px; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE }
.footnav ul { list-style: none; margin: 0; padding: 0 } 
.footnav ul li { display: inline; padding: 0 5px }
.footnav ul li a { font-size: 11px; color: #666; text-decoration: none }
.footnav ul li a:hover { text-decoration: underline }

#footer { clear: both; background: url(images/bg_topnav.gif) no-repeat; height: 29px; padding: 0px 15px; margin-top: 15px; overflow: hidden }
#footcopy { width: 300px; float: left; font-size: 10px; line-height: 29px }
#siteby { float: right; font-size: 10px; width: 300px; line-height: 29px; text-align: right}
.clear { clear: both; height: 0; line-height: 0; font-size: 0 }

/* formstyles */
.mainforms { background: #FFF; border: 1px solid #CCC; padding: 20px; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif }
.mainforms h2, .mainforms h2 { margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px solid #900 }
.mainforms form { margin: 0px; padding: 0 }
.mainforms .req, .mainforms .error { float: none }
.mainforms .error { color: #900 }
.mainforms ul { margin: 0; padding: 0; list-style: none }
.mainforms li { display: block; clear: both; padding: 5px 0 }
.mainforms input.field, .mainforms textarea.field { border: 1px solid #999; padding: 3px 0 }
.mainforms label.desc { display: block; margin: 5px 0;font-size: 12px; font-weight: bold }
.mainforms li span { float: left; padding: 0 5px 0 0 }
.mainforms span label, .mainforms div label { clear: both; display: block; font-size: 9px; line-height: 9px; color: #999; padding: 3px 0 }
.mainforms li div { padding: 3px 0 }
.mainforms input.large, .mainforms textarea.large { width: 100% }
.mainforms textarea.large { height: 60px }
.mainforms input.medium { width: 50% }
.mainforms div.left, .mainforms div.right { width: 48%; padding-right: 8px; float: left }

#rightads {z-index:0; margin-top:-140px; text-align:center; margin-left:-5px; float:left; width:160px; }
.ad img { background-color:white; max-width:160px; border:none; padding-bottom:5px; }
.bannerad { display:block; text-align:center; width:100%; }
.bannerad img { max-width:468px; padding-top:5px; padding-bottom:5px; border:none; }


div.error_msg	{ text-align: center; padding: 10px; background: #900; border-bottom: 1px solid #300; border-top: 1px solid #300; color: #FFF; margin-bottom:10px; }
div.update_msg	{ text-align: center; padding: 10px; background: #FFFFCC; border-bottom: 1px solid #FF9933; border-top: 1px solid #FF9933; margin-bottom:10px; }

form.edit-profile-form	{}
form.edit-profile-form > div	{ margin-top:7px; margin-left:10px; }
form.edit-profile-form > div > input	{}
form.edit-profile-form > div > label	{ display:block; font-size:0.9em; padding-left:5px; }
form.edit-profile-form > div.short-float	{ float:left; }
form.edit-profile-form > div.mini-float	{ float:left; }
form.edit-profile-form > div.mini-float > input	{ width:50px; }

form.edit-profile-form > div.long-value	{ }
form.edit-profile-form > div.long-value > input	{ width:350px; }
form.edit-profile-form > div.med-value	{}
form.edit-profile-form > div.med-value > input	{ width:200px; }
form.edit-profile-form > h3	{ margin-top:15px;width:250px; }