body { background-color: #fbac2e; margin: 0; text-align: center; font: 12px/17px 'Trebuchet MS', Arial, Helvetica, sans-serif; }
body #container { width: 782px; text-align: left; margin: 0 auto; background-color: #FFF; }
#header, #mainbody, #footer { padding-left: 2px; padding-right: 2px; clear: both; }
.cleared { clear: both; }

a:link { color: #00aeef; text-decoration: none; }
a:visited { color: #417a9d; text-decoration: none; }
a:hover, a:active { color: #666; text-decoration: underline; }
h3 a:link, h3 a:visited { color: #da4620; }
#footer a:link { color: #a0dcf3; }
#footer a:visited { color: #729aa9; }
a img { border: none; }

h2 { color: #000; text-transform: uppercase; font-size: 24px; line-height: 30px; margin: 10px 0 10px 0; }
h3 { color: #da4620; font-size: 16px; font-weight: bold; text-transform: uppercase; margin: 0 0 10px 0; }
h4 { color: #666; font-size: 13px; font-weight: bold; text-transform: uppercase; margin: 0 0 10px 0; }
h5 { color: #333; margin: 0 0 15px 0; font-size: 13px; line-height: 20px; font-weight: normal; }
p  { color: #333; margin: 0 0 10px 0; font-size: 12px; line-height: 17px; }
ul { margin: 0 0 8px 0; padding: 0; list-style: none; }
ul li { margin: 0; padding: 0 0 2px 15px; background: transparent url('../images/design/bullet-arrow.gif') no-repeat 0 4px; color: #333; }

h3.first, h4.first, h5.first, p.first, ul.first, li.first { margin-top: 15px; }


h6   { text-align: center; margin: 0 auto;
       font: bold 12px/12px 'Trebuchet MS', Arial, Helvetica, sans-serif; 
       text-transform: uppercase; width: 50%; height: 28px; }
h6 a { background: transparent url('../images/design/redbtn-right.gif') no-repeat top right;
       border-left: 1px solid #FFF; padding: 8px 15px 8px 15px; display: block; }
h6 a:link, h6 a:visited { color: #FFF; text-decoration: none; }
h6 a:hover, h6 a:active { color: #FFF; text-decoration: none; background-image: url('../images/design/redbtn-hover.gif'); }

img.imgright { float: right; margin-left: 10px; margin-bottom: 5px; }
img.imgleft  { float: left; margin-right: 10px; margin-bottom: 5px; }

.twoCol { padding: 0 10px; clear: both; }
.twoCol .col1 { width: 374px; float: left; }
.twoCol .col2 { width: 374px; float: right; }

.twoCol.insideContent { background: #FFF url('../images/design/bg-inside.gif') repeat-y top right; padding-bottom: 10px; }
.twoCol.insideContent .col1 { width: 470px; }
.twoCol.insideContent .col1 .thumb { padding-bottom: 10px; }
.twoCol.insideContent .col2 { width: 268px; }

.thumb h3, .thumb h4, .thumb ul, .thumb p { margin-left: 96px; }
.thumb img { float: left; }


/* HEADER */
#header { position: relative; }
#header h1 { margin: 0; color: #FFF; height: 99px;
             background: #231f20 url('../images/design/arena-flow-title.gif') no-repeat; }
#header h1 a { display: block; height: 99px; }
#header h1 span { display: none; }
#header #sw  { width: 131px; height: 32px; position: absolute; top: 85px; left: 12px; }
#header #nav {  }
#header #nav ul      { margin: 0; padding: 0; float: left; width: 100%;
                       background: #00aeef url('../images/design/bg-nav.gif') repeat-x; 
                       border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#header #nav ul li   { padding: 0; margin: 0; float: left;
                       background: none; background-color: #00aeef;
                       text-transform: uppercase; font-size: 13px; }
#header #nav ul li#nav1 { margin-left: 151px; }
#header #nav ul li a { display: block; padding: 5px 8px 4px; margin: 0 1px 0 0; font-weight: bold;
                       border-left: 1px solid #80d7f7; border-right: 1px solid #80d7f7; }
#header #nav a:link, #header #nav a:visited            { color: #FFF; text-decoration: none; }
#header #nav a:hover, #header #nav a:active            { color: #d9e7ed; text-decoration: none; }
#header #nav .sec a:link, #header #nav .sec a:visited  { color: #d9e7ed; text-decoration: none; }
#header #nav .sec a:hover, #header #nav .sec a:active { color: #CCC; text-decoration: none; }


/* INDEX PAGE TOP CONTENT */
#topcontent { background: #FFF url('../images/design/gradient-yellow.gif') repeat-x; border-bottom: 2px solid #da4620; margin-bottom: 15px; padding: 0 10px; }
#topcontent img { float: left; }
#topcontent h2, #topcontent h3, #topcontent h4, #topcontent h5, #topcontent p, #topcontent ul { margin-left: 288px; }
#topcontent h2 { padding-top: 30px; margin-top: 0; }
#topcontent h5 { margin-bottom: 0; }


/* RIGHT SIDEBAR */
.twoCol.insideContent .col2 p, .twoCol.insideContent .col2 li { font-size: 11px; line-height: 15px; }

ul.sidebarList    { margin-bottom: 15px; }
ul.sidebarList li { padding-left: 15px; margin-bottom: 5px; background-image: url('../images/design/bullet-arrow-sidebar.gif'); clear: right; }
ul.sidebarList li img { float: right; margin-left: 10px; }
ul.sidebarList li h4 { margin-bottom: 3px; display: inline; }
ul.sidebarList li p { font-size: 11px; line-height: 15px; margin-bottom: 3px; margin-top: 3px; }

.sidebarHighlight { background-color: #fbac2e; margin-bottom: 15px; }
.sidebarHighlight .cap1 { height: 6px; overflow: hidden; background: transparent url('../images/design/highlightbox-top.gif') no-repeat; }
.sidebarHighlight .cap2 { height: 6px; overflow: hidden; background: transparent url('../images/design/highlightbox-bot.gif') no-repeat; }
.sidebarHighlight .wrapper { padding: 5px 10px 5px 10px; }
.sidebarHighlight p { margin: 0 0 10px 0; font-size: 11px; line-height: 15px; }


/* FOOTER */
#footer { color: #FFF; background: #231f20 url('../images/design/footer-swoosh.gif') no-repeat; 
          border-top: 2px solid #fbac2e; padding: 15px 2px; }
#footer h3 { color: #fbac2e; font-size: 13px; margin-bottom: 5px; }
#footer h4 { color: #CCC; font-size: 11px; line-height: 15px; margin-bottom: 5px; }
#footer p  { color: #FFF; font-size: 11px; line-height: 15px; }

#footer #footerTabs       { border-bottom: 1px solid #434041; margin-bottom: 10px; width: 100%; }
#footer #footerTabs ul    { margin: -27px 0 0 70px; padding: 0; list-style: none; }
#footer #footerTabs ul li { margin: 0 5px 0 0; padding: 0; float: left; line-height: 12px;
                            background: transparent url('../images/design/tab-off-right.gif') no-repeat top right; }
#footer #footerTabs a     { background: transparent url('../images/design/tab-off-left.gif') no-repeat top left; 
                            text-transform: uppercase; float: left; display: block; 
                            padding: 7px 15px 6px 15px; color: #CCC; }

#footer #footerTabs ul li.on { background-image: url('../images/design/tab-on-right.gif'); }
#footer #footerTabs .on a    { background-image: url('../images/design/tab-on-left.gif'); color: #FFF; }

#footer #footerTabs a, #footer #footerTabs a:link, #footer #footerTabs a:visited { color: #FFF; text-decoration: none; }
#footer #footerTabs li:hover, #footer #footerTabs li:active { background-image: url('../images/design/tab-on-right.gif'); }
#footer #footerTabs a:hover, #footer #footerTabs a:active { color: #FFF; text-decoration: none; background-image: url('../images/design/tab-on-left.gif'); }

#footer #contact1 { display: block; }
#footer #contact2, #footer #contact3 { display: none; }



.twoCol.insideContent .col2 form h4  { color: #FFF; }
.twoCol.insideContent .col2 form h4, .twoCol.insideContent .col2 form p { margin-bottom: 7px; }
.twoCol.insideContent .col2 form h6 { margin-top: 20px;  }


/*form styles*/
.error {color: red; font-weight: bold;}
form.edit {margin-left:10px;float:left;}
form.edit fieldset {border:0;padding: 5px;margin-bottom: 10px;font-size:11px;}
form.edit fieldset.top {border-top: #AEB39E 2px solid;}
form.edit fieldset.required {text-align:right; font-size: 11px; color: #fff;}
form.edit h3{margin: 0; font-size: 100%;padding: 2px 4px;}	
form.edit label {display: block;margin: 10px 0 2px 0; font-size:11px;}			
form.edit span {color: #4C4E45; font-size: 80%;padding-left: 6px;}	
form.edit input.title {width: 450px;padding: 2px;font-size: 180%;}	     
form.edit fieldset.undo {padding-left:3px;}
form.edit table {width:100%;}
form.edit table th,td{font-size:11px; font-weight:normal;padding:5px;text-align:left;}