body {margin:0;background:#ffffff;background-image: url('http://static.mgnetwork.com/scp/hvtd/images/body_background.jpg');background-repeat: repeat-x;}

/* Latest Entries Box
*************************/

#latest_box{width:580px;font-size:12px;font-family:Arial, helvetica, sans-serif;color:#015548;margin-bottom:10px;}
#latest_box h4{margin:0;padding:0;font-size:14px;}
#latest_box hr{height:1px;color:#015548;border-top:1px solid #015548;border-bottom:0;border-left:0;border-right:0;padding:0;margin:0;}
#latest_box a{color:#015548;text-decoration:none;}
#latest_box a:hover{text-decoration:underline;}

/* Nav Menu
*************************/

ul.tabs{line-height:45px;display: table;margin: 0;padding: 0;list-style: none;position: relative;}
ul.tabs li{margin: 0;padding: 10px 5px; 0 5px;list-style: none;display: table-cell;float: left;
					 position: relative;background-image:url('http://static.mgnetwork.com/scp/hvtd/images/nav_seperator.jpg');background-repeat:no-repeat;
					 background-position:left top;}
ul.tabs a{position: relative;display: block;color:#ffffff;text-decoration:none;font-family:Arial, helvetica, sans-serif;
          font-size:14px;font-weight:bold;}

/* Coloring and Styling
*************************/
#login_bar input{float:left;width:150px;height:20px;line-height:20px;background-color:#99ffcc;border:1px #015548 solid;margin-left:2px;}
#login_bar a{font-family:Arial, helvetica, sans-serif;font-size:12px;font-weight:bold;color:#ffffff;text-decoration:none;}
#login_bar.button a{text-decoration:none;color:#015548;}
#login_sub a{color:#015548;}
#join{font-family:Arial, helvetica, sans-serif;font-weight:bold;font-size:12px;padding-left:4px;}
#join a{color:#66cc9a;text-decoration:none;}
#join a:hover{text-decoration:underline;}
#join a:visited{color:#66cc9a;text-decoration:none;}
#searchbox{float:left;width:300px;height:20px;line-height:20px;background-color:#99ffcc;border:1px #015548 solid;}
.button{height:19px;width:60px; float:left;margin-left:7px;padding-top:3px; background-color:#99ffcc; border:1px solid #015548;
		    border-top:1px solid #015548; border-left:1px solid #015548;text-align:center;font-family:Arial, helvetica, sans-serif;
  		  font-size:12px;text-decoration:none;font-weight:bold;color:#000000;cursor:pointer;}
#search_sub.button a{text-decoration:none;color:#015548;}
#content_area{font-family:Arial, helvetica, sans-serif;font-size:12px;color:#015548;}
#content_area h3{font-size:16px;margin:0;padding:2px 0 2px 0;text-decoration:none;font-weight:bold;}
#content_area a{color:#015548;text-decoration:none;}
#content_area a:hover{text-decoration:underline;}
#content_area a:visited{color:#000000;}
#content_area hr{height:1px;color:#015548;border-top:1px solid #015548;border-bottom:0;border-left:0;border-right:0;padding:0;margin:0;}
#footer_text{text-align:left;padding-top:10px;padding-left:10px;font-family:Arial, helvetica, sans-serif;font-size:12px;color:#ffffff;}
#footer_text a{color:#ffffff;text-decoration:none;}
#footer_text a:hover{color:#ffffff;text-decoration:underline;}
#entry{padding:4px 8px 4px 4px;background-image:url('http://static.mgnetwork.com/scp/hvtd/images/entry_background.jpg');background-repeat:no-repeat;}
#about{margin-left:5px;margin-right:5px;}

/* Articles
*************************/
#article{margin-left:5px;margin-right:5px;margin-bottom:10px;}
.posted{font-size:10px;font-weight:bold;}
.posted a{text-decoration:underline;}
.posted a:hover{text-decoration:underline;}
.posted a:visited{text-decoration:none;}
.comment_buffer{margin-bottom:-12px;width:554px;padding-top:2px;padding-left:10px;font-size:10px;background-color:#cccccc;}
.commentsheader{font-size:16px;font-weight:bold;}
.comment{width:554px;padding-left:5px;padding-right:5px;background-color:#cccccc;}
.comment_date{margin-top:-12px;width:554px;text-align:left;padding-top:10px;padding-left:10px;font-size:10px;font-weight:bold;background-color:#cccccc;}
.commentform input, textarea{background-color:#99ffcc;border:1px #015548 solid;}
.cat_headlines{font-size:14px;font-weight:bold;text-decoration:underline;}
#entryphoto {float:left; margin-right:5px;max-width:300px;}
#articlephoto{max-width:300px;max-height:300px;}

/* Entry Page
*************************/
#entryform input, select{background-color:#99ffcc;border:1px #015548 solid;}
#entryleft{float:left;}
#entryright{float:left;}

/* Registration Page
*************************/
#register input{background-color:#99ffcc;border:1px #015548 solid;}

/* Photo Entry
*************************/
#photos input, select, textarea{background-color:#99ffcc;border:1px #015548 solid;}

/* Right Rail
*************************/
#viewed_box{width:304px;font-size:10px;font-family:Arial, helvetica, sans-serif;color:#015548;margin-bottom:10px;}
#viewed_box h4{margin:0;padding:0;font-size:14px;}
#viewed_box hr{height:1px;color:#015548;border-top:1px solid #015548;border-bottom:0;border-left:0;border-right:0;padding:0;margin:0;}
#viewed_box a{color:#015548;text-decoration:none;}
#viewed_box a:hover{text-decoration:underline;}


/* Structure
*************************/

#container{width:900px;margin-left:auto;margin-right:auto;}
#sitehead{width:900px;height:130px;background:#015548;background-image: url('http://static.mgnetwork.com/scp/hvtd/images/hvtd_header.jpg');background-repeat: no-repeat;}
#sitehead_left{float:left;width:482px;}
#sitehead_right{float:left;width:400px;}
#login_bar{padding-top:2px;height:27px;color:#ffffff;}
#nav_bar{position:relative;top:16px;}
#search_bar{position:relative;top:83px;padding-left:12px;width:380px;}
#content{float:left;width:900px;min-height:600px;background:#ffffff;background-image: url('http://static.mgnetwork.com/scp/hvtd/images/content_background.jpg');background-repeat: repeat-y;}
#content_area{float:left;width:586px;padding-left:2px;padding-right:2px;}
#content_left{width:290px;float:left;margin-left:2px;}
#content_right{width:290px;float:left;margin-left:4px;}
#content_rail{width:306px;float:left;padding-left:2px;padding-right:2px;}
#footer{clear:both;width:100%;height:108px;background:#015548;background-image: url('http://static.mgnetwork.com/scp/hvtd/images/footer_background.jpg');background-repeat: repeat-x;}


/* Nav Dropdowns
*************************/
ul.dropdown{margin: 0;padding: 0;display: block;position: absolute;z-index: 999;top:45px;width: 200px;display: none;left: 0;
					  background:#66cc99;border-left:1px #015548 solid;border-right:1px #015548 solid;border-bottom:1px #015548 solid;}
ul.dropdown ul.dropdown{top: 0;left: 95%;}
ul.dropdown li{margin:0;padding:0;float:none;position: relative;list-style: none;display: block;line-height:20px;background-image:none;line-height:20px;color:#015548;}
ul.dropdown li a{display: block;font-family:Arial, helvetica, sans-serif;font-size:12px;color:#015548;padding-left:4px;line-height:20px;}
ul.dropdown li a:hover{color:#ffffff;background:#015548;}



/* Formatting Btns
*************************/

.buttonMode {background-color: transparent;color: #73769D;font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;font-size: 10px;white-space: nowrap;}
.htmlButtonOutter, .htmlButtonOutterL {background-color: #f6f6f6;border-bottom: #333 1px solid;border-right: #333 1px solid;border-top: #333 1px solid;padding: 0;}
.htmlButtonOutterL {border-left: #333 1px solid;}
.htmlButtonInner {background-color: transparent;border-bottom: #ccc 1px solid;border-left: #fff 1px solid;border-right: #ccc 1px solid;border-top: #fff 1px solid;padding: 0 3px 0 3px;text-align:center;}
.htmlButtonOff {font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;font-size: 11px;	font-weight: bold;padding: 1px 2px 2px 2px;white-space: nowrap;}
.htmlButtonOff a:link {color: #000;text-decoration: none;white-space: nowrap;}
.htmlButtonOff a:visited {text-decoration: none;}
.htmlButtonOff a:active {color: #999;text-decoration: none;}
.htmlButtonOff a:hover {color: #999;text-decoration: none;}
.htmlButtonOn {background: #f6f6f6;font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;font-size: 11px;font-weight: bold;padding: 1px 2px 2px 2px;white-space: nowrap;}
.htmlButtonOn a:link {color: #990000;text-decoration: none;white-space: nowrap;}
.htmlButtonOn a:visited {text-decoration: none;}
.htmlButtonOn a:active {color: #999;text-decoration: none;}
.htmlButtonOn a:hover {color: #999;text-decoration: none;}
.htmlButtonA {font-family: Lucida Grande, Verdana, Geneva, Sans-serif;font-size: 11px;font-weight: bold;padding: 2px 3px 3px 3px;white-space: nowrap;}
.htmlButtonB {background: #E1E3EC;font-family: Lucida Grande, Verdana, Geneva, Sans-serif;font-size: 11px;font-weight: bold;padding: 2px 3px 3px 3px;white-space: nowrap;}
.htmlButtonA a:link {color: #000;font-weight: bold;text-decoration: none;white-space: nowrap;}
.htmlButtonA a:visited {text-decoration: none;}
.htmlButtonA a:active {color: #999;text-decoration: none;}
.htmlButtonA a:hover {color: #999;text-decoration: none;}
.htmlButtonB a:link {color: #990000;font-weight: bold;text-decoration: none;white-space: nowrap;}
.htmlButtonB a:visited {text-decoration: none;}
.htmlButtonB a:active {color: #999;text-decoration: none;}
.htmlButtonB a:hover {color: #999;text-decoration: none;}
