<!--

/* +++++++VARIOUS PAGE FORMATTING+++++++ */

a:hover { color:#000000; }
a { color:#000000; }

a.formatfootnotes:hover { color:#cc0000; text-decoration:underline; }
a.formatfootnotes{ color:#000000; text-decoration:none;}

a.scconlylinks:hover { color:#ffffff; text-decoration:underline;}
a.scconlylinks{ color:#000000; text-decoration:none;}

a.headline{
color:#cc0000; 
font-weight:bold;
text-decoration: none;
}

A.headline:hover {
font-weight:bold;
color:#006699;
text-decoration: underline;
}

span.dropin {
color:#000000;
font-weight:normal;
text-decoration: none;
}

a:hover span.dropin {
font-weight:normal; 
color: #0099cc; 
text-decoration: underline;
}

BODY {
background-color: #000000;
background-repeat: no-repeat;
background-attachment: fixed;
margin:0px;
padding:0px;
font-family: verdana, arial, helvetica, sans-serif;
 }

.fixfloat{
clear: both;
}

.clearer {clear: left; line-height: 0px; height: 0px;}

form{
padding: 0px;
margin: 0px;
}

.FormField {
background-color: #006699;
border-color: #000000;
border-style: solid;
color: #ffffff;
font-size: 11px;
font-family: arial;
}




/* +++++++ HOLDING ARROW BACKGROUND DIV +++++++ */

#arrowbit{
/*REMOVED WHEN OPERA (FOUND TO HAVE PROBLEMS WITH SUB-MENU DROPDOWNS)
position: absolute;
z-index: 1;*/
position: relative;
padding: 0px;
margin: 0px;
margin-bottom: 10px;
background-image: url("arrow7.gif");
background-repeat: no-repeat;
background-position: top left;
}

* html #arrowbit { /*IE6 only hack - added in when the OPERA change above caused problems on IE*/
position: absolute;
z-index: 1;
}


/* +++++++ SCC ONLY LINKS +++++++ */
#scconlylinks{
padding: 5px 0px 0px 2px;
margin-bottom: 12px;
}

#scconlylinks_inner{
width: 748px;
background-color:#66ccff;
font-size: 0.55em;
font-weight:bold;
color: #000000;
padding: 0px 0px 1px 3px;
border: 1px solid #000000;
}



/* +++++++ DATE AND TIME +++++++ */

#datetime_outer{
position: relative;
width: 750px;
background-image: url("bann_bg9.gif");
background-repeat: no-repeat;
background-position: bottom left;
}

#datetime{
color: #cccccc;
font-size: 9px;
font-weight:bold;
padding: 3px 0px 3px 2px;
}


/* +++++++ TOP BANNER AND WELCOME TEXT +++++++ */

#bannertext{
position: relative;
width:750px;
background-image: url("bann_bg7.gif");
background-repeat: no-repeat;
background-position: bottom left;
}

p.bannertextalign{
text-align: right;
margin: 0;
}

#tagline_image{border-left: 1px solid #66ccff;}

#welcometext{
width:750px;
font-weight:bold;
color: #ffffff;
font-size: 0.6em;
background-image: url("bann_bg8.gif");
background-repeat: no-repeat;
background-position: top right;
}

p.welcometextalign{
text-align: right;
margin: 0;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #66ccff;
padding: 3px 0px 5px 0px;
}




/* +++++++ SCC LOGO, TESTEMONIAL AND BUTTONS +++++++ */

/* ----LOGO---- */

#testemonialandbuttonsholder{
padding: 0;
margin: 0;
width: 755px;
height: 192px;

}

#logo{
float: left;
width: 179px;
}

#innerlogo{
position: relative;
top: -38px;
margin-left: 10px;
}



#newslettertitle{
padding: 3px 0px 1px 0px;
margin-top: 30px;
}

form.newsletterform{
padding: 8px 0px 0px 10px;
}

.searchformfield {
background-color: #ffffff;
border-color: #000000;
border-style: solid;
border-width: 1px;
color: #cc0000;
font-size: 0.7em;
font-family: arial;
width: 100px;
padding-left: 2px;
}

.searchformfieldfocus {
background-color: #ffcc66;
border-color: #000000;
border-style: solid;
border-width: 1px;
color: #000000;
font-size: 0.7em;
font-family: arial;
width: 100px;
padding-left: 2px;
}


/* ----TESTEMONIAL---- */

#testy{
float: left;
width: 390px;
background-repeat: no-repeat;
background-position: top right;
}


#innertesty{
width: 390px;
height: 178px;
background-repeat: no-repeat;
background-position: top left;
}


/* ----BUTTONS---- */

#buttons{
float: left;
width: 181px;
background-image: url("butt-bg5.gif");
background-repeat: no-repeat;
background-position: top right;
text-align:right;
}

