/* Global
============================================
==========================================*/

* {margin:0;padding:0}
body {
	background: #fff;
	color: #333;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: arial,tahoma,verdana,sans-serif;
	line-height: 1.5em;
	}	
/* Links */
a,a:link,a:link,a:link,a:hover {
	background: transparent;
	text-decoration: underline;
	cursor: pointer
	} 
a:link, a:visited {color:#999} 
a:hover,a:active {color:#666} 

/* Typography */
p, ul, ol {margin: 0 0 1.5em}
h1, h2, h3, h4, h5, h6 {
	font-family: "Hoefler Text", Baskerville, "Big Caslon", "Adobe Garamond Pro", Georgia, Palatino, "Times New Roman", serif;
	margin: 1.2em 0 .3em;
	color:#f00;
	border-bottom: 1px solid #eee;
	padding-bottom: .1em
	}
h1 { font-size: 1.8em; margin-top:.6em;letter-spacing: -1px;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1em;}
h5 {font-size: 1em;}
h6 {font-size: 1em;}

/* Lists */
ul {
	margin: .3em 0 1.5em 0;
	list-style-type:none
	}
ol { margin: .5em .5em 1.5em}
li { line-height: 1.4em; margin-left: 1.4em; list-style: disc; }
ol li { margin-left: 1.4em;background: none; list-style-type: decimal}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

/* GENERAL */
img {border:none} 
hr {margin: .5em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

label {display: block; margin-top: 1em;}

form dt {
   clear:both;
   width:33%;
   float:left;
   text-align:right;
	}

form dd {
   float:left;
   width:66%;
   margin:0 0 0.5em 0.25em;
	}
.right { float: right; }
.left { float: left; }

/* Primary Containers
============================================
==========================================*/

#wrap {
	margin: 0 auto;
	position:relative;
	min-width: 760px;
	}

#header {
	height: 98px;
	background: url(../images/logo.jpg) top right no-repeat #fff;
	}

#banner {
	background: url(../images/header1.jpg) bottom left no-repeat #feff01;
	height: 98px;
	border: 2px solid #f00;
	border-left: none;
	border-right: none;
	}

	/* NAV - top horizontal nav */
#nav {
	margin: 0;
	padding: 0 0 0 10px;
	float: left;
	display: block;
	margin-top: 78px;
	font-size: 1.2em;
}

#nav li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#nav a:link, #nav a:visited {
	float: left;
	line-height: 14px;
	font-weight: bold;
	padding: 0 12px 6px 12px;
	text-decoration: none;
	color: #666;
}

#nav li.active a:link, #nav li.active a:visited, #nav a:hover {
        color: #f00;
        background: url(../images/pyramid.gif) no-repeat bottom center;
}

#content-wrap {
	background: url(../images/shadow.gif) top repeat-x #fff;
	position:relative; width:100%; 
	}
#content-wrap{
	font-size: 1.2em;
}

	#content {margin: 0 210px 0 210px; padding: 10px 20px 40px; background: url(../images/contop.jpg) -210px top no-repeat; }
	#sidebar {
	position:absolute;
	top:1px;
	left:0px;
	width:176px;
	border-right: 1px solid #f00;
	height: 444px;
	padding: 15px
}
	#extrabar {position:absolute;top:0;right:0;width:180px; border-left: 1px solid #f00; height: 1000px; padding: 15px}
	
/* SECONDARY NAVIGATION - vertical navigation */
	#nav-secondary, #nav-secondary ul { position:static; width: 180px}
	#nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0;background:#fff}
	#nav-secondary a {line-height:1.8;padding: 3px 0 0 23px;margin-top: 5px;background: #fff url(../images/sidebar.gif) no-repeat 0px -32px; display:block}
	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer} 
	#nav-secondary a:link {color:#919191} 
	#nav-secondary a:visited {color:#919191} 
	#nav-secondary a:hover {color:#f00; background: url(../images/sidebar.gif) no-repeat 0px 9px} 
	#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#f00}
	#nav-secondary li.active a:link, #nav-secondary li.active a:visited {
	background: url(../images/sidebar.gif) no-repeat 0px 10px;
	}	
	#nav-secondary li { border-bottom: 1px solid #f2f2f2}

/* SECONDARY NAVIGATION - 2nd TIER */
	#nav-secondary ul {margin: 0;padding:0; width: 160px; padding-left:20px; padding-bottom: 5px;} #nav-secondary ul .short { width: 140px; }
	#nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {
	line-height:1;background: url("/images/sprites.gif") no-repeat 0 -798px; height: 1em;
	padding-left:20px;font-weight:normal;width:auto;color:#000;display:block}
	#nav-secondary li.active li a:hover, #nav-secondary li.active li a:active {color: #c00}
	#nav-secondary li.active li {border: none;margin:0}
	#nav-secondary li.active li.active a:link, 
	#nav-secondary li.active li.active a:visited, 
	#nav-secondary li.active li.active a:hover, 
	#nav-secondary li.active li.active a:active {font-weight:bold; }
	ul.contact li { list-style-type:none }
#content p { letter-spacing:0.02em; line-height: 1.5em; }
#breadcrumb {padding-bottom:1em; font-size: .8em;}
p#breadcrumb strong { color: #666;}
#extrabar a:link, #extrabar a:visited { color: #f00; }
#extrabar a:hover, #extrabar a:active { color:#c00; }

label em {
position: absolute;
left: 38em;
top: 0;
width: 20em;
float: left;
text-align:left;
font-style: normal;
margin: 0.25em 0;
}
			
/* >>>>> Page Styles <<<<< */


/* Set up the basic layout and remove unsemantic br tags. */

/* wrap each fieldset of a form in a div class="boxwrap" to apply styles */


fieldset {
border: none;
padding: 0.5em 0.5em 0.5em 1.5em;
margin: 0;
}

form div {
position: relative;
width: 60em;
margin: 0.5em 0 0.5em 0;
}

/* this ensures that all div class="container" blocks are cleared properly and not overlapping */
div.container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html div.container {height: 1%;}
/* End hide from IE-mac */


legend {
font-weight : normal;
margin : 0;
padding : 0.5em;
font-size: 100%;
text-transform: uppercase;
letter-spacing: 0.05em;
}

label, span.label {
float: left;
font-size: 85%;
width: 15em;
text-align: right;
vertical-align: middle;
margin: 0.25em 0.5em 0.25em 0;
}



fieldset div input {
	width: 15em; /* Width for modern browsers */
	border : 3px double #aaa;
	vertical-align: middle;
	padding: 0.1em;
	}
	
fieldset div input.radio {
	width: 1.125em; /* Width for modern browsers */
	height: 1.125em;
	padding : 1px;
	border: none;
}

fieldset div input.checkbox {
width: auto;
border: none;
}

fieldset hr {
background-color: #efefef;
color: #efefef;
width: 80%;
height: 1px;
border: 1px solid #efefef;
}

fieldset div.container {
margin: 0.25em 0;

}


fieldset div.container label {
display: block;
float: left;
width: 40em;
margin-left: 0.5em;
}


fieldset div select {
	font-family : Arial,Verdana,sans-serif;
	font-size : 100%;
	width: 140px; /* Width for modern browsers */
	border : 1px solid #900;
	height: auto;
	padding : 1px;
	}
						
	

input.button {
display: block;
float: left;
border: 1px groove #000;
margin: 0.5em;
text-align: center;
vertical-align: middle;
}

input.button {
width: 5em;
}

input.radio, input.checkbox {
height: 1em;
width: 1em;
}