/* -----------------  page  -------------------------------------------------------*/

body { padding:0; margin:0 0 40px 0; line-height: 17px; background: url('../images2/pagebg.jpg'); color: #444; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Tahoma, Arial, sans-serif }
#outerwrapper { margin:0 auto; width:810px; background:#fff;}
#wrapper { margin:0 auto; width:800px;  padding:0; background:#fff;  }

/* -----------------  general styles  -------------------------------------------------------*/

a { color:#202b31; text-decoration:underline; }
a:hover { color: #496b7d; text-decoration:underline; }
p { margin: 0; }
h2 { font-weight: bold; font-size:14px; padding: 2px 0 2px 8px; margin: 0; color:#202b31; background:#e8ecf1; }
h1 {font: bold 14px Arial, Sans-Serif;padding: 4px 0 0 0; margin: 0; color:#202b31; }
h3 { font-weight: bold; font-size: 14px; letter-spacing: 110%; text-align: center; margin: 0; padding: 5px 0; color:#202b31; background:#e8ecf1; }
h4 { font-weight: bold; font-size: 14px; letter-spacing: 120%; text-align: center; margin: 0; padding: 5px 0; color:#202b31; clear: both;}
ul { margin: 0; padding: 0; }
img { border: 0; }
.clear {width:100%;margin-bottom:5px;}
.title{background: url('../images2/title.gif') no-repeat center left; font-size: 12px; line-height: 17px; font-weight:bold; color:#fff; padding-left:28px; padding-right:0; padding-top:6px; padding-bottom:6px}
.searchquote{padding:0px 0 2px 34px; font-size:12px;font-weight:bold;color:#fff;}
.logo{padding:0px 0 2px 34px; font-size:13px;font-weight:bold; color:#202b31;}
.right {float: right;}
.left {float: left;}
cite {font-size: 11px; line-height: 13px; font-style: normal; }
/* -----------------  top info  -------------------------------------------------------*/

#loginbox { width:800px; height:60px; margin:0; padding:10px 0 10px 0; background: #202b31;}
#loginbox p { padding-top:4px; font-size:11px; }
#loginboxleft { width: 490px; padding:0px 0 0 30px; float: left; color:#eee; }
#loginboxright { float: right; width: 250px; padding:0px 10px 0 0; color:#fff; }
#loginbox a {  color: #eee; background:none;text-decoration:underline; font-weight:bold; }
#loginbox a:hover { color: #222; background:#eee; text-decoration:none;}
form { margin:5px 0 5px 0; padding: 0px;}
input.login { width: 100px; border: none; font: bold 11px Arial, Helvetica, sans-serif;color:#202b31; 
background:#eee; padding:1px 3px 1px 3px; }
input.searchsubmit { margin-top:2px;}
#header { clear:both; width:800px; height:40px; background: #fff; 
margin:0 0 5px 0; }
#headerloginbutton {width:179px; height:27px; float:right; background: url('../images2/logup.jpg') no-repeat 0 0; margin-left:0; margin-right:10px; margin-top:0; margin-bottom:0}
#headerloginbutton a{background:none;text-decoration:none; color:#d4d9df; padding:8px; font-weight:bold; }
#headerloginbutton a:hover{text-decoration:none; color:#fff; background:none;}
#menu { clear: both; margin: 10px 0 0 10px; padding: 15px 0 0 0; text-align:right;}
#menu li { display: inline; background: url('../images2/advertup.gif') no-repeat center left; }
#menu li a { font-weight: bold; float: left; color: #233238; text-decoration: none; height: 19px; background: url('../images2/advertup.gif') no-repeat center left; padding: 0 15px 0px 25px; }
#menu li a:hover { background: url('../images2/advertover.gif') no-repeat center left;color: #48616e} 
#logo {float:left; width: 280px; margin:30px 0 0 0;}

/* -----------------  Main Search box begins  -------------------------------------------------------*/

#searchbox {clear:both;width:800px;height:240px ;background: url('../images2/searchbg.jpg') no-repeat; padding:0; margin-left:0; margin-right:0; margin-top:0; margin-bottom:5px }

/* -----------------  3 numbered boxes   -------------------------------------------------------*/

#intro { clear:both; background: url('../images2/nobox_bg.jpg'); color: #808080; border-top:2px solid #d4d9df; padding:0; margin:0; width:800px; height:138px  }
.introbox1 {display:inline; float: left; width: 27%; margin: 15px 5px 0 30px; background:none; color: #303030; padding:3px; font-size: 11px;}
.introbox1 h1 {margin: 1px 1px 3px 1px; padding: 1px 1px 1px 30px; color: #3a3a3a;background: inherit;font-size: 18px;}
.introbox {display:inline; float: left; width: 27%; margin: 15px 5px 0 30px; background:none; color: #303030; padding:3px; font-size: 14px;}
.introbox h1 {margin: 1px 1px 3px 1px; padding: 1px 1px 1px 30px; color: #3a3a3a;background: inherit; font-size: 18px;}
.digit {width:25px;height:25px;background: url('../images2/numberbg.gif') no-repeat center;font-size: 1.0em;color: #fff; margin-left:0; margin-right:4px; margin-top:0; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:5px; padding-bottom:5px}
.introbox ul { list-style-type: none; margin-left: 10px; }
.introbox li {line-height: 25px;}
.introbox li a { color: #233238; text-decoration: none; background: url('../images2/advertup.gif') no-repeat center left;; padding-left:25px; padding-right:30px; padding-top:5px; padding-bottom:5px}
.introbox li a:hover { background: url('../images2/advertover.gif') no-repeat center left;color: #48616e; text-decoration: underline}

/* ----------------- Bottom content -------------------------------------------------------*/

#right {float:right; width:480px; margin:0 0 5px 0;}
.contentboxone {clear:both;margin: 0px 0 5px 0;background: none;padding:0 10px 10px 10px;border:none;}
.contentboxtwo {clear:both; margin:0 0 5px 0; padding:5px 10px 10px 10px; background:none; border:1px solid #D4D9DF;}
.contentboxtwo img {float: right; padding: 2px 10px; }
.contentboxtwo img.left {float: left; padding: 5px 10px 0 5px; }
.contentboxtwo ul {list-style-type: disk; color: #202b31;}
.contentboxtwo li {padding: 5px 0 5px 5px; margin-left: 25px;}
.pic {float: left; border:1px solid #D4D9DF; background: #eee; width: 200px; height: 200px; margin: 5px 25px 10px 0;}
.contentboxsmall {float: left; width: 220px; height: 132px; border:1px solid #D4D9DF; margin:0 5px 0px 0; padding: 5px 0 5px 10px; background: inherit;}
.contentboxsmall2 {float: left; line-height: 21px; width: 220px; height: 132px; border:1px solid #D4D9DF; margin:0 5px 0 0; padding: 5px 5px 5px 10px; background: inherit;}
.contentboxsmall3 {float: left; width: 220px; border:1px solid #D4D9DF; margin:0 5px 0px 0; padding: 5px 0 5px 10px; background: inherit;}
.contentboxsmall4 {float: left; width: 220px; border:1px solid #D4D9DF; margin:0 5px 0 0; padding: 5px 5px 5px 10px; background: inherit;}
.contentboxtwo, .contentboxsmal3, .contentboxsmall4, p {padding-bottom: 5px;}
.contentboxstaff {clear:both; margin:0 0 5px 0; padding:5px 10px 10px 10px; background:none; border:1px solid #D4D9DF; }
.contentboxstaff img {padding: 6px 0 6px 0; }

#full {float: left; width: 800px;}
#full p {padding:10px;}
#full img {float: left; border: none; margin: 5px 5px;}
.picbox {padding:5px;}
.picbox img {float: left; border:1px solid #D4D9DF; background: #eee; width: 180px; height: 225px; margin: 5px 25px 10px 0;}
.picbox2 {padding: 5px; margin-left: 45px;}
.picbox2 img {float: left; border:2px solid #D4D9DF; background: #eee; margin: 5px 25px 10px 0px;}

#leftside {margin:0 0 5px 0;float: left;width: 315px;background :#fff;}
#leftside p {padding:5px;}
#leftside ul {padding: 3px 0 12px 0px;}
#leftside li {list-style:none;margin: 0;}
#leftside  li a {color: #202b31;height:18px;display: block;border-top: 1px dotted #999;
text-decoration: none;background:url('../images2/left_up.gif') no-repeat center left;; margin-left:2px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:30px; padding-right:0; padding-top:0; padding-bottom:0}
#leftside li a:hover {color: #888;border-top: 1px dotted #888; background:url('../images2/left_over.gif') no-repeat center left;}	
#leftside h3 {color : #eee;font : bold 12px Arial, Sans-Serif;background :#d4d9df;height : 20px;
text-indent :10px; padding:4px;}
.imagelink {background: #e8ecf1; color: #333; padding:4px; margin: 0 0 5px 0; }
.imagelink:hover {background: #d4d9df;}
.imagelinkpic {float: left;margin: 4px 10px 4px 0;}
#other { clear:both; background: #e8ecf1; color: #202b31; font-weight:bold; padding: 5px; margin:0; text-align:center;}
.links {float: left; width: 112px; padding: 5px 5px 5px 15px; background: inherit; font-size: 11px;}
#linkbox { clear:both;width:100%;background: #fff;margin:0 0 5px 0; padding:5px 0;}
#linkbox li a { background:  url('../images2/bullet.gif') no-repeat center left;  text-decoration:none; padding-left:12px; padding-right:0; padding-top:0; padding-bottom:0}
#linkbox li a hover{ background: #eee url('../images2/bullet.gif') no-repeat center left;text-decoration:none}

#footer {clear:both; background: #e8ecf1; color: #202b31; font-weight: normal; padding: 5px; margin:0; text-align:center;}
#footer a {color: #496b7d; text-decoration: underline; }
#footer a:hover{ color: #222; background:none; text-decoration:underline; }
#other { clear:both; background: #e8ecf1; color: #202b31; font-weight:bold; padding: 5px; margin:0; text-align:center;}

#col1 { float: left; width:200px; padding: 0 20px 0 20px; margin:0; }
#col2 { float: left; width: 200px; border-left: 1px solid #202b31; padding:0 10px 0 20px; }
#col3 { float: right; width: 240px; border-left: 1px solid #202b31; padding: 30px 0 0 30px; }

.thumbs img{display:inline;padding:1px;margin:2px 3px 2px 3px;border:2px solid #d4d9df;background:none;}
.thumbs img:hover{border:2px solid #202b31;}
