/* Universal Reset */
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

/* XHTML  Elements */
html{
	background: url(../images/i_body-gradient.jpg) repeat-x top left;
}
body{
	font: 76%/160% Geneva, Arial, Helvetica, sans-serif;
	background: #f4f5e6 url(../images/i_body-dropshadow.png) repeat-y top;
	text-align: center;
	color: #2f1e11;
}

ul, p, dl, table, blockquote{
	margin: 0 0 1em 0;
}
ul, li{
	margin-left: 1em;
}
a{
	color: #7e773a;
	text-decoration: underline;
}
a:hover{
	color: #2f1e11;
}
img{
	border: none;
}
blockquote{
	margin: 0 0 0 2em;
	color: #6e6259; 
}
fieldset{
	border: 0;
}
h2{
	font: 280% "Euphemia UCAS", Geneva, Helvetica, Arial, Sans-serif;
	color: #afa550;
	font-weight: 400;
	line-height: 120%;
	margin-top: 10px;
}
h3{
	font: 130% "Euphemia UCAS", Geneva, Helvetica, Arial, Sans-serif;
	font-weight: 400;
	line-height: 180%;
}
dt{
	font-weight: 600;
}
/* Layout */
#wrap{
	width: 770px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}

/* Header section */
#header{
	 background: #afa550 url(../images/i_header-logo.png);
	/* background: #c4b47a url(../images/i_header-logo.png); */
}
#header h1{
	text-indent: -999999px;
	overflow: hidden;
	line-height: 120px;
}
#header h1 a{
	text-decoration: none;
	display: block;
	height: 120px;
}
body.home #subheader{
	height: 140px;
	background: #6a5f4c url(../images/i_banner-home2.jpg) left no-repeat;
} 
#subheader{
	height: 40px;
	background: #6a5f4c url(../images/i_banner-home.jpg) no-repeat 0px -65px;
	
}

/* Main navigation */
#primarynav{
	background: #e7e3c1;
	height: 40px;
}
#primarynav ul{
	margin: 0;
	padding: 0;
}
#primarynav ul li{
	text-align: center;
	width: 118px;
	float: left;
	line-height: 40px;
	list-style-type: none;
	margin: 0;
}
#primarynav ul li a{
	display: block;
	height: 40px;
	color: #2f1e11;
	text-decoration: none;
	padding: 0;
	border-right: 1px solid #cfccaf;
}
#primarynav ul li a:hover, #primarynav ul li a.active{
	background: #cfccaf;
}

/* Search */

#search label{
	line-height: 40px;
	padding: 10px;
}
#search input{
	width: 100px;
	border: 1px solid #cfccaf;
}

/* Secondary Navigation */
#secondarynav{
	width: 200px;
	float: left;
}
#secondarynav ul{
	margin: 20px 0;
}
#secondarynav ul ul{
	margin: 0;
	font-size: 80%;
}
#secondarynav li{
	list-style-type: none;
	line-height: 250%;
	margin: 0;
}
#secondarynav li li a{
	padding: 0 0 0 20px;
}
#secondarynav li a{
	display: block;
	text-decoration: none;
	color: #2f1e11;
	padding: 0 10px;
	background: url(../images/i_secondarynav-gradient.jpg) bottom left no-repeat;
}
#secondarynav li a:hover, #secondarynav li a.active{
	background-repeat: repeat-y;
}

/* Content area */
#content{
	float: left;
	width: 770px;
	background: #fff url(../images/i_secondarynav-bg.png) repeat-y left;
}
.home #content{
	background: #fff url(../images/i_secondary-bg.png) repeat-y left;
}

#primarycontent{
	width: 540px;
	float: right;
	margin: 0 10px 0 20px;
}
.home #primarycontent{
	width: 355px;
	float: left;
	margin: 0 10px;
}
/* original css 
.directory #primarycontent{
	width: 295px;
	float: left;
}
.directory-listing #primarycontent{
	float: right;
	width: 335px;
	margin: 0 10px 0 0;
}
*/

/* added to move directory primarycontent to the left */
.directory #primarycontent{
	width: 295px;
	float: left;
}
.directory-listing #primarycontent{
	float: left;
	width: 335px;
	margin: 0 10px 0 20px;
}

