
body { background: #ddd; font-family:Verdana, sans-serif;font-size:12px;line-height:16px;color:#222; }

a:link, a:visited { color: #396EB7; text-decoration: none; }

a:hover { text-decoration: underline; }


/* == Global Layout ===========================
***********************************************/
#container     { left: 50%; margin-left: -475px; position: relative; width: 950px; padding: 10px; background: white;}
#header        { margin: 0 0 5px; padding: 8px 0;}
#menu	       { border-bottom: 3px solid #F3F1E9; border-top: 1px solid #ECE8DA; padding: 6px 0; margin-bottom: 5px; }


/* == Header Styles ===========================
***********************************************/

#menu ul { margin: 0; padding: 0; float: left;}
#menu ul li { display: inline; }
#menu ul li a { color: #57585A; font-weight: normal; float: left; text-decoration: none; padding: 0 20px 0 0; font-size: 14px; }
#menu ul li a:hover, .menu ul li .current { text-decoration: underline;  }

#cat-head      { padding: 0 0 5px; border-bottom: 3px solid #F3F1E9; clear: both; }

#cat-head h2 { color: #666; width: 478px; font-weight: lighter; font-size: 22px; padding-top: 5px; line-height: 18px; float:left;}
#cat-head ad { float: left; width: 468px; padding: 5px 0;}

#logo { float: left; display:inline;}
#login-area { border-bottom: 2px solid #ECE8DA; float: right; padding: 5px; margin: 0;  font-weight: bold; }

#searchbar {float:right; clear:right; padding-top: 5px; display:inline; height: 22px;}
#searchsubmit { background-color:#f5f5f5;  border:1px solid #dedede;  border-top:1px solid #eee;    border-left:1px solid #eee; color:#336699; font-weight:bold; padding: 4px; display:inline;}

#submitstyle { background-color:#f5f5f5;  border:1px solid #dedede;  border-top:1px solid #eee;    border-left:1px solid #eee;     font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;    font-size:12px;    line-height:130%;    text-decoration:none;    font-weight:bold;    color:#336699;     cursor:pointer;     padding:5px 10px 6px 7px; /* Links */ }
 
 #submitstyle:hover {     background-color:#dff4ff;   border:1px solid #c2e1ef;   color:#336699; }

input { color: #666; background: #fff; padding: 5px; border: 1px solid #ccc; }


/* == Content Styles ===========================
***********************************************/
#content       { float:left; width:510px; margin: 0 0 0 8px; font-size: .95em; }
#content-full  { float:left; width:765px; margin: 0 0 0 15px; font-size: .95em; color: #333;}


#content-body { line-height: 1.4em; font-size: 1.1em; }
#content-body a {text-decoration: underline; }
#content-body a:hover {text-decoration: none; }


#content h1, #content-full h2 { color: #333;font-size: 18px; color: #666; font-weight:lighter; margin:0 0 10px; padding: 12px 0 5px 0; border-bottom: 1px solid #ECE8DA;}
#content-full h1 { font-size: 20px; color: #666; font-weight: lighter; margin:0; padding: 10px 0 10px 0;  margin: 0;}
#content h2, #content-full h2 { font-size: 14px; color: #396EB7; font-weight:bold; margin:0; padding: 10px 0 0 0;}
#content h2 a, #content-full h2 a { text-decoration: none; color: #396EB7; }
#content h2 a:hover, #content-full h2 a:hover { text-decoration: underline;}

#content p { padding: 5px 0; margin: 0; font-size: .95em; }
#content-full p { padding: 4px 0; margin: 0; font-size: .95em;}
#content-full ul, #content-full ol, #content ul, #content ol { padding: 4px 0 4px 25px; margin: 0; font-size: .95em;}
#content-full li, #content li { padding: 0 0 8px 0; margin: 0;}

.article-meta { background: #F7F6F0; padding: 3px; margin: 2px 0 12px; font-size: 11px; }

.clear { clear: both; display: block; font-size: 0; height:0; line-height: 0; margin:0; visibility: hidden; }

.left { float:left;}
.right { float:right;}

#catbox { width: 490px; border: 3px solid #F0EDE2; padding: 7px 5px; margin: 10px 0 7px 0;}
#catbox h3 { color: #666; font-size: 16px; padding: 5px; margin: 0 0 5px 0; font-weight: lighter; background: #F0EDE2; }
#catbox ul {   float: left;   width: 487px;   margin: 0;  padding: 0;   list-style: square; list-style-position: inside;}
#catbox li {   float: left;   width: 232px;   margin: 0;   padding: 5px; 
}

/* == Sidebar Styles ===========================
***********************************************/
#left-menu     { float:left; width:150px; margin: 6px 4px 0; }
#right-menu    { float:right; width:255px; padding: 6px 0 0; display: inline;}

#left-menu h3, #right-menu h3 { font-size: 12px; font-weight: bold;  margin: 0 0 5px; padding: 5px 0 0; color:#666; }

.side-lists ul { margin: 0; padding: 0; float: left; }
.side-lists ul li { list-style: none; font-size: 11px; }
.side-lists ul li a { border-bottom: 2px solid #F7F6F0; background: #fff; width: 100%; color: #396EB7; font-weight: normal; float: left; text-decoration: none; padding: 3px 5px 3px 7px; clear:both;}
.side-lists ul li a:hover {  text-decoration: none; background: #F7F6F0; }


.author-list ul { margin: 0; padding: 0; float: left; background: #ffffee; }
.author-list ul li { list-style: none; font-size: 11px; }
.author-list ul li a { border-bottom: 2px solid #fff; background: #E4ECF8; width: 100%; color: #666; font-weight: normal; float: left; text-decoration: none; padding: 3px 5px 3px 7px; clear:both;}
.author-list ul li a:hover {  text-decoration: none; background: #fff; }


/* == Footer Styles ===========================
***********************************************/
#footer	       { width:945px; border-top: 2px solid #F3F1E9; margin: 10px 0; height: 30px; padding: 5px;}
#footer a { }


/* == Misc. Styles ===========================
***********************************************/

.alert {background: #ffffee; border: 1px solid #e0dea2; padding: 4px; margin: 6px 0; color: #666; }


/* == Article Tables ===========================
***********************************************/

.articletable table, .articletable td { border: 1px solid #CCC; border-collapse: collapse; font: small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; }

.articletable table {border:1px solid #CCC; }

.articletable thead th, .articletable tbody th {background: #FFF url(../images/th_bck.gif) repeat-x; color: #666; padding: 5px 10px; border-left: 1px solid #CCC; }

.articletable tbody th { background: #fafafb;  border-top: 1px solid #CCC; text-align: left;  font-weight: normal; }

.articletable tbody tr td { padding: 5px 10px; color: #666; }

.articletable tbody tr:hover { background: #FFF url(../images/tr_bck.gif) repeat; }

.articletable tbody tr:hover td {  color: #454545; }
.articletable tfoot td, .articletable tfoot th { border-left: none;  border-top: 1px solid #CCC; padding: 4px; background: #FFF url(../images/foot_bck.gif) repeat;   color: #666; }

.articletable caption {	text-align: left; font-size: 120%; 	padding: 10px 0; color: #666; }

.articletable table a:link { color: #666; font-weight:: bold; }

.articletable table a:visited {	color: #666; }

.articletable table a:hover { color: #003366; }

.articletable table a:active {color: #003366; }

