/*
Theme Name: Website
*/

html, body{ margin:0px; padding:0; text-align:center; background:url(img/bg.jpg) top center repeat-x #DAF0FC; font-family:verdana,arial; font-size:13px;} 
 
#pagewidth{ width:960px; text-align:left; margin-left:auto; margin-right:auto; background:url(img/page_bg.jpg) top center repeat-y;} 

#page{ width:896px; text-align:left; margin-left:auto; margin-right:auto; background:url(img/page.jpg) top center no-repeat;padding: 32px 32px 0px 32px;} 

#header{ position:relative; height:140px; width:896px; background:url(img/header.jpg) top center no-repeat; margin:0px 0px 2px 0px; overflow:hidden;} 
#header h1{ position:relative; float:left; margin:52px 0px 0px 22px; padding:0px; font-family:arial; font-weight:normal; color:#003399; font-size:24px; } 
#header h1 a{color:#003399; text-decoration:none;}
#header h1 a:hover{color:#000000; text-decoration:none;}
#header h2{ position:relative; float:right; margin:56px 22px 0px 0px; padding:0px; font-family:arial; font-weight:normal; color:#000000; font-size:18px; } 

#menu{ position:relative; height:36px; width:896px; background:url(img/nav_bg.jpg) top center no-repeat; padding: 0px; margin:0px; overflow:hidden;} 


#tabs { font-size:100%; line-height:normal; margin: 0px 8px 0px 8px; width:880px; height: 36px;clear:both; overflow:hidden;}
#tabs ul { margin:0; padding:0px 0px 0px 0px; list-style:none;float:left; font-family: arial; font-size: 14px; height: 42px;}
#tabs li { display:inline; margin:0; padding:0; height: 36px;}
#tabs a { float:left; background:url(img/tab.jpg) no-repeat left top; margin:0px 0px 0px 0px; padding:0 0 0 15px; text-decoration:none; height:42px; }
#tabs a span { float:left; display:block; background:url(img/tab2.jpg) no-repeat right top; padding:10px 15px 12px 0px; color: #003399; }
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
 /* End IE5-Mac hack */
#tabs a:hover span { color: #000000; }
#tabs a:hover { background-position:0% -42px; color: #000000; }
#tabs a:hover span { background-position:100% -42px; color: #000000; }
#tabs .current_page_item a { background-position:0% -42px; }
#tabs .current_page_item a span { background-position:100% -42px;}

 

#recentcomments {list-style: none; clear:left; padding: 5px 0px 5px 0px; width:230px; clear:left;}
ul#recentcomments {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;list-style: none; clear:both;}
ul#recentcomments li{margin: 0px 0px 0px 0px; display: block; padding: 4px 5px 6px 25px; width: 200px; background:url(img/side.gif) top left no-repeat;}
ul#recentcomments li a{ display: block;  text-decoration:none; font-family:verdana; background: url(img/trans.gif); color:#003399; font-size:13px; margin: 0px 0px 0px 0px; vertical-align: bottom;}
ul#recentcomments li a:hover{ padding: 4px 5px 6px 27px; width: 198px; background: url(img/trans.gif); text-decoration:none; color:#000000; }


table#calendar_wrap {width:230px; overflow:hidden;clear:both; }

#wp-calendar{font-family: verdana; font-size: 13px; text-decoration:none; color:#000000;  clear:both;width:210px; margin: 6px auto 6px auto; padding: 0px 10px 0px 10px;}
#wp-calendar a{font-family: verdana; font-size: 13px; text-decoration:none; color:#003399;}
#wp-calendar a:hover{font-family: verdana; font-size: 13px; text-decoration:none; color:#000000;}

#maincol{ float: left; display:inline; position: relative; width:896px; overflow-x:hidden;}

#submenu { position:relative; height:36px; width:896px;margin: 2px 0px 0px 0px; text-align:left; background:url(img/submenu_bg.jpg) top center no-repeat;} 
ul#submenunav { margin: 0px; padding: 0px; list-style-type: none; white-space: nowrap;height: 36px;}
ul#submenunav li { float: left; display:block; font-family: verdana; font-size: 13px; margin: 0; padding: 10px 0px 10px 0px; background:url(img/submenu_button.jpg) top right no-repeat; border: 0px;height:16px; }
ul#submenunav li a, ul#submenunav li a:link { margin: 0; padding: 10px 13px 10px 13px; color: #003399; border: 0px; text-decoration: none;}
ul#submenunav li#active { color: #000000;}
#submenunav a:hover { color: #000000;background:url(img/submenu_button_over.jpg) top right no-repeat;} 
ul#submenunav li ul{ margin: 12px 0px 0px 0px; padding: 0px; list-style-type: none; white-space: nowrap;height: 36px; }
ul#submenunav li ul li { float: left; display:block; font-family: verdana; font-size: 13px; margin: 0; padding: 10px 0px 10px 0px; background:url(img/submenu_button.jpg) top right no-repeat; border: 0px;height:16px; }


#content {width:836px; margin:0px 0px 0px 0px; background:url(img/content_header.jpg) top left no-repeat; clear:both; padding: 30px 30px 0px 30px; overflow-x:hidden; font-face:verdana;}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{ color:#003399; font-family:arial; font-size: 22px; font-weight:normal; padding: 0px 0px 0px 0px; margin: 0px; clear:both;}
#content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a { color:#003399; font-family:arial; font-size: 22px; font-weight:normal;padding: 0px 0px 0px 0px; margin: 0px; text-decoration:none;}
#content h1 a:hover, #content h2 a:hover, #content h3 a:hover, #content h4 a:hover, #content h5 a:hover, #content h6 a:hover { color:#000000; font-family:arial; font-size: 22px; font-weight:normal; padding: 0px 0px 0px 0px; margin: 0px; text-decoration:none;}
#content p{ color:#333333; font-size: 13px; line-height:1.7em;}
#content a{ color:#FF6600; text-decoration:none;}
#content a:hover{ color:#333333;}
#content ul{ color:#333333; font-size: 13px; line-height:1.7em;}
#content ol{ color:#333333; font-size: 13px; line-height:1.7em;}



blockquote { margin:20px; padding:8px 8px 8px 15px;}
blockquote p {background-color:inherit; color:#505050; font-size:0.9em; line-height:1.3em;}
label {background-color:inherit; color:#606060; font-size:0.9em; font-weight:bold;}
table#wp-calendar {margin:0 0 20px; width:140px;}
code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; margin:5px 0 15px 0;}

#s,#submit {background-color:#ffffff; border:1px solid #cccccc; color:#505050; font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;}
#author,#email,#url,#comment {border:1px solid #cccccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
#commentsection {margin:25px 0 0;}
#commentsection p {margin:0 0 6px;}



img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}
img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;}
.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.alignright {float:right;}
.alignleft {float:left;}