#secondarycontent h2{
	font-size: 200%;
	color: #2f1e11;
	background: #f3f2e1;
	line-height: 78px;
	margin: 0 -10px 10px -10px;
	margin-left: -10px;
	margin-right: -10px;
	text-indent: 10px;
}
.home #secondarycontent{
	width: 355px;
	float: right;
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
}


.home #secondarycontent div{
	width: 167px;
	float: left;
	margin-right: 10px;
}
.home #secondarycontent div div{
	margin: 0;
	width: auto;
}
.home #secondarycontent #weather div{
	background: #e7e3c1 url(../images/i_weathermodule-b.png) bottom left no-repeat;
	width: 167px;
}
.home #secondarycontent #weather ul{
	margin: 0;
	padding: 0;
	padding: 20px 5px;
	background: url(../images/i_weathermodule-t.png) top left no-repeat;
	width: 100%;
	float: left;
}

.home #secondarycontent #weather li{
	width: 70px;
	text-align: center;
	display: block;
	float: left;
	list-style: none;
	margin: 0;
}

/* original css
.directory #secondarycontent{
	width:  235px;
	float: right;
	margin: 50px 0 0 10px;
}
.directory-listing #secondarycontent{
	float: left;
	width: 185px;
	margin: 25px 0 0 10px;
}
.directory-listing #secondarycontent li{
	margin: 0;
}
.directory-listing #secondarycontent li{
	list-style-type: none;
	margin: 0 0 .9em 0;
	padding: 0;
}
*/

/* added to move directory secondarycontent to the right */
.directory #secondarycontent{
	width:  235px;
	float: left;
	margin: 50px 0 0 10px;
}
.directory-listing #secondarycontent{
	float: right;
	width: 185px;
	margin: 25px 0 0 10px;
}
.directory #secondarycontent h3 {color: #afa550;}

.directory-listing #secondarycontent li{
	margin: 0;
}
.directory-listing #secondarycontent li{
	list-style-type: none;
	margin: 0 0 .9em 0;
	padding: 0;
}

/* Footer */
#footer{
	float: none;
	width: 770px;
	clear: both;
	background: #e7e3c1;
	height: 70px
}
#footer p{
	line-height: 70px;
	margin: 0 10px
}

/* Classes */
.block{
	display: block;
	clear: both;
	width: 100%;
	float: left;
	margin: 10px 0;
}
p.first{
	font-size: 110%;
}
img.thumb_s{
	width: 60px;
	height: 60px;
	float: right;
	margin: 0 0 5px 5px;
}
img.thumb_m{
	width: 87px;
	height: 87px;
	float: left;
	margin: 10px 20px 10px 10px;
}
#primarycontent .shadow{
	background: url(../images/i_dropshadow-ffffff.png) bottom right no-repeat;
	padding: 5px;
	float: left;
	margin: 10px;
}
#primarycontent .shadow img{
	margin: -10px 0 0 -10px;
}
#secondarycontent .shadow{
	background: url(../images/i_dropshadow-f9f8f0.png) bottom right no-repeat;
	float: right;
	padding: 3px;
}
#secondarycontent .shadow img.thumb_s{
	float: right;
	margin: -8px 0 0 -8px;
}
p.category-nav{
	text-align: center;
	margin: 1em 0 .5em 0 ;
	color: #ccc;
}
p.category-nav a{
	margin: 0 .5em;
	text-decoration: none;
}

/* IE Specific Rules */

*html #search{
	height: 40px;
	padding: 13px 0 0 5px;
}

*html #primarycontent{
	width: 520px;
}
* html #secondarynav li{
	height: 3em;
	line-height: 3em;
}

*html .home #secondarycontent{
	width: 375px;
	margin: 0;
}
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash #primarycontent h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 44px;
	
}


/* TEC additions */
/* original css 
.ident {float: right; width: 60px; margin-top: 1em; margin-right: 1em;}
.ident img {width: 60px;} */

/* This is for the directory icon put back in by dom 9.5.06 */
.ident {float: right; width: 60px; margin-top: 1em; margin-right: 1em;}
div.ident + h2 { margin-right: 120px;}

/* original css
.sIFR-hasFlash #primarycontent h2 {margin-right: 70px;}
*/