/*******************************************************
TITLE: Fluid Box Layout  V1.0
DATE: 20060810
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/

body {
margin:0;
padding:2em 0 0 0;
background-color:#610013;
color:#000000;  
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
}

a {
color:#fff;
text-decoration:none;
}

a:hover {
color:#eeeeee;
text-decoration:none;
}

blockquote {
margin:1em;
padding:.5em;
background-color:#eeeeee;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

.MsoNormal {
color:#fff;
}


blockquote p {
margin:0 0 5px 0;
}

blockquote img {
border-width:6px;
border-style:solid;
border-color:#610013;
margin: 0 10px 10px 0;
float:left;
}

#centerColumn {
voice-family: "\"}\"";
voice-family: inherit;
padding:1em 1em 2em 1em;
background:#fff;
text-align:left;
border:1px solid #999;
width:1200px;
margin:auto;
}

html>body #centerColumn {
}

#centerColumn h2 {
margin:0 0 -.5em 0;
padding:.75em 0 0 0;
font-size:1em;
letter-spacing:.1em;
}


#centerColumn a {
color:#8E2C21;
text-decoration:none;
}

#centerColumn a:hover {
text-decoration:underline;
}

#header {
margin:-1em -.5em 0 -.5em !important;
margin:-2em -1em 0 -1em;
padding:0 0 0 0;
height:6em;
background-color:#ffffff;
}

#header h1 {
margin:0 0 -.6em 0;
padding:.5em 0 0 1em;
font-size:1.5em;
letter-spacing:.1em;
}

#header h2 {
margin:0 0 1em 0;
padding:1em 0 0 2.3em;
font-size:.7em;
font-weight:300;
letter-spacing:.1em;
}

#nav {
margin:0 0 1em 0;
padding:.4em 0 0 0;
text-align:center;
}

#nav ul {
margin:0;
padding:1em;
list-style:none;
background-color:#610013;
font-size:1em;
letter-spacing:.1em;
clear:both;
}

#nav li {
margin:0;
padding:1em;
display:inline;
}

#nav li a {
color:#fff;
text-decoration:none;
}

#nav li a:hover {
color:#eeeeee;
text-decoration:none;
}

#footer {
position:relative;
bottom:0;
margin:1em 0 0 0;
padding:0;
height:4em;
line-height:4em;
text-align:center;
font-size:.7em;
color:#fff;
}

#logo {
text-align:center;
display:inline;
}

/* Drop Down Menu */
#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
text-align:left;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-align:left;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #fff;
color:#000;
text-align:left;
}

/* anchor navigation */
#nav_anchor img {
border-width:0px;
margin: .1em;
}

.MsoTableGrid {
color: #fff;
}



		h3 {
			margin: 0;	
			padding: 7px 0 0 0;
			font-size: 16px;
			text-transform: uppercase;
		}

		div#feature_list {
			width: 100%px;
			height: 800px;
			overflow: hidden;
			position: relative;
			margin-top:20px;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			left: 0;
			z-index: 2;
			width: 320px;
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}

		ul#tabs li a {
			color: #222;
			text-decoration: none;	
			display: block;
			padding: 10px;
			height: 60px;
			outline: none;
		}

		ul#tabs li a:hover {
			text-decoration: underline;
		}

		ul#tabs li a.current {
			background:  url('js/css/feature-tab-current.png');
			color: #FFF;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			right: 0;
			width: 845px;
			height: 800px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 810px;
			height: 800px;
			background-color: #fff;
			padding: 10px;
		}
/*
		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #000;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #D33431;
		}
*/