/*
Title:      Master styles for screen media
Author:     Paul Sivers, Keywave [http://www.keywave.com]
Created:	25/06/09
Updated:    25/06/09
*/
@font-face { font-family: "Rotis"; src: url("/fonts/lt.ttf") format("truetype"); }


html { margin:0; padding:0; width:100% }
body { margin: 0; padding: 0 0 30px 0; border: 0; font: 12px arial, verdana, tahoma, arial, Trebuchet, "Trebuchet MS", sans-serif; text-align: center; min-width: 920px; color: #666; background: #ccd2d6; }

/* ---[ links ]------------------------------- */

a:link { color: #860038; }
a:visited { color: #860038; }
a:hover { color: #333; }
a.pagelink { font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; }

/* ---[ common elements ]--------------------- */

p { margin: 0; padding: 0 0 8px 0; }
h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; font-weight: normal; color: #75263b; margin: 0 0 8px 0; padding: 0; }
h2 { font-size: 16px; font-weight: normal; color: #404041; margin: 0 0 10px 0; padding: 0;}
h2 a { text-decoration: none; }
h3, h4, h5 { font-size: 12px; font-weight: bold; padding: 0; margin: 0 0 10px 0; }
abbr, acronym, .popup { font-style: normal; border-bottom: 1px dotted; }
em { font-style: italic; }
strong { font-weight: bold; }
strike { text-decoration: line-through; }
form { display: inline; position: relative; margin: 0; padding: 0; }
.smaller { font-size: 11px; }
.topright { float: right; text-align: right; vertical-align: bottom; padding: 4px 0 10px 10px; }
.toprightwithborder { float: right; text-align: right; margin: 0 0 10px 10px; border: 1px solid #336;}
.withborder { border: 1px solid #0c2b73;}


/* ---[ layout ]------------------------------- */

#outer { z-index: 10; position: relative; height: 100%; min-height: 100%; width: 900px; margin: 0 auto; padding: 0 10px 0 10px; text-align: left; background: #fff url(/images/footercurve.gif) no-repeat bottom center; }
#header { position: relative; width: 900px; margin: 0; overflow:visible;}
#headersearch { position:absolute; right: 15px; top:40px; margin: 0; padding: 0; text-align:right;}
#logo { padding: 0; padding: 30px 0 20px 15px; }
#cmslink { position: absolute; right: 15px; top:10px; margin: 0; padding: 0; text-align:right;  }
#wrapper { clear:left; }
#top { position:relative; overflow:hidden; }
#topcontent { margin: 0 0 0 178px; width: 653px; overflow:auto; }
#sectionheader { background: #404041 url(/images/sectiontitlebg_home.gif) no-repeat bottom left; } 
#sectiontitle { background: transparent; float:left; padding: 20px 10px 0 18px; width: 258px; }
#sectiontitle h1 { width: 250px; border-bottom: 1px dotted #fff; }
#sectiontitle p { color: #fff; }
#sectiontitle h1 img { padding: 12px 0 8px 0; }
#pageimage { position: relative; margin: 0 0 0 286px; text-align:left; }
#pagestrapline { position: absolute; right:0; bottom: 10px; }
#pageheader { clear:left; position:relative; background: transparent url(/images/pagebg_sectionbottom.png) repeat-y; padding: 0; height: 228px; overflow: hidden; }
#pageheadershort { clear:left; position:relative; background: transparent url(/images/pagebg_sectionbottom.png) repeat-y; padding: 0; overflow:auto; }
#pageheadercontent { padding: 10px 15px 0 15px; clear:left; }
#pageheadercontent div { width:180px; float:left; padding:0px 30px 0px 0px; }
#pageheadercontent p { /*width: 390px; font-size:11px;*/ font-size:12px; }
#pageheaderfoliage { position:absolute; bottom:0; right:0; }
#bottom { background: url(/images/pagebg_bottom.png) repeat-y; overflow:auto; }
#bottomleft { float:left; width: 178px; }
#bottomright, #bottomright2 { position:relative; margin: 0 0 0 178px; width: 722px; overflow:hidden; }
#bottomright3 { position:relative; margin: 0 0 0 178px; width: 653px; overflow:hidden; background: #fff; min-height: 300px; }
#carousel { padding: 10px 0 10px 0; background: url(/images/carouselbg.png) no-repeat top left ; overflow:auto; }
#feature { height: 368px ; background: #d1d2d4 url(/images/whitefoliage.png) no-repeat bottom right; margin: 4px 0 0 4px; }
#featureimage { float:left; width: 270px; }
#featurecontent { margin: 0 0 0 270px; padding: 15px; }
#featurecopy { float:left; width: 240px; color:#404041; }
#featurelinks { margin: 0 0 0 260px; }
#featureheader { border-bottom: 1px dotted #999; margin: 0 0 15px 0; padding: 0 0 8px 0; } 
#featureheader h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 21px; font-weight: normal; color: #404041; margin: 0 0 2px 0; padding: 0; } 
#featureheader h2.heading2 { color: #108e9f; }
#featureheader h2.heading3 { color: #fff; }
#articlecontent { padding: 10px 85px 20px 15px; }
#article { margin: 15px 85px 20px 15px; }
#article h1 { color: #333; margin: 0 0 4px 0; }
#article h1.articleheading2 { color: #860038; }
#article h1.articleheading3 { color: #fff; }
#articleheader { padding: 0 0 10px 0; margin: 0 0 20px 0; border-bottom: 1px dotted #999; }
#articleimages { float:right; text-align:right; padding: 0 0 10px 30px; }
.articleimage { margin: 0 0 15px 0; }
#articlelinks { margin: 20px 0 10px 0; }
div.articleimagecaption { width: 238px; font-size:11px; margin: -10px 0 5px 0; }
#listing { margin: 0 0 0 4px; width: 645px; padding: 1px 4px 0 0; background: #fff; }
#listing div.listitem { clear:left; position:relative; margin: 4px 0 0 0; overflow:hidden; background: #e7e7e8; }
#listing div.altrow { background: #f5f5f5; }
#listing div.listitem img { float:left; width: 238px; height: 141px; background: #dedede; }
#listing div.listitem img.height200 { float:left; width: 238px; height: 200px; background: #dedede; }
#listing div.listitemlink { position:absolute; bottom:0; left: 238px; margin: 0; background: #ccc ; } 
#listing div.listitemlink a { display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size: 14px; margin: 0 10px 0 0; width:376px; padding:8px 8px 8px 13px; color: #fff; background: url(/images/arrowgrey.png) no-repeat right ; }
#listing div.listitemlink p { font-family:Georgia, "Times New Roman", Times, serif; font-size: 14px; margin: 0 10px 0 0; width:376px; padding:8px 8px 8px 13px; color: #fff; }
#listing div.listitemlink a:hover { color: #fff; background: url(/images/arrowhover.png) no-repeat right ; }
#listing div.listitemheader { margin: 10px 15px 6px 250px; padding: 0 0 5px 0; border-bottom: 1px dotted #999; }
#listing div.listitemheaderlink { margin: 10px 0 10px 0; }
#listing div.listitemsummary { padding: 0 15px 10px 250px; font-size: 11px; }
#listing div.listitemheader h2 { font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 0 0; padding: 0; }
#listing div.listitemheader h3 { font-size: 12px; color: #404041; font-weight: normal; margin: 5px 0 0 0; padding:0}
#narrative { background: #fff; margin: 0 0 0 0; padding: 15px 15px 25px 15px; min-height: 200px; }
#narrative h1 { color: #404041; border-bottom: 1px dotted #999; margin: 0 0 20px 0; padding: 0 0 10px 0; }
#narrative2 { background: #fff; margin: 0 0 0 0; padding: 15px 15px 25px 15px; }
.imagebg220 { background: url(/images/image220bg.png) no-repeat; padding:8px; }
.imagebg300 { background: url(/images/image300bg.png) no-repeat; padding:8px; }

/* navigation */

#nav { padding: 16px 0 0 3px; margin: 0; border: none; background: url(/images/navbg.png) repeat-x; height: 46px; }
#nav ul { padding: 0; margin: 0; list-style: none;}
#nav li { margin: 0; padding: 0 2px 0 0; height: 46px; float: left;}
#nav a { display:block; margin: 0; padding:0; height: 46px;}
#nav a img { width:177px; height: 46px; }
#nav a.navwhatson img { width:178px; height: 46px; }
#nav a.navwhatson { background: url(/images/navwhatson.png) no-repeat; }
#nav a.navwhatson:hover { background: url(/images/navwhatson.png) 0 -46px no-repeat; }
#nav a.navvisit { background: url(/images/navvisit.png) no-repeat; }
#nav a.navvisit:hover { background: url(/images/navvisit.png) 0 -46px no-repeat; }
#nav a.navlive { background: url(/images/navlive.png) no-repeat; }
#nav a.navlive:hover { background: url(/images/navlive.png) 0 -46px no-repeat; }
#nav a.navbusiness { background: url(/images/navbusiness.png) no-repeat; }
#nav a.navbusiness:hover { background: url(/images/navbusiness.png) 0 -46px no-repeat; }
#nav a.navunique { background: url(/images/navunique.png) no-repeat; }
#nav a.navunique:hover { background: url(/images/navunique.png) 0 -46px no-repeat; }

#breadcrumb { padding: 3px 0 3px 0; margin: 0; border: none; background: #fff; overflow:auto; width:100%; }
#breadcrumb ul { padding: 0; margin: 0; list-style: none; text-align:left;}
#breadcrumb li { margin: 0 0 0 0; padding: 0 20px 0 0; height: 25px; float: left;}
#breadcrumb a { display:block;  font-size: 11px; color: #f0f0f0; margin: 0; height: 20px; padding:5px 4px 0 7px; }
#breadcrumb li.bcitem1 { background: #58585a url(/images/bcbghome1.png) no-repeat right ; }
#breadcrumb li.bcitem2 { background: #818285 url(/images/bcbghome2.png) no-repeat right ; }
#breadcrumb li.bcitem3 { background: #cccccc url(/images/bcbghome3.png) no-repeat right ; }
#breadcrumb li.bcitem4 { background: #cccccc url(/images/bcbghome4.png) no-repeat right ; }
#breadcrumb li.bcitem5 { background: url(/images/bcbghome5.png) no-repeat right ; z-index: 10px;}
#breadcrumb li.bcitemlast { background-color: transparent }
#breadcrumb li.bcitem1 a { background: #404041;}
#breadcrumb li.bcitem2 a { background: #58585a;}
#breadcrumb li.bcitem3 a { background: #818285;}
#breadcrumb li.bcitem4 a { background: #cccccc; color:#404041;}
#breadcrumb li.bcitem5 a { background: #cccccc; color:#404041;}

#sidelinks { position:absolute; bottom:0; left:0; }
#sidelinks.sidelinksb { position:relative; }
#sidelinks ul { padding: 0; margin: 0; list-style: none; }
#sidelinks li { margin: 0; padding: 0; width: 178px; }
#sidelinks a { display:block; color: #fff; font-family:Georgia, "Times New Roman", Times, serif; font-size: 14px; margin: 0; padding:8px 0 8px 8px; width: 160px; background: url(/images/arrowgrey.png) no-repeat right ; text-decoration:underline; cursor:pointer;}
#sidelinks a:hover { background: url(/images/arrowhover.png) no-repeat right; } 
#sidelinks .link1 { background-color: #404041; }
#sidelinks .link2 { background-color: #58585a; }
#sidelinks .link3 { background-color: #818285; }
#sidelinks .link4 { background-color: #a5a6a8; }
#sidelinks .link5 { background-color: #bbbbbb; }
#sidelinks2x {height:41px;position:relative;font-size:11px; margin: 0; z-index:1000; background:#fff url(multicolumn/tabRight.gif) no-repeat right top; float:left; padding-right:20px;}
#sidelinks table.ie6 {border-collapse:collapse; margin:0; padding:0;}

/* 
#sidelinks ul li div.quicklinks {position:absolute; z-index:30000; top:0; left:-9999px; width: 600px; height: 99px; padding: 0 28px 0 0; background: transparent url(/images/quicklinksbg_default.png) no-repeat right; overflow:hidden;}
*/
#sidelinks ul li div.quicklinks {
position:absolute; 
z-index:30000; 
top:0; 
left:-9999px; 
width: 600px; 
height: 99px; 
padding: 0px; 
overflow:hidden;
-moz-box-shadow: 3px 3px 6px #111111;
-webkit-box-shadow: 3px 3px 6px #111111;
box-shadow: 3px 3px 6px #111111;
}

/*
#sidelinks ul :hover div.quicklinks {position:absolute; top:0; left:178px; z-index:30000; margin: 0; padding: 0 28px 0 0; }
*/
#sidelinks ul :hover div.quicklinks {
position:absolute;
top:0; 
left:178px; 
z-index:30000; 
margin: 0px; 
padding: 0px; 
}

#sidelinks ul li div.quicklinksinner { height: 89px; padding: 5px 0 5px 0; background: #404041; }
 
#sidelinks ul dl {width:auto; margin:0 0 0 0; padding:0 5px; list-style:none;}
#sidelinks ul dl dt {padding:0; margin:0; line-height:20px; color:#fff; padding:0 10px; font-weight:bold; white-space:nowrap;}
#sidelinks ul dl dd {display:block; padding:0; margin:0;}
#sidelinks ul dd a { width: 160px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; background-image: none; display:block; height: 20px; line-height: 20px; color:#fff; text-align:left; margin: 0; padding:0 10px;font-weight:normal; white-space:nowrap; float:none;}
#sidelinks ul dd a:hover {color:#ccc; background-image: none;}
 
#sidelinks ul table td {vertical-align:top; border-right: 1px dotted #58585a;}
#sidelinks ul table td.rightcell {vertical-align:top; border: none;}

#signposts { margin: 20px 0 20px 9px; border-top: 1px dotted #e0e0e0; padding: 5px 0 0 0; width: 159px; }
#signposts ul { padding: 0; margin: 0; list-style: none;}
#signposts li { margin: 15px 0 0 0; padding: 0 0 15px 0; width: 159px;  border-bottom: 1px dotted #ccc; }
#signposts a { display:block; margin: 0; padding:0; width: 159px; color: #404041; background: url(/images/signpostbg.png) no-repeat 0 42px;}
#signposts a:hover { background: url(/images/arrowhover.png) no-repeat right; }
#signposts h2 { font-size: 12px; margin: 0; padding:5px 5px 5px 8px; width: 140px; color: #404041; background: url(/images/arrowgrey.png) no-repeat right ;}
#signposts img { width: 155px; height: 51px; border: 2px solid #f5f5f5; margin:0; padding:0; }
#signposts div { color: #e0e0e0; font-size: 11px; padding: 10px 5px 0 5px ; }
#signposts a:hover { background: url(/images/signpostbghover.png) no-repeat 0 42px; }

#hplinks { margin: 0 70px 20px 0; padding: 20px 0 0 15px; border-top: 1px dotted #999;}
#hplinks div.hplinkcontent { float:left; margin: 0 10px 10px 0; width: 181px; height: 257px; background: url(/images/hplinksbg.png) no-repeat; padding: 8px; }
#hplinks img { width: 177px; height:75px; border: 2px solid #fff; }
#hplinks a { display:block; color: #860038; margin: 0; padding:3px 5px 0 8px; width: 160px; height: 19px; background: url(/images/arrowvisit.png) no-repeat right ;}
#hplinks a:hover { background: url(/images/arrowhover.png) no-repeat right; }
#hplinks h2 { color: #fff; background: #860038;; height: 27px; margin:0; padding:0; }
#hplinks h2 a { position:relative; color: #fff; font-family: "Rotis", Georgia, "Times New Roman", Times, serif; font-size: 15px; font-weight: normal; text-decoration:underline; display:block; height: 24px; padding: 3px 5px 0 7px; background: url(/images/arrowvisit.png) no-repeat right ; }
#hplinks h2 a:hover { background: url(/images/arrowhover.png) no-repeat right; }
#hplinks div.hplinkcontent div { height: 60px; padding: 10px; }
#hplinks p { font-size:12px; }

/* ---[ footer ]----------------------------------- */

#footer { clear:both; font-size: 11px; margin: 0 0 0 0; padding:20px 10px 15px 10px; color: #999; height:100%; }
#footer a { color: #666; }
#footer a:hover { color: #70bc1f; }
#footercms { font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0 0 0 0; padding: 15px 10px 15px 10px; font-size: 90%; color: #666; background: #fff; border-top: 24px solid #336;}
#footer p { margin: 0; padding: 0; }
#footercms a { padding: 0; color: #888; }
#footercms a:hover { color: #336; }
#footerleft { float:left; text-align:left; padding: 0px 0 0 0;}
#footerright { float:right; text-align:right; padding: 0 5px 0 0; }

/* ---[ forms ]------------------------------------ */

#register { padding: 0; margin: 20px 0 0 0; }
#registerform div { margin-bottom: 5px; }
#register input { width: 180px; }
#register input { width: 173px; }
#register textarea { width: 173px; }
#register input.button { width:60px; cursor: pointer; }
#register label { float: left; width: 100px; }

#votingform {  }
#votingform .input { width: 250px; padding: 4px; background-color: #fff; border: none; border: 1px solid #ddd; }
#votingform .textareawide { width: 400px; padding: 4px; background-color: #fff; border: none; border: 1px solid #ddd; }
#votingform .select { width: 256px; padding: 3px; background-color: #fff; border: none; }
#votingform .checkbox { width: 1.2em; padding: 0 0 0 0; margin: 0 5px 0 5px; border: none; }
#votingform .option2 { padding: 2px 3px 3px 4px; vertical-align:middle; }
#votingform label { float:left; width: 120px; padding: 3px; margin: 1px 10px 0 0; color: #404041; font-weight:normal; }
#votingform .required { color: #860038; padding: 3px; font-size: 12px; }
#votingform .option { background: #dcddde; padding:6px 0 6px 5px; margin: 0 0 5px 0; font-size:11px; }

#entryform { }
#entryform .input { width: 300px; padding: 4px; background-color: #fff; border: none; border: 1px solid #ddd; }
#entryform .textareawide { width: 300px; padding: 4px; background-color: #fff; border: none; border: 1px solid #ddd; }
#entryform .select { width: 256px; padding: 3px; background-color: #fff; border: none; }
#entryform .checkbox { width: 1.2em; padding: 0 0 0 0; margin: 0 5px 0 5px; border: none; }
#entryform .option2 { padding: 2px 3px 3px 4px; vertical-align:middle; }
#entryform label { float:left; width: 160px; padding: 3px; margin: 1px 10px 0 0; color: #404041; font-weight:normal; }
#entryform .labelsubtext { color: #404041; font-size:11px; }
#entryform .required { color: #860038; padding: 3px; font-size: 12px; }
#entryform label.required { float:left; color: #860038; padding: 3px; }
#entryform .option { background: #dcddde; padding:6px 0 6px 5px; margin: 0 0 5px 0; font-size:11px; }
#entryform h2 { font-size: 12px; font-weight: bold; padding: 0; margin: 20px 0 10px 0; color: #404041; }
#entryform th { font-size: 12px; font-weight: bold; color: #06476e; }

#headersearch input.button { width: 22px; height: 20px; background: #fff url(/images/searchbutton.gif) no-repeat ; border:none; margin-left: 5px; padding: 0; cursor: pointer; }

/* ---[ photos ]------------------------------------------ */

.sideimage { border: 1px solid #ccc; padding: 7px; }
.sideimage img { border: 1px solid #306; }

/* message */

.message { color: #c00; }
.message h3 { color: #c00; }

/* ---[ misc. ]---------------------------------------- */

.clearer { clear: both; height:1px; overflow:hidden; margin-bottom:-1px; }
hr { border: 0; color: #ccc; background-color: #ccc; height: 1px; }
.center { text-align: center; }
a img { border: none; }
.hide { display: none; }

.showit { display: block; visibility: visible; }
.hideit { display: none; visibility: hidden; }

#frmsubject21 { visibility:hidden; display:none; }

/* social network links --------------------------------------*/

#social {position:fixed;left:-160px;top:98px;width: 800px;margin: 0 auto;}	
#nav-shadow {width: 497px;min-height: 130px;text-align: center;list-style: none;}
#nav-shadow li {margin-right: 30px;width: 170px;height: 120px;position: relative;}
#nav-shadow a, #nav-shadow a:visited, #nav-shadow a, #nav-shadow a:hover {margin: 0 auto;width: 150px;height: 109px;text-indent: -9999px;overflow: hidden;display: block;position: relative;z-index: 2;}
#nav-shadow li.button-color-1 a {background: url(/images/facebook.png) no-repeat;z-index:9999;}
#nav-shadow li.button-color-2 a {background: url(/images/twitter.png) no-repeat;z-index:9999;}
#nav-shadow li img.shadow {margin: 0 auto;position: absolute;bottom: 0;left: 0;z-index: 1;}

#share-buttons {
	width:380px;
	height:26px;
	position:absolute;
	top:13px;
	right:7px;
}
#share-buttons a {
	display:block;
	width:186px;
	height:26px;
}
#share-buttons a img {
	border:0;
}
#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p {
	font-size:10px;
}
#twtr-widget-1 {
	margin:20px 0 20px 9px; 
}
#twtr-widget-1 .twtr-ft span {
	float:left;
	text-align:left;
	display:block;
	padding:4px 0 0 0;
	font-size:11px;
}
#twtr-widget-1 .twtr-doc, #twtr-widget-1 .twtr-hd a, #twtr-widget-1 h3, #twtr-widget-1 h4, #twtr-widget-1 .twtr-popular {
	font-size:12px;
}
#twtr-widget-1 a.twtr-timestamp {
	color:#cccccc !important;
}