p.buttfirst{
padding: 13px 0px 0px 0px;
margin: 0px;
}

p.buttrest{
padding: 3px 0px 0px 0px;
margin: 0px;
}



#formpositioning{
padding: 13px 0px 0px 26px;
margin: 0;
}

#searchradiobuttons{
font-family: verdana, arial, helvetica, sans-serif;
font-weight:bold;
color: #ffffff;
font-size: xx-small;
padding: 0px 20px 3px 0px;
}


/* +++++++ BOTTOM FLOATS CONTAINER */
#bottom_float_container{
background-image: url("arrow8.gif");
background-repeat: no-repeat;
background-position: top left;
background-color:#ffffff;
width: 750px;
}

/* +++++++ BOTTOM LEFT CONTENT (big banners, left hand smaller banners & news) +++++++ */
#bottom_left_content{
float:left;
width: 595px;
}

/* +++++++ QUICKLINKS +++++++ */

#quicklinks{
position: relative;
top: -10px;
margin-left: 10px;
width: 570px;
}

.formquicklinks {
background-color: #000000;
color: #ffffff;
font-size: 0.7em;
font-family: arial;
}

option.black{
background-color: #000000;
font-weight:bold;
}

option.cream{
background-color: #ffcc66;
color: #000000;
}




/* +++++++ JENNIE BIG BROTHER BANNER +++++++ */

#jenniebb1{
/*position: relative;*/
/*padding: 0;
width: 584px;
background-color: #ffffff;*/
margin: 0px 0px 0px 10px;

}

* html #jenniebb1 { /*IE only hack */
 /*width: 586px;*/
}

#jenniebb3 {margin: 0px 0px 9px 10px;}

* html #jenniebb3 { margin-bottom: 10px;}

/* +++++++ BANNERS AND NEWS +++++++ */

/* ----BANNERS---- */
#bannersandnewsholder{
padding-top: 10px;
margin-left: 10px

}

#banners{
float: left;
width: 145px;
border: 1px solid #000000;
}

* html #banners { /*IE only hack */
  width: 147px;
}

.innerbanners{
border: 1px solid #cccccc;
margin: 5px;
background-color: #ffffff;
}


/* ----NEWS---- */

#newstitle{
float: left;
width: 25px;
height: 100px;
color: #ffffff;
background-image: url("latenews.gif");
background-repeat: no-repeat;
background-position: top right;
}

.hidetext{
display: none;
}

#news{
float: left;
border: 1px solid #000000;
padding-top: 5px;
width: 407px;
}

* html #news { /*IE only hack */
  width: 405px;
}

.innernewspictures{
float: left;
width: 35px;
margin: 0px 10px 0px 5px;
}


.innernewsheadline{
float: left;
width: 350px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 0.6em;
}

* html .innernewsheadline { /*IE only hack */
  width: 346px;
}

.innernewsdivider{
float:left;
width: 390px;
height: 5px;
background-image: url("news-div.gif");
background-repeat: no-repeat;
background-position: left;
margin: 1px 0px 1px 5px;
}

.archnewslink{
float: left;
width: 100%;
text-align: right;
margin: 2px 0px 2px 0px;
}




/* ----BOTTOM RIGHT CORNER---- */
#bottom_right_content{
margin-left: 598px;
width: 152px;
}

* html #bottom_right_content { /*IE only hack */
margin-left: 593px;
}

#bottom_buttons{
text-align:right;
background-image: url("botbutbg.gif");
background-repeat: no-repeat;
background-position: bottom left;
padding-bottom: 9px;
}

p.buttfirstlower{margin: 0px;}

p.buttrestlower{
padding: 3px 0px 0px 0px;
margin: 0px;
}




#beaconlogo{margin: 10px 0px 10px 38px;}
* html #beaconlogo { /*IE only hack */margin-top: 13px;}
#award-logos{margin-left: 18px;}



/* +++++++ BOTTOM CURVE +++++++ */ 

#curveatbottom{
float: left;
height: 18px;
width: 750px;
background-color: #ffffff;
background-image: url("botcorn2.gif");
background-repeat: no-repeat;
background-position: top left;
}




/* +++++++ FOOTNOTES +++++++ */ 

#footnotes{
float: left;
width: 750px;
text-align:right;
color: #000000;
font-size: 0.7em;
font-family: arial;
font-weight:bold;

}

.fnotelinkformatting{
float:right;
background-color: #ffffff;
padding: 3px 2px 0px 2px;
margin-bottom: 0px;
text-align:right;
}

.SocNetIcons{
float:right;
padding-top:3px;
}

.SocNetIcons a{color:#CCCCCC; text-decoration:none}
.SocNetIcons a:hover{color:#66ffff; text-decoration:underline}


.SocNetIcons img{
margin: 0px 10px 0px 2px;
}

-->