@charset "utf-8";
/*

CSS Document - Master 
Project - Quorum 
Version - 2.0
Dated - 21 July,2009

*/


@import url('reset.css');

/* Addtional Classes 
--------------------------------------------------------------------*/
body { color:#FFFFFF; font:normal 11px/16px "Tahoma", Verdana, Arial, Helvetica, sans-serif; background:#000 /*url(../images/paper3.jpg) repeat*/ }

cite, .cite { font-style:normal }

a { color:#F0952E; text-decoration:none }

.required{color:#990000 !important}

a:hover { text-decoration:underline }

.altText { font-family:Verdana, Arial, Helvetica, sans-serif !important }

.clear-fix { clear:both }

.spacer-42 { height:0px; padding-bottom:20px; float:left; width:100%; clear:both }

.spacer-12 { height:0px; padding-bottom:12px; float:left; width:100%; clear:both }

.placeholder-center { display:block; text-align:center }

.readmore { background:#FFA605; padding:2px 3px; color:#000; font-size:10px; margin:3px 0 0 0; float:left; line-height:1em; letter-spacing:1px }

/* Heading Classes 
--------------------------------------------------------------------*/
p { margin-bottom:12px }

h1 { font-weight:normal }

h2 { color:#F0952E; font-size:14px; margin-bottom:12px; font-weight:normal }

h3 { color:#fff; font-size:14px; font-weight:normal; font-weight:bold; }

h4 { }

h5 { }

h6 { }

.heading-small { color:#F0952E; font-size:12px; display:block; font-weight:bold; margin:0 0 5px }

/* Container 
--------------------------------------------------------------------*/

#container { width:780px; margin:0 auto; background:#2A2623; border-left:1px solid #eea82e; border-right:1px solid #eea82e; }

#header { background: #f0a331 url(../images/style/headerBg.jpg) no-repeat left bottom; height:101px; position:relative }

/* Header 
--------------------------------------------------------------------*/

a.logo { text-indent:-5000px; width:265px; height:60px; background: url(../images/style/logo.gif) no-repeat left top; position:absolute; top:36px; left:10px }

.topMenu { position:absolute; top:76px; right:10px }

.topMenu ul { float:left }

.topMenu ul li.last { background:none !important; margin-right:0 !important; padding-right:0 !important }

.topMenu ul li.first { margin-left:0 !important; padding-left:0 !important }

.topMenu ul li { float:left; padding:0 9px 0 7px; margin:0 -1px 0 0; background:url(../images/style/topmenuSep.gif) no-repeat right center; }

.topMenu ul li a { color:#FFFFFF; text-decoration:none; font-size:12px }

.topMenu ul li a:hover { text-decoration:underline }

/* Banner 
--------------------------------------------------------------------*/

#banner { height:212px; border-top:2px solid #fff; position:relative; z-index:100000; float:left }

#banner .caption { background:url(../images/style/captionBg.gif) repeat-y left top; width:231px; height:201px; color:#000000; padding:8px 5px 0 13px; border-right:3px solid #fff; float:left }

#banner .caption p { font-size:10px; }

#banner .bannerPlaceholder { float:right }

#banner h1.pagetitle { position:absolute; background:url(../images/style/headerCurveBg.gif) no-repeat left top; width:765px; height:32px; line-height:32px !important; bottom:0px; left:0px; padding:0 0 0 15px; font-size:14px; font-weight:bold; }

/* Top Boxes 
--------------------------------------------------------------------*/

.topBoxes { float:left; padding:0px 10px }

.topBoxes .welcomeText { float:left; width:196px; margin:16px 0 0 0px; display:inline; line-height:16px; }

.widecontent .topBoxes .welcomeText { float:left; width:508px; margin:16px 0 0 0px; display:inline; line-height:16px; }

.topBoxes .popupFlash, .topBoxes .videoFlash { float:left; margin:16px 0 0 18px; display:inline }

.topBoxes .popupFlash, .topBoxes .videoFlash { padding:5px; background:#FFFFFF; overflow:hidden; height:220px }

.topBoxes .popupFlash { width:221px }

.topBoxes .videoFlash { width:287px }

.topBoxes .popupFlash strong, .topBoxes .videoFlash strong { height:20px; display:block; color:#000 }

/* Content
--------------------------------------------------------------------*/
.left-col { float:left; width:520px; margin:0px 0 0 10px; display:inline }

.widecontent .left-col { float:left; width:520px; margin:0px 0 0 10px; display:inline }

.widecontent .right-col { margin:0 0 0 12px; }

.bgbox { background:#3d3834; padding:10px; margin:10px 0px; border:1px solid #737373; border-width:1px 0; float:left; width:760px }

.bgbox + .bgbox { margin:0 0 10px }

.widecontent .left-col { float:left; width:520px; margin:0 0 0 10px; display:inline }

.imageborder { border:3px solid #fff; height:183px; width:222px; }

.widecontent .topBoxes .left-col { margin:0px; }

.widecontent .bgbox .left-col { margin:0px; }

.topic p { margin-bottom:22px; line-height:16px; }

.right-col { float:right; width:225px; margin:0 0 0 16px; display:inline }

.callouts { background:url(../images/style/calloutBg.jpg) no-repeat left top; width:192px; height:119px; margin:0 0 18px; color:#333333; padding:18px 12px }

.callouts cite { font-weight:bold; color:#333333; text-align:right !important; display:block; margin:5px 0 0 0; font-size:10px; line-height:12px }

.callouts ul { padding: 5px 10px; }

.callouts ul li { background:url(../images/style/listingBg.gif) no-repeat left center; padding:0 0 0 10px; color:#000000; line-height:16px; }

.callouts .link { margin:10px 0 0 0; float:right; font-weight:bold }

.widecontent { width:780px; /*margin:10px;*/ float:left; position:relative;  }

.widecontent ul { list-style:circle; padding:0px 0px 0px 15px; }

.widecontent p strong { color:#F0952E; }

ul.threecol { float:left; margin-right:15px; padding:0px 0px 0px 15px; }

ul.threecol li { list-style-type:circle; }

.wraptextLeft { float:left; margin:0px 20px 0px 0px; display:inline }

.wraptextRight { float:right; margin:0px 0px 0px 20px; display:inline }

.wraptextLeft-t { float:left; margin:0px 20px 0px 0px; display:inline ;width:550px}

.wraptextRight-t { float:right; margin:0px 0px 0px 20px; display:inline; width:550px }

/* Form 
--------------------------------------------------------------------*/
.formdiv { float:right; width:320px; }

form p { width:400px; display:block; margin-bottom:5px; clear:left; }

form label { width:70px; float:left; }

form span { width:200px; }

form span input { width:200px; font-size:11px; border:medium none; padding:3px 4px; }

/*form span.text{ background:url(../images/textboxBg.gif) no-repeat; padding:0 8px; float:left;}*/
form span textarea { width:200px; font-size:11px; border:medium none; padding:3px 4px; }

form .subbtn { width:60px; background:#eea82e; }

/* Bottom Boxes 
--------------------------------------------------------------------*/

.bottomBoxes { float:left; width:764px; background:#000000; padding:22px 8px 5px; border-top:1px solid #737373 }

.bottomBoxes .headingstrip { background:url(../images/style/bottomboxHeadingBg.gif) no-repeat left top; width:764px; height:34px; line-height:34px; }

.bottomBoxes .headingstrip h3, .bottomBoxes .textbox-cont p { display:inline; width:241px; float:left; padding:0 0 0 13px; background:url(../images/style/dash.gif) repeat-y left top }

.bottomBoxes .headingstrip h3 a{ color:#FFFFFF } 

.bottomBoxes .headingstrip h3.first { background:none !important; width:243px }

.bottomBoxes .textbox-cont p.first { background:none !important; width:230px }

.bottomBoxes .textbox-cont { background:#2A2623; float:left; padding:0 0 10px }

.bottomBoxes .textbox-cont p { padding:10px 13px 0; margin-bottom:0; width:228px }

.bottomBoxes .textbox-cont .placeholder-center { margin:0 0 10px }

/* Footer
--------------------------------------------------------------------*/

#footer { background:url(../images/style/footerBg.jpg) no-repeat left top; height:59px; width:780px; float:left;}

#footer ul.sitemap { text-align:center; margin:15px 0 0 }

#footer ul.sitemap li { display:inline; padding:0 5px 0 8px; background:url(../images/style/dashOrange.gif) repeat-y left top; color:#FFFFFF }

#footer ul.sitemap li a { color:#FFFFFF }

#footer ul.sitemap li.first { background:none }

#footer p.copyright { margin:10px 0 0; text-align:right; padding:0 10px 0 0 }

.header-left{ float:right; padding:0 10px 0 0 ; text-align:right; width:170px;}

a.button{float:left; background:url(../images/button.png) left top no-repeat; width:177px; height:38px;}
