/* CSS Document */
body { margin: 5px auto 0px auto; padding: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#wrapper { width: 702px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; background-color: #FFFFFF; border: 1px solid black; }

#topper { width:702px; height:20px; background-color: #820000; color: #FFFFFF; }
	#topper a {font-size: 12px; text-decoration: underline; color: #FFFFFF; margin-left: 5px; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; }
	#topper a:hover {text-decoration: none; color: #FFFFFF; margin-left: 5px; }
#brandbar { width: 702px; height: 90px; background-image: url(../images/brandbar_gradient.gif); background-repeat:repeat-y; border-top: 1px solid black; border-bottom: 1px solid black; }
	#brandbar #logo {float: left; margin: 15px 15px 15px 5px; }
	#brandbar address {float: right; text-align:right; margin: 0px 5px 5px 50px; font-style:normal; }
	#brandbar h1 {float: right; margin: 3px 5px 0px 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold;  }
#leftnav { float: left; width:170px; background-color: #5C755E; }

	ul#navbutton { list-style: none; width: 160px; margin: 20px 0px 0px 5px; padding: 0; font-size: 12px; font-weight: bold; }	
	ul#navbutton li { margin-top: 3px; }
	ul#navbutton li a { height: 30px; text-decoration: none; color: #000000; display: block; padding: 6px 0 6px 5px; background-color: #EBE5CC; border-left: 0px solid  #404F49; }	
	ul#navbutton li a:hover { background: #820000; color: #FFFFFF; border-left: 0px solid #CCCCCC; }

#linkbox {width: 154px; margin: 0px 3px 20px 3px; padding: 3px; background-color: #EBE5CC; border: 1px solid black;}
#linkbox p {margin: 0px 3px 3px 3px; text-align: left; } 
#linkbox img {margin: 2px 5px 2px 5px;}
 
#banner {float: right; margin: 0px 0px 0px 0px; width: 530px; height: 200px; background-image: url(../images/break_from_hive.jpg);}
#cntnt { float: right; width: 530px; margin: 0px 0px 0px 0px; background-color: #FFFFFF; }
#cntntleft { padding: 10px 5px 0px 5px; float: left; width: 300px; background-color: #FFFFFF; color: #000000; }
#cntntspan { padding: 20px 7px 0px 7px; float: left; width: 516px; background-color: #FFFFFF; color: #000000; }
#cntntspan	ul { list-style-type: &bull;; margin: 0px 0px 0px 40px; padding: 0; }	
#cntntspan	li { margin: 5px 0px 15px 0px; }

#cntntright {margin: 15px 0px 0px 0px; float: right; width: 200px; background-color: #EBE5CC; color: #000000; padding: 0px 5px 0px 5px; 
				border-top: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid black; }
h1 {margin: 3px 5px 5px 3px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 18px; font-weight:bold;  }
h2 {margin: 5px 3px 3px 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #000000; }
h3 {margin: 3px 3px 3px 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000; font-style: italic; }
hr {border: 1px inset black; margin: 3px 3px 7px 3px; }
.redify {color: #820000; }
#cntnt p {margin: 0px 5px 7px 5px; text-align: left; } 

ul#sidenavbutton {float: right; list-style: none; width: 300px; margin: 8px 3px 0px 0px; padding: 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; }
ul#sidenavbutton li {margin-bottom: 12px;}
ul#sidenavbutton li a {height: 20px; text-decoration: none; color: #FFFFCC; display: block; background-color: #820000;  border: 1px solid #FFFFCC; padding: 7px 5px 3px 10px; }
ul#sidenavbutton li a:hover {text-decoration: none; background-color: #FFFFFF; color: #000000; border: 1px solid #820000;  }

#footer { padding-top: 5px; clear: both; width:700px; height:20px; background-color: #820000; color: #FFFFFF;}
#footer a {margin: 10px 10px 10px 10px; text-decoration: underline; color: #FFFFFF}
#footer a:hover {margin: 10px 10px 10px 10px; text-decoration: none; color: #FFFFFF}

#gutter { padding: 10px 5px 5px 5px; clear: both; width:690px; height:20px; background-color: #FFFFFF; color: #000000;}
div.rounded-box {
    position:relative;
    width: 162px;
    background-color: #820000;
    margin: 15px 3px 0px 3px;
}

/*********************
GLOBAL ATTRIBUTES
*********************/
div.top-left-corner, div.bottom-left-corner, div.top-right-corner, div.bottom-right-corner
{position:absolute; width:20px; height:20px; background-color:#5C755E; overflow:hidden;}

div.top-left-inside, div.bottom-left-inside, div.top-right-inside, div.bottom-right-inside {position:relative; font-size:150px; font-family:arial; color:#820000; line-height: 40px;}

/*********************
SPECIFIC ATTRIBUTES
*********************/

div.top-left-corner { top:0px; left:0px; }
div.bottom-left-corner {bottom:0px; left:0px;}
div.top-right-corner {top:0px; right:0px;}
div.bottom-right-corner {bottom: 0px; right:0px;}

div.top-left-inside {left:-8px;}
div.bottom-left-inside {left:-8px; top:-17px;}
div.top-right-inside {left:-25px;}
div.bottom-right-inside {left:-25px; top:-17px;}

div.box-contents {
	position: relative; padding: 8px; color:#FFF; font-weight:bold; font-size: 14px
}
