/* LAYOUT */
* {margin:0;padding:0; }
body {color:#333; background:#918779;}
form {margin: 0; padding: 0;}

.floatleft {float: left; }
.floatleftmargin {float: left; margin: 0px 5px 0 0;}
.floatright {float: right;}
.floatrightmargin {float: right; margin: 0 0 0 1em;}
.absolute {position: absolute;}
.icon {vertical-align: middle; padding-left: 2px; padding-right: 5px;}
.iconright {vertical-align: middle; padding-left: 4px;}
.iconleft {vertical-align: middle; padding-right: 4px;}
#moreBox {position: absolute; z-index: 100; width:220px; background:#EE7D0C; padding: 3px; color:#FFFFFF;}
.title {padding-bottom: 10px;}
.listTitle {color: #EE7D0C; font-weight: bold;}
.formBtn {text-align:right;}
.leftFormBtn {text-align:left;}

h2.accordion_toggle {cursor: pointer;display: block;}
.accordion_content {overflow: hidden; width: 455px;}

#helpBox {position: absolute; z-index: 100; background-color:#FFFFFF;}

/* LAYOUT - HEADER */
#header {position: relative; height: 180px; margin-top: 0px; padding: 0; }
	#header #site-logo {position: relative; float: left; margin-top: 60px; margin-left: 100px;}

	/* NAV - top horizontal nav */
	#navHolder {clear: both; text-align: right;}
	#nav {float: right; background: url("/images/template/menu/bg_off.gif"); height: 33px;}
	#nav ul {list-style: none;}
	#nav li {position:relative; float: left; display: block; margin: 0; padding: 5px 10px 0px 10px; height: 28px;}
	#nav .active {background: url("/images/template/menu/bg_on.gif"); }
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {color: #FFFFFF; text-decoration:none;}

	#searchArea {float: right; text-align: right; height: 100px; font-weight: bold;}
	#searchBox {background: url("/images/template/page/searchBox.gif"); width: 172px; height: 37px; padding: 3px 0px 0px 10px; text-align: left;}
	#searchArea a, #searchArea a:link, #searchArea a:visited, #searchArea a:hover, #searchArea a:active {color: #9F988B}

	/* hide from IE mac \*/
	#nav li {width:auto}
	/* end hiding from IE5 mac */
	
/* SECONDARY NAVIGATION - vertical navigation */
	#nav-featurebox {padding: 0;}
	#nav-secondary ul {list-style: url(/images/icons/go.gif) square; vertical-align: middle;}
	#nav-secondary li {margin: 0 0 0 20px; padding: 0px;}
	#nav-secondary .active {font-weight: bold;}

/* LAYOUT - main body of page */
#background {background: url("/images/template/page/bg.jpg") no-repeat top center; margin-left: auto; margin-right: auto; height: 900px;}
#wrap {width:980px; margin: 0 auto;position:relative;}
#content-wrap {position:relative; padding-left: 30px;}
	#utility {position: relative; float: left; width:239px;}
	#sidebar {position:relative; float: right; width: 229px;}

.content-small {float: left; width: 472px;}
.content-medium {margin: 0 0 0 239px;}
.content-large {margin-left: 70px;}
#content {padding:0;}
	#content .breadcrumb {position: relative; padding:2px; font-weight:normal;}
	#content .breadcrumb ul {	position: relative; margin: 0;	padding: 0;	display: inline;	border: none;} 
	#content .breadcrumb ul li {	position: relative; margin: 0;	padding: 0;	border: none;	list-style: none; display: inline;}
	#content .breadcrumb a:link, #content .breadcrumb a:visited, #content .breadcrumb a:hover, #content .breadcrumb a:active  {position: relative; text-decoration:none;}

	/* IMAGES */
	.contentImg {border: 1px solid #9F988B; margin: 2px 8px;}
	.framedImg {border: 1px solid #9F988B; }
	.homeThumbnail {padding: 0; position:relative; float:right;}
	.homeThumbnail img {border: 1px solid #9F988B; margin: 5px 0 0 5px;}

	.featureHeading { font-size: 130%; min-height: 26px; font-weight: normal;	text-decoration: none;	padding: 2px 2px 2px 5px;	margin-bottom: 2px;border: 1px solid #9F988B;}
	.featureSubHeading {font-weight: bold; font-size: 1.3em;}

	.featurebox {padding: 10px; border: 1px solid #9F988B; margin: 0 0 1em;}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;color:#9F988B}
	.featurebox p {border:none;margin: 0 0 1em;}
	.featurebox a {font-weight:normal}

	.accountMenu { font-size: 16px; }

/* LIST */
	.list {width: 100%; padding-bottom: 15px;border-bottom: 1px solid #EE7D0C;}
	.listLink {font-weight: bold;}
	.listData {float: right; padding: 3px;}

/* RELATED */
	.related {position: relative;}
	.related h1, .related h2, .related h3, .related h4, .related h5, .related h6 { font-size: 1.2em; padding: 5px 0; margin:0;}

	.related p {}
	.related p.first {border-top:1px none #f00; }
	.related p.last {border-bottom: 1px none #9F988B; }

	.related a {font-weight:normal; text-decoration: none; padding-bottom: 3px;}
	.related .more {font-weight:bold; padding: 3px 3px 0 0; }

	.fileInfo {padding:2px; margin-top: 10px;}
	.linkIcon img {position: relative; margin-right: 5px;}
	.linkLabel {font-size: 1.2em}
	.rssIcon {width: 18px; height: 18px; vertical-align:middle;}

	.featureMoreLinks {position: absolute; bottom: 8px; right:8px;}
	.portal3 {position: absolute; margin-top: 0px; width:214px; }

/* CARDS */
.tornCard {float: left; background: url("/images/template/boxes/tornCard-trans.png") no-repeat; width: 224px; height: 250px; padding: 20px 0 0 3px;}
.tornCard p {padding: 0px; margin: 10px; font-size: 1em}
.tornCard .formBtn {margin-right: 10px;}
.roundCardHolder {float: left;}
.roundCard {width: 200px; background: url(/images/template/boxes/roundCardBg-trans.png); padding: 5px 14px 0px 14px; }
.roundCardOrangeHolder {float: left;}
.roundCardOrange {width: 200px; background: url(/images/template/boxes/roundCardBg-trans.png); padding: 5px 14px 0px 14px; }
.roundCardSmlHolder {float: left;}
.roundCardSml {width: 120px; background: url(/images/template/boxes/roundCardSmlBg-trans.png); padding: 5px 14px 0px 14px; }

.subBoxHolder {margin-bottom: 5px;}
.subBox {width: 175px; background: url(/images/template/boxes/subBoxBg.gif); padding: 0 10px 10px 15px;}
.subBox li {margin-left: 20px; padding: 0px 0px 0px 0px;}

.imageLink a img, .imageLink a {border: none; overflow:hidden; float:left; }
.imageLink a:hover {border: 5px solid #EE7D0C; }
.imageLink a:hover img {margin: -5px; }

#cards dl { background: url("/images/template/cards/cardBot.gif") bottom left no-repeat; width: 165px; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px;}
	.cards div { padding: 0px 10px 0px 0px; margin: 0px 0px 0px 0px; }
	.cards dt { background: url("/images/template/cards/cardTop.gif") top left no-repeat; font-weight: bold;padding: 5px 0px 5px 8px; margin: 0px 0px 0px 0px; }
	.cards dd { padding: 0px 18px 0px 8px; margin: 0px 0px 0px 0px; background: url("/images/template/cards/cardMid.gif") top left repeat-y; }


	#gallery{padding: 10px 0px; width:420px;}
	#gallery, #gallery li{list-style:none;padding:0;}
	#gallery li {margin:0 10px; float:left;display:inline;width:120px; text-align:center;}
	#gallery img {display:block;border:1px solid #007198;margin:0}
	#gallery a {display:block; padding: 4px 0; text-decoration: none}

	#gallery .icon {border: 1px none #ff0000; padding-bottom: 5px;}

	/* TABLES */
	table {border-collapse:collapse; width:99%; background: #FFFFFF;}
		table td {}
		table th {text-align:left;}
		table thead th {color:#EE7D0C; font-weight: bold; padding: 6px; font: 1em;}
		table tbody th {color:#013179;font-weight: bold;background-color: #DAE7FA; padding: 6px}
		table tbody th.sub {color:#9F988B;background: #efefef url("/images/sprites.gif") repeat-x 0 -1500px;padding: 6px}

	/* TABLES - calendar */
	.calendar {width:200px;}
		.calendar td {text-align:center;border: 1px solid #ddd}
		.calendar th {text-align:center}
		.calendar thead th {padding: 3px 2px}
		.calendar tbody th {padding: 2px}
		.calendar tbody th.sub {padding: 2px}
		
	/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
		a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("/images/sprites.gif") no-repeat 5px -500px;padding-left:21px}
		a.morelink:hover {background: transparent url("/images/sprites.gif") 5px -400px}
		.morelink span {position:absolute;left:-9999px;width:900px}

	/* 'ENLARGE IMG' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
		a.enlargeImg:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("/images/sprites.gif") no-repeat 0px -2015px;padding-left:21px;}
			.enlargeImg span {position:absolute;left:-9999px;width:900px}

	/* QUOTE */
	.quote {width: 215px;}
	.quoteStart {background: url(/images/template/quote_top.gif) no-repeat; color: #fff; padding: 40px 25px 1px 35px; margin-bottom: 0;}
	.quoteStart p {font: bold .9em arial;}
	.quoteEnd {background: url(/images/template/quote_bottom.gif) no-repeat left bottom; height: 51px;}

/* LAYOUT - FOOTER */
#footer {clear:both; background: url("/images/template/page/footer-trans.png") no-repeat center top; height: 141px; color: #EE7D0C; padding: 21px 20px 0 130px;}
/*	#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {color: #2B2824;}*/
	#copyright {float: left; margin-left: 105px;}
/*	#footerNav {float: right; margin-right: 30px;}*/
	#footerNav {margin-top: 2px;}
	#footerNav li {display: inline;	border-left: 1px solid #EE7D0C; padding: 0 5px 0 7px; margin: 0; font: 1em 'arial'; background: none;}
	#footerEnd {text-align: center; }
	#footerEnd a:link, #footerEnd a:visited, #footerEnd a:hover, #footerEnd a:active {color: #333;}
	#rssFeed {float: left;}

/* CART */
	.cart {	padding: 2px 4px 2px 2px;	border-bottom: 1px solid #CDD5D2;	width:100%;}
	.cartLabel {	width: 127px;	text-align: right;	padding-right: 20px;	border: 1px none #9F988B;	}
	.cartTotal {	float: right;	text-align: left;	border: 1px none #9F988B;	}

/* SITE MAP */
	ul.sitemap { padding: 2px; font-size: 12px; list-style: url(/images/template/bullet.gif) square; margin-left: 10px;}
	ul.sitemap li { padding: 2px; margin-left: 20px; }
	ul.sitemap2 { margin-left: 10px;font-size: 12px; }


/* NEXT PREVIOUS BTN*/
	#content .nextPrevAZ {color:#003279; border: 1px solid #fff;}
	#content .nextPrevAZ p {position:relative;}
	#content .nextPrevAZ p a:link, .nextPrevAZ p a:visited, .nextPrevAZ p a:hover, .nextPrevAZ p a:active {font-weight: bold; text-decoration:none; color:#003279; background:#fff url("/images/template/bg_az_content.gif") no-repeat 1px 0; padding:4px 1px 5px 2px; margin: 0;display:block; width: 13px; height: 13px;float: left;text-align: center;} 
	#content .nextPrevAZ p a:hover {background:#fff url("/images/template/bg_az_content_over.gif") no-repeat 1px 0; } 
	#content .nextPrevAZ p span .az {text-decoration:none; background:#fff url("/images/template/bg_az_content.gif") no-repeat 1px 0; color: #DAE2EC; padding:4px 1px 5px 2px; margin: 0; display:block; width: 15px; height: 13px;float: left;text-align: center;} 
	#content .nextPrevAZ * {margin:0} 
	#content .nextPrevAZ h4 {margin-top:-1.45em;padding:0;border:none}

	#content .nextPrev {float: left; width: 429px; height: 27px; text-align: center; background: url('/images/template/page/nextPrevBg.gif'); margin-bottom: 10px; padding-top: 8px;}
	#content .nextPrev .smallBtnSelected {background: url('/images/template/page/nextPrevBtnOn.gif') no-repeat center; padding: 5px; color: #FFF;}
	#content .nextPrev .smallBtn {background: url('/images/template/page/nextPrevBtnOff.gif') no-repeat center; padding: 5px;}
	#content .nextPrev a:link, #content .nextPrev a:visited {text-decoration: none;}  
	/*
	
	#content .nextPrev span,
	#content .nextPrev a:link,
	#content .nextPrev a:visited {font-size:1em;text-decoration:none;padding: 2px 5px;margin:0;border: 1px solid #9F988B; position: relative;}  
	#content .nextPrev a:hover {font-size:1em;text-decoration:none;padding: 2px 5px;margin:0;border: 1px solid #9F988B; background: #f00; position: relative;}  
	#content .nextPrev p .az {font-size:1em;text-decoration:none;background:#fff;padding: 2px 5px;margin:0;border: 1px solid #9F988B;background: #D4E3F8 url("/images/featurebox_bg.gif") repeat-x 100% 100%; color:#CCCCCC; position: relative;}
*/
/* BESPOKE BITS */

#formHelp {position: absolute; width: 174px; right: 70px; margin-top: -20px;}
#avatar {background: url(/images/template/boxes/avatar-trans.png); width: 211px; height: 238px; margin-bottom: 5px; padding: 20px 0px 0px 16px;}
#avatar .formBtn {text-align: center; margin-top: 10px; padding-right: 15px;}
#film {margin-bottom: 5px;}
.pollHolder {float: left;}
.poll {width: 200px; height: 230px; overflow:hidden; background: url(/images/template/boxes/roundCardBg-trans.png); padding: 5px 14px 0px 14px; font-weight: bold; margin: 0px;}
.pollBar {float: left; background: url(/images/template/page/pollBarBg.gif) #EE7D0C; height: 80px; margin-right: 1px;}
.pollLegend {float: left; margin-right: 1px; text-align: center;}

#hometext {background: url(/images/template/home-trans.png); width: 216px; height: 205px; padding: 55px 15px 0 240px;  }
#hometext p {font: 1.2em arial; margin: 0px; padding: 0px;}
.largeTorn {background: url(/images/template/boxes/largeTornBg-trans.png); width: 451px; padding: 0 10px;}
.largeTorn p {font: 1.2em arial;}
.largeOrangeHeader {background: url(/images/template/boxes/orangeHeaderBg-trans.png); width: 451px; height: 20px; padding: 10px 10px 0 10px; color: #FFFFFF; font-weight: bold;}
.largeRound {background: url(/images/template/boxes/largeRoundBg.gif); width: 451px; padding: 10px 10px 0 10px;}
.fullTorn {background: url(/images/template/boxes/fullTornBg-trans.png); width: 666px; padding: 0 10px 0 10px;}

.smlOrangeHeader {background: url(/images/template/boxes/smlOrangeHeaderBg-trans.png); width: 425px; height: 20px; padding: 10px 20px 0 10px; color: #FFFFFF; font-weight: bold;}
.smlRound {background: url(/images/template/boxes/smlRoundBg.gif); width: 440px; padding: 10px 10px 0 10px;}

.highlighted {font-weight: bold;}
.ethnicity {margin: 3px 5px 8px 10px;}