.divider{height: 25px; width:604px; background: url(img/divider.jpg) top center no-repeat; margin: 10px auto 5px auto;}
.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}
.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}
.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.hide {display:none;}
.post {margin:0px;}
.postinfo { color:#606060; font-size:0.9em; font-weight:bold; line-height:1.5em; margin:0px; padding:8px 0px 8px 0px;}
.comment { color:#606060; margin:0 0 10px; padding:8px 5px 0 8px;}
.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}
.gravatarside {float:right; width:48px; height:48px; margin:0 5px 5px 5px;}
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img { margin: 0; padding: 0; border: 0 none;}
.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

#footer{ height:58px; width: 866px; overflow-x:hidden; padding: 35px 47px 0px 47px; font-family: verdana; font-size: 13px; color: #003399; background:url(img/footer.jpg) top center no-repeat; clear:both; margin-left:auto; margin-right:auto;} 
#footer a{ color: #003399;text-decoration:none;} 
#footer a:hover{ color: #000000;} 

#footertext {font-family: verdana; font-size: 11px; color: #003399; text-decoration:none; float:left; padding: 2px 0px 0px 0px;} 
#footertext a{ color: #003399;text-decoration:none;} 
#footertext a:hover{ color: #000000;} 

#credits {font-family: verdana; font-size: 11px; text-decoration:none; color:#003399; float:right;padding: 2px 0px 0px 0px;} 
#credits a{ color: #003399;text-decoration:none;} 
#credits a:hover{ color: #000000;} 

 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}