@media screen {
/* IE 7 changes removed top:-35 from helpcontainer removed navcell from css and nav page*/
/* PAGE LAYOUT DIVS */

body {
	margin: 0px;
	padding: 0px;
    /*background-image:url(../images/bkgs/gradccccff.gif);
	background-repeat: repeat-x;
	background-attachment: fixed;*/
    /*background-attachment: fixed;*/
	/*background-image:url(/resources/images/bkgs/ccbass/new/sitebk_footer.gif);
	background-position:right bottom;
    background-repeat: no-repeat;*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#330066;
	font-size:small;
	font-style: normal;
}

td {
	color:#330066;
	font-size:small;
	}

#NextMtg 
{
background-color:#ffffff;
border:double;
border-color:#990000;
width:100%;
}
#PageContentContainer
		{
		}

#PageHeader{position:absolute;top:0px; left:0px;height:100px;width:100%;}
#PageLeftNav /*# originally top:110 */
		{
			position:absolute;
			top: 90px;
			left:0;
			width: 150px;
			margin: 0;
			border-right:#666666 groove thin;
			
		}

#PageTOPNav
	{
			position:absolute;
			top: 90px;
			Right:-20px;
			width: 130px;
			margin: 0;
		}
			
#PageMainContent
		{
			position:relative;
			top: 120px;
			left: 160px;
			padding: 0px 20px 0px 0px;
			width:80%;

		}		
/*#PageNavigation{width:20%;float:left;position:relative;}
#PageContent{float:right;display:inline;position:relative;width:80%; }*/
#PageFooter {
	position:relative;
	height:150px;
	clear:both;
	width:100%
}

.curlycontainerb{
border: 2px solid #0000CC;
margin-bottom: 1em;
background:url(/resources/images/bkgs/bkgwaterpattern.gif)
}

.curlycontainerb .innerdiv{
background: transparent url(/resources/images/bkgs/brcornerb3.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 0px 2px 20px 0px;
}

.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
}

.curlycontainer .innerdiv{
background: transparent url(/resources/images/bkgs/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 0px 2px 20px 0px;
}

.Shaded
{background:#eaeaea;
box-shadow: 7px 7px 8px #818181;
-webkit-box-shadow: 7px 7px 8px #818181;
-moz-box-shadow: 7px 7px 8px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=2, offY=2, positive=true);
border:groove;
border-left-width:1px;
border-left-color:#960;
border-top-width:1px;
border-top-color:#960;
border-right-width:0px;
border-right-color:#000000;
border-bottom-width:0px;
border-bottom-color:#000000;
}
*/



			
#FormDiv90{visibility:visible;}			


/* WRAPPERS FOR CONTENT 

/* FIELDSETS */
.InfoFieldset {text-align:center;border:#CCCCCC solid 0px;
/*background-image:url(../images/bkgs/fieldsets/texture_bkg.gif);background-repeat:repeat-x;*/padding: 0px 20px 20px 20px;margin: 0px 20px 0px 0px;}
/* LEGENDS */
.InfoLegend {text-transform:uppercase; /*background:#660099; background-color:#FFFFFF;/*border:#660099 solid 1px;*/ font-weight:bold;padding:1px 8px 1px 8px;color:#000066;}
.WarningLegend {text-transform:uppercase; background:#FF0000; font-weight:bold;border:1px solid #FF0000; padding:1px 4px 1px 4px;color:#ffffff;}


/* ALL TAGS */

strong {
font-style:normal;
font-weight: bold;
}


/* Individual Classes  for graph */
.RepeatCellBkg10 {background-color:#FF0000;}
.RepeatCellBkg9 {background-color:#0000FF;}
.RepeatCellBkg8 {background-color:#CCCCCC;}
.RepeatCellBkg7 {background-color:#FFFF00;}
.RepeatCellBkg6 {background-color:#00FFFF;}
.RepeatCellBkg5 {background-color:#6600CC;}
.RepeatCellBkg4 {background-color:#333333;}
.RepeatCellBkg3 {background-color:#FF00FF;}
.RepeatCellBkg2 {background-color:#993300;}
.RepeatCellBkg1 {background-color:#999900;}

/* Individual Classes  for graph */
.RepeatRegionAltRow1{background-color:#eaeaea;}
.RepeatRegionAltRow2{/*background-color:#ffffff;*/}
.Form {padding:0 0 0 0; margin:0 0 0 0; width:auto}
.SiteName {font:Georgia, "Times New Roman", Times, serif;font-size:30px;font-weight:bold; line-height:45px;color:#FFCC00;padding: 1px 0px 1px 2px;margin: 0px 0px 1px 140px;}
.Welcome {font-size:10px;font-weight:bold; line-height:15px;color:#FFFFCC;padding: 15px 0px 1px 2px;margin: 15px 0px 1px 175px;}		    
.RtTextAlignRtPadded2 {text-align:right;padding:0 2em 0 0}
.formexplaination {font-size:x-small;color: #666666;text-align: right;vertical-align:top;border-bottom-color:#CCCCCC;border-bottom-style:dotted;border-bottom-width:1px}


.Contentinput-textarea  {color:#330066;padding-left:0.2em;background:#ffffff; border:#26a outset 1px;width:350px;height:100px }
.Contentinput-textbox  {color:#330066;padding-left:0.2em; border:#26a outset 1px;}
.Contentinput-textboxLG  {color:#330066;padding-left:0.2em; border:#26a outset 1px;width:250px;}
.Contentinput-select  {color:#330066;padding-left:0.2em; border:#26a outset 1px;}
.Contentinput-file  {color:#330066;padding-left:0.2em; border:#26a outset 1px;width:300px;}
.Contentinput-radioHorz  {margin:-0.2em 0 0 0}
.Contentinput-radioVert  {margin:-0.2em 0 0 0}
.Contentinput-checkbox {margin:-0.2em 0 0 0}
.Contentinput-submit {background-color:#FFFFFF;border: 1px #9cf outset;font-weight:bold;color:#26a;margin:1em 1em 1em 1em;}
.Contentinput-submitsm {background-color:#FFFFFF;border: 1px #9cf outset;font-size:xx-small;font-weight:bold;color:#333333;margin: 0px 10px 0px 10px;}
.Contentinput-submitutility {background-color:#eaeaea;border: 1px #eaeaea outset;font-size:xx-small;font-weight:bold;color:#333333;margin: 0px 5px 0px 5px;}
.Contentinput-buttonsm {background-color:#eaeaea;border: 1px #9cf outset;font-size:xx-small;font-weight:bold;color:#330066; margin: 0px 10px 0px 10px;}
.Contentinput-buttonutility {background-color:#eaeaea;border: 1px #9cf outset;font-size:small;font-weight:bold;color:#333333; margin: 0px 10px 0px 10px;}
.Contentinput-submitsurveysm {background-color:#336600;border: 1px #9cf outset;font-size:xx-small;font-weight:bold;color:#FFFFFF}
.Contentinput-submitcallsm {background-color:#FFCC66;border: 1px #9cf outset;font-size:xx-small;font-weight:bold;color:#FFFFFF}
.Contentinput-buttonassignsm {background-color:#990000;border: 1px #9cf outset;font-size:xx-small;font-weight:bold;color:#FFFFFF}
.Contentinput-button {background-color:#eaeaea;border: 1px #9cf outset;font-weight:bold;color:#26a;margin:1em 1em 1em 1em;}
.downloadbtn {background-color:#990000;border: 1px #9cf outset;font-size:xx-small;font-weight:bold;color:#FFFFFF}
/*text size color*/
.TWhiteXSmall {font-size:x-small;color: #ffffff;font-weight: bold;font-variant: normal}
/*help box*/
.helpbox {font-size:x-small;padding: 1px 2px 1px 2px;color: #ff0000}
.helpcontainer {position:relative;left:0px;top:0px;}
.helpheader {position:relative;background-color:#666666;Color:#FFFFFF; padding:0px 0px 2px 0px; text-align:center; font-weight:bolder}
/*warning text*/
.warningbox {font-size:x-small;height:1em;padding: 0.1em 0.2em 0.1em 0.2em;border:#26a solid 1px;background-color:#FFFFFF;color: #ff0000}
.warning {font-size:x-small;color: #ff0000;font-weight: bold;font-variant: normal}
.warningSMALL {color: #ff0000;font-weight: bold;font-variant:normal}
.warningMED {font-size:medium;color: #ff0000;font-weight: bold;font-variant:normal}
.warningLARGE {font-size:large;color: #ff0000;font-weight: bold;font-variant: normal}
.validate{color: #ff0000;font-weight: bold;font-variant:normal;}
.participantbox {height:1em;padding: 0.1em 0.2em 0.1em 0.2em;border:#26a solid 1px;background-color:#eaeaea;color: #ff0000}
.welcomebox {height:1em;padding: 0.1em 0.2em 0.3em 0.2em;border:#FFFFFF solid 1px;background-color:#eaeaea;color: #ff0000}
/*ID's*/

#Plaque {
background-image:url(/resources/images/bkgs/ccbass/plaque2.gif);
background-repeat:no-repeat;
background-position:bottom right;
font-weight:900;
color:#FFCC00;
text-align:center;
vertical-align:middle;
}


#MailReview {
position:relative; 
width:355px; 
height:115px; 
z-index:1; 
left: 0px; 
top: 0px; 
background-color: #cccccc; 
border: 1px solid #000066; 
overflow: scroll;
}

#ContentPosition {
position:relative; 
width:100%; 
left: 0px; 
top: 1.5em; 
}

#MinutesTopicOld {
font-size:20px;
color:#990000;
height:50px;
left: 0px; 
top: 0px; 
}

#MinutesTopicNew {
font-size:20px;
color:#006666;
height:50px;
left: 0px; 
top: 0px; 
}

#MinutesHeading {
font-size:22px;
color:#006666;
height:50px;
left: 0px; 
top: 0px; 
}

/* Page Containers */
table.Container1 {
width: 100%;
padding: 0px;
background-image:  url(../images/bkgs/body/lines.gif);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top right;
}

table.Container2 {
width: 100%;
padding: 0px;
}


form.Mail {}

table.Mail {
width:90%;
padding: 0 3em 1em 3em; 
border:1px solid #26a}

caption.Mail {
text-align:center;
padding: 0 3em 1em 3em; 
}

Th.Mail {
	text-align: right;
	font-weight:800;
	padding: .2em .2em 0 2em;
	vertical-align:top;
	}

tr.Mail {
text-align: right;
padding: 0 3em 0em 3em;
vertical-align:bottom;}


td.Mail {
text-align: left;
padding: .2em .0em .2em .25em;
width: 100%
}

textarea.Mail {
width:80%;
margin: 0 auto 0 auto;
height: 80px}

td.Mail a:link {
	color: #3300CC;
	font-weight: bold;
	text-decoration : none;
	
}

td.Mail a:visited {
	color : #3300CC;
	font-weight: bold;
	text-decoration : none;
}

td.Mail a:active {
	color: #3300CC;
	text-decoration : none;
	font-weight: bold;
}

td.Mail a:hover {
	color : #993300;
	font-weight: bold;
	text-decoration : none;
}

form.PageSetNav {}

table.PageSetNav {
Text-align:center;
width:0%
}

caption.PageSetNav {
text-align:center;
padding: 0 3em 1em 3em; 
}

Th.PageSetNav {
	text-align: right;
	font-weight:800;
	padding: .2em .2em 0 .2em;
	vertical-align:top;
	}

tr.PageSetNav {
text-align: right;
padding: 0 3em 0em 3em;
vertical-align:bottom;}


td.PageSetNav {
text-align: left;
padding: .2em .0em .2em .2em;
width: 25%
}

textarea.PageSetNav {
width:80%;
margin: 0 auto 0 auto;
height: 80px}

td.PageSetNav a:link {
	color: #3300CC;
	font-weight: bold;
	text-decoration : none;
	
}

td.PageSetNav a:visited {
	color : #3300CC;
	font-weight: bold;
	text-decoration : none;
}

td.PageSetNav a:active {
	color: #3300CC;
	text-decoration : none;
	font-weight: bold;
}

td.PageSetNav a:hover {
	color : #993300;
	font-weight: bold;
	text-decoration : none;
}

/* Page Banner */

/************** utility styles FOR TOP OF PAGE LINKS *****************/

#utility{
    Position:absolute;
	top: 5px;
	right: 2px;
	text-align:right;
	padding:0px 2px 0px 0px;
	color: #666666;
}

#utility a{
	color:#666666;
	text-decoration: none;
}

#utility a:hover{
	text-decoration: underline;
}

table.Banner {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #ffffff;
	width: 100%;
	height:200px;
	margin: 0 0 0 0em;
	background-color:#ffffff;
	background-image:url(/resources/images/bkgs/ccbass/new/sitebkg_header7.gif);
    background-repeat:no-repeat;
}

th.Banner {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #ffffff;
height: 20px;
text-align: right;
font-size: 14px;
font-weight: bold;
font-style: normal;
text-decoration: none;
text-transform: capitalize;
font-variant: small-caps;}

tr.Banner {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #ffffff;
font-weight: bold;
font-style: normal;
text-align: left;
padding-right: 4px;}

td.Banner {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #ffffff;
font-weight: bold;
font-style: normal;
text-align: right;
padding-right: 4px;}

td.Banner a:link {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #ffffff;


font-weight: bold;
font-style: normal;
padding-right: 4px;
padding-left: 4px;
}

td.Banner a:visited {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #ffffff;

font-weight: bold;
font-style: normal;
padding-right: 4px;
padding-left: 4px;
}

td.Banner a:active {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #ffffff;

font-weight: bold;
font-style: normal;
padding-right: 4px;
padding-left: 4px;
}

td.Banner a:hover {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #ffffff;

font-weight: bold;
font-style: normal;
padding-right: 4px;
padding-left: 4px;
}



/*content tables*/

table.AOYBKG {
background:url(/resources/images/bkgs/ccbass/actionbass1_tn.gif)
background:repeat
}

table.COAOYBKG {
background:url(/resources/images/bkgs/ccbass/coanglerbkg.png)
background:repeat
}

table.Content {
margin:10px 0 0 0;
width:100%;
background-color:#FFFFFF;
text-align:center;
vertical-align:top;
padding: 0.25em 1em 0.25em 1em;
color: #330066;
font-style: normal;
}

caption.Content {
padding: 1em 1em 1em 1em;
/*background-image:url(/resources/images/bkgs/ccbass/caption_bkg.gif);
background-color:#eaeaea;
/*background-color:#FFFFFF;*/
color:#669999;
/*font-variant:small-caps;*/
font-size:large;
font-weight:bold;
margin: 0px 0px 0px 25px;
border-bottom:#cccccc solid 1px;
}

Th.Content {
	text-align: right;
	font-weight:800;
	padding: 0.2em .2em 0.2em 1em;
	border-bottom:#ffffff solid 2px;
	vertical-align:top;
	white-space:nowrap;
	background-color:#EAEAEA;
	}

tr.Content {
}


td.Content {
text-align: left;
width: 100%;
vertical-align:top;
padding: 0.2em .2em 0.2em 1em;
}

td.Content a:link {
	color: #3300CC;
	font-weight: bold;
	text-decoration : none;
	
}

td.Content a:visited {
	color : #3300CC;
	font-weight: bold;
	text-decoration : none;
}

td.Content a:active {
	color: #3300CC;
	text-decoration : none;
	font-weight: bold;
}

td.Content a:hover {
	color : #993300;
	font-weight: bold;
	text-decoration : none;
}

table.LeaderBoard {
margin:10px 0 0 0;
width:100%;
background-color:#FFFFFF;
text-align:center;
vertical-align:top;
padding: 0.25em 1em 0.25em 1em;
color: #330066;
font-style: normal;
}

caption.LeaderBoard {
padding: 2em 1em 1em 1em;
background-image:url(/resources/images/bkgs/bkggrad.jpg);
background-color:#FFFFFF;
/*background-color:#FFFFFF;*/
color:#669999;
font-variant:small-caps;
font-weight:bold;
border-bottom:#cccccc solid 1px;
}

Th.LeaderBoard {
	text-align: center;
	color:#FFFFFF;
	font-weight:800;
	vertical-align:top;
	white-space:nowrap;
	background-color:#38705F;
	border:solid #013031 1px;
	}

tr.LeaderBoard {
}


td.LeaderBoard {
text-align: left;
width: 100%;
vertical-align:top;
background-color:#e1f3f3;
background-image:url(../images/bkgs/ccbass/leaderboard_body.gif);
background-repeat:repeat-x;
border:solid #013031 1px;

}

td.LeaderBoard a:link {
	color: #3300CC;
	font-weight: bold;
	text-decoration : none;
	
}

td.LeaderBoard a:visited {
	color : #3300CC;
	font-weight: bold;
	text-decoration : none;
}

td.LeaderBoard a:active {
	color: #3300CC;
	text-decoration : none;
	font-weight: bold;
}

td.LeaderBoard a:hover {
	color : #993300;
	font-weight: bold;
	text-decoration : none;
}

table.Mailbox {
width:98%;
text-align:center;
vertical-align:top;
padding: 0.25em 1em 0.25em 1em;
color: #330066;
font-style: normal;
border:#cccccc solid 1px;

}

caption.Mailbox {
width:100%;
padding: 1em 1em 1em 1em;
/* background-color:#ffffff; */
font-weight:bold;
border-bottom:#cccccc solid 1px;
}

th.Mailbox {
border-bottom:#cccccc solid 1px;
text-align:left;
color:#FFFFFF;
vertical-align:middle;
padding:0 10px 0 5px;
background-color:#CCCCCC;
white-space:nowrap;
}


tr.Mailbox {
}

/* took out width:5em; from both th and td see if it hurts anything*/
td.Mailbox {
text-align:left;
padding:0 10px 0 5px;
height:2.5em;
}


th.Mailbox a:link {
	color: #3300CC;

}

th.Mailbox a:visited {
	color : #3300CC;

}

th.Mailbox a:active {
	color:#3300CC;
	
}

th.Mailbox a:hover {
	color:#993300;
	
}


td.Mailbox a:link {
	color: #3300CC;
	}

td.Mailbox a:visited {
	color : #3300CC;
	}

td.Mailbox a:active {
	color:#3300CC;
	}

td.Mailbox a:hover {
	color:#993300;
	}

th.Mailbox a:link {
	color: #3300CC;

}

th.Mailbox a:visited {
	color : #3300CC;

}

th.Mailbox a:active {
	color:#3300CC;
	
}

th.Mailbox a:hover {
	color:#993300;
	
}


td.Mailbox a:link {
	color: #3300CC;
	}

td.Mailbox a:visited {
	color : #3300CC;
	}

td.Mailbox a:active {
	color:#3300CC;
	}

td.Mailbox a:hover {
	color:#993300;
	}
	
table.MinutesDetail {
width:100%;
text-align:center;
vertical-align:top;
padding: 0.25em 1em 0.25em 1em;
color: #330066;
font-style: normal;
/* background-image:url(../images/bkgs/divbkggradnotrans.gif)*/
}

caption.MinutesDetail {
width:100%;
font-size:medium;
text-align:center;
padding: 1em 1em 1em 0em;
background-color:#ffffff;
font-weight:bold;
border-bottom:#cccccc solid 1px;
}

th.MinutesDetail {
border-bottom:#cccccc solid 1px;
border-top:#ffffff solid 1px;
background-color:#eaeaea;
text-align:left;
vertical-align:middle;
padding:0 10px 0 5px;
white-space:nowrap;
}


tr.MinutesDetail {
}

/* took out width:5em; from both th and td see if it hurts anything*/
td.MinutesDetail {
text-align:left;
padding:0 10px 0 5px;
height:2.5em;
}


th.MinutesDetail a:link {
	color: #3300CC;

}

th.MinutesDetail a:visited {
	color : #3300CC;


}

th.MinutesDetail a:active {
	color:#3300CC;
	
}

th.MinutesDetail a:hover {
	color:#993300;
	
}


td.MinutesDetail a:link {
	color: #3300CC;
	}

td.MinutesDetail a:visited {
	color : #3300CC;
	}

td.MinutesDetail a:active {
	color:#3300CC;
	}

td.MinutesDetail a:hover {
	color:#993300;
	}
	
	
table.MinutesDetailNew {
width:100%;
text-align:center;
vertical-align:top;
padding: 0.25em 1em 0.25em 1em;
color: #330066;
font-style: normal;
/* background-image:url(../images/bkgs/divbkggradnotrans.gif)*/
}

caption.MinutesDetailNew {
width:100%;
font-size:large;
text-align:left;
padding: 1em 1em 1em 0em;
background-color:#ffffff;
font-weight:bold;
border-bottom:#cccccc solid 1px;
}

th.MinutesDetailNew {
border-bottom:#cccccc solid 1px;
border-top:#ffffff solid 1px;
background-color:#eaeaea;
text-align:left;
vertical-align:middle;
padding:0 10px 0 5px;
white-space:nowrap;
}


tr.MinutesDetailNew {
}

/* took out width:5em; from both th and td see if it hurts anything*/
td.MinutesDetailNew {
text-align:left;
padding:0 10px 0 5px;
height:2.5em;
}


th.MinutesDetailNew a:link {
	color: #3300CC;

}

th.MinutesDetailNew a:visited {
	color : #3300CC;

}

th.MinutesDetailNew a:active {
	color:#3300CC;
	
}

th.MinutesDetailNew a:hover {
	color:#993300;
	
}


td.MinutesDetailNew a:link {
	color: #3300CC;
	}

td.MinutesDetailNew a:visited {
	color : #3300CC;
	}

td.MinutesDetailNew a:active {
	color:#3300CC;
	}

td.MinutesDetailNew a:hover {
	color:#993300;
	}

table.MinutesDetailOld {
width:100%;
text-align:center;
vertical-align:top;
padding: 0.25em 1em 0.25em 1em;
color: #990000;
font-style: normal;
/* background-image:url(../images/bkgs/divbkggradnotrans.gif)*/
}

caption.MinutesDetailOld {
width:100%;
font-size:large;
color:#990000;
text-align:left;
padding: 1em 1em 1em 0em;
background-color:#ffffff;
font-weight:bold;
border-bottom:#cccccc solid 1px;
}

MinutesDetailOld{
font-size:large;
color:#ffffff;
}

th.MinutesDetailOld {
border-bottom:#cccccc solid 1px;
border-top:#ffffff solid 1px;
background-color:#eaeaea;
text-align:left;
vertical-align:middle;
padding:0 10px 0 5px;
white-space:nowrap;
}


tr.MinutesDetailOld {
}

/* took out width:5em; from both th and td see if it hurts anything*/
td.MinutesDetailOld {
text-align:left;
padding:0 10px 0 5px;
height:2.5em;
}


th.MinutesDetailOld a:link {
	color: #3300CC;

}

th.MinutesDetailOld a:visited {
	color : #3300CC;

}

th.MinutesDetailOld a:active {
	color:#3300CC;
	
}

th.MinutesDetailOld a:hover {
	color:#993300;
	
}


td.MinutesDetailOld a:link {
	color: #3300CC;
	}

td.MinutesDetailOld a:visited {
	color : #3300CC;
	}

td.MinutesDetailOld a:active {
	color:#3300CC;
	}

td.MinutesDetailOld a:hover {
	color:#993300;
	}


table.RepeatRegion {
margin:10px 0 0 0;
width:100%;
background-color:#FFFFFF;
text-align:center;
vertical-align:top;
padding: 0.25em 1em 0.25em 1em;
color: #330066;
font-style: normal;
/* background-image:url(../images/bkgs/divbkggradnotrans.gif)*/
}

caption.RepeatRegion {
padding: 1em 1em 1em 1em;
/*background-image:url(/resources/images/bkgs/ccbass/caption_bkg.gif);
background-color:#eaeaea;
/*background-color:#FFFFFF;*/
color:#669999;
/*font-variant:small-caps;*/
font-size:large;
font-weight:bold;
margin: 0px 0px 0px 25px;
border-bottom:#cccccc solid 1px;
}

th.RepeatRegion {
border-bottom:#cccccc solid 1px;
text-align:left;
background-color:#eaeaea;
vertical-align:middle;
padding:0 10px 0 5px;
white-space:nowrap;
}

th.RepeatRegion100 {
border-bottom:#cccccc solid 1px;
text-align:left;
vertical-align:middle;
padding:0 10px 0 5px;
width:70%;

}

tr.RepeatRegion {
}

/* took out width:5em; from both th and td see if it hurts anything*/
td.RepeatRegion {
text-align:left;
padding:0 10px 0 5px;
height:2.5em;
}

td.RepeatRegion100 {
text-align:left;
padding:0 10px 0 5px;
width:70%;
height:2.5em;

}

th.RepeatRegion a:link {
	color: #3300CC;

}

th.RepeatRegion a:visited {
	color : #3300CC;

}

th.RepeatRegion a:active {
	color:#3300CC;
	
}

th.RepeatRegion a:hover {
	color:#993300;
	
}


td.RepeatRegion a:link {
	color: #3300CC;
	}

td.RepeatRegion a:visited {
	color : #3300CC;
	}

td.RepeatRegion a:active {
	color:#3300CC;
	}

td.RepeatRegion a:hover {
	color:#993300;
	}

th.RepeatRegion100 a:link {
	color: #3300CC;

}

th.RepeatRegion100 a:visited {
	color : #3300CC;

}

th.RepeatRegion100 a:active {
	color:#3300CC;
	
}

th.RepeatRegion100 a:hover {
	color:#993300;
	
}


td.RepeatRegion100 a:link {
	color: #3300CC;
	}

td.RepeatRegion100 a:visited {
	color : #3300CC;
	}

td.RepeatRegion100 a:active {
	color:#3300CC;
	}

td.RepeatRegion100 a:hover {
	color:#993300;
	}

table.RepeatSmall

 {
width:100%;
text-align:center;
vertical-align:top;
margin:10px 0px 0px 0px;
padding: 0.25em 1em 0.25em 1em;
color: #330066;
font-style: normal;
background-color:#FFFFFF
/* background-image:url(../images/bkgs/divbkggradnotrans.gif)*/
}

caption.RepeatSmall

 {
padding: 2em 1em 1em 1em;
/*background-image:url(/resources/images/bkgs/ccbass/caption_bkg.gif);
background-color:#FFFFFF;
background-color:#FFFFFF;*/
color:#669999;
font-variant:small-caps;
font-weight:bold;
border-bottom:#cccccc solid 1px;
}

th.RepeatSmall

 {
border-bottom:#cccccc solid 1px;
background-color:#eaeaea;
vertical-align:middle;
padding:0 5px 0 5px;
white-space:nowrap;
}

tr.RepeatSmall

 {
}

/* took out width:5em; from both th and td see if it hurts anything*/
td.RepeatSmall

 {
padding:0 5px 0 5px;
}

th.RepeatSmall

 a:link
 {
	color: #3300CC;
}

a:visited
 {
	color:#333333;
}

a:active
 {
	color: #3300CC;
}
 a:hover {
	color:#993300;
}



/*Menu Interfaces */

/* navigation for mail */
ul#navmaillist  
		{
			text-align: left;
			list-style: none; /*removes list style so no buttons show*/
			padding: 1px 1px 1px 1px;  /* keep the buttons closer together */
			margin: 0 0 0 0 ;
			
		}
		
		ul#navmaillist li
		{
			display: block;
			text-align:left;
			margin: 0 0 0 0;
			padding: 1px 1px 1px 1px;  /* keep the buttons closer together */
		}
				
		ul#navmaillist li a /* for hyperlink in up stage */
		{
			display: block;
			padding: 1px 1px 1px 1px;  /* keep the buttons closer together */
			border-width: 1px;
			border-color: #ffe #aaab9c #ccc #fff;  /* give the grayish ridge border between buttons */
			border-style: solid;
			color: #26a; /* color of word text */
			text-decoration: none;
			background: transparent; /* color button up background originally #f7f2ea */
		}
		
		#navmailcontainer>ul#navmaillist li a { width: auto; }
		
		ul#navmaillist li#active a
		{
			background: transparent;  /* background of up for active originally #f7f2ea */
			color: #800000;    /*text color for active */
					}
				
		ul#navmaillist li a:hover, 	ul#navmaillist li#active a:hover/*text color background and border for hover */
		{
			display: block;
			padding: 1px 1px 1px 1px;  /* keep the buttons closer together */
			border-width: 1px;
			border-color: #aaab9c #ffe #fff #ccc ;  /* give the grayish ridge border between buttons */
			border-style: solid;
			color: #26a; /* color of word text */
			text-decoration: none;
			background: #f7f2ea; /* color button up background */
		}


/* navigation for TOP menu */
/************* globalNav styles ****************/

#TOPNAV{
	position: absolute;
	top:5px;
	right:20px;
	}
	

#globalNav{
position:absolute;
Top: 100px;
Right: -20px;
width: 100%;
height: 32px;
color: #cccccc;
padding: 0px;
margin: 0px;
}

#globalNav img{
	margin-bottom: -4px;
 
}

#gnl {
	position: absolute;
	top: 0px;
	left:0px;
}

#gnr {
	position: absolute;
	top: 0px;
	right:0px;
}

#TopNavLink{
	position: absolute;
	top: 6px;
	height: 22px;
	padding: 0px;
	margin: 0px;
	right: -17px;
	z-index: 100;
}


a.glink, a.glink:visited{
  	font-size: small;
  	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
}

a.glink:hover{
  	background-image: url(../images/bkgs/glblnav_selected.gif);
	text-decoration: none;
}

.skipLinks {display: none;}

/************ subglobalNav styles **************/

.subglobalNav{
	position: absolute;
	top: 84px;
	left: 0px;
	/*width: 100%;*/
	height: 20px;
	padding: 0px 0px 0px 10px;
	visibility: hidden;
	color: #ffffff;
}

.subglobalNav a:link, .subglobalNav a:visited {
	font-size: 80%;
	color: #ffffff;
}

.subglobalNav a:hover{
	color: #cccccc;
}


/* navigation for Left menu */

		
		ul#navuserlist  
		{
			text-align:left;
			width:100%;
			display: block;
			list-style: none; /*removes list style so no buttons show*/
			padding: 0px 0px 1px 0px;
			margin: -4px 0px 0px 0px;
			background-color:#EAEAEA;
			/*background-image:url(../images/bkgs/ccbass/ccbc_nav_bkg_grad.gif);*/
		}
		
		ul#navuserlist li
		{
			text-align:left;
			width:125px;
			display: block;
			margin: 0px -25px 0px 0px;
			padding: 0 0 0 0;
		}
				
		ul#navuserlist li a /* for hyperlink in up stage */
		{
			text-align:left;
			display: block;
			width: 125px;
			padding: 1px 5px 1px 20px;  /* keep the buttons closer together */
			margin: 0px 0px 0px -2px;
			border-bottom-color:#ffffff;
			border-bottom-width:1px;
			border-bottom-style: solid;
			color:#000066; /* color of word text */
			text-decoration: none;
			background:transparent; 
		}
		
		ul#navuserlist li a:hover /* for hyperlink in up stage */
		{
			text-align:left;
			display: block;
			width: 125px;
			padding: 1px 5px 1px 20px;  /* keep the buttons closer together */
			margin: 0px 0px 0px -2px;
			border-bottom-color:#cccccc;
			border-bottom-width:1px;
			border-bottom-style: solid;
			color:#006699; /* color of word text */
			text-decoration: none;
			/*background:#CCCCCC;  color button up background originally #f7f2ea */
		}
		
		ul#navuserlist li#sticky a /* for hyperlink in up stage */
		{
			text-align:left;
			font-variant:small-caps;
			font-weight:800;
			display: block;
			width: 125px;
			padding: 1px 5px 1px 20px;  /* keep the buttons closer together */
			margin: 0 0 0 0;
			border-bottom-color:#cccccc;
			border-bottom-width:1px;
			border-bottom-style: solid;
			color: #ffffff; /* color of word text */
			text-decoration: none;
			background:#999999; /* color button up background originally #f7f2ea */
		}

		ul#navuserlist li#section /*for you got mail in up state */
		{
			color:#660033; /* color of word text */
			text-align:left;
			display: block;
			width: 100%;
			padding: 10px 0px 1px 20px;  /* keep the buttons closer together */
			margin: 0px -10px 0px -10px;
			text-decoration:underline;
			font-weight:bold;

		}
				
		
		#navusercontainer>ul#navuserlist li a { width: auto; }
		
		ul#navuserlist li#active a
		{
			background: transparent;  /* background of up for active originally #f7f2ea */
            width:100%;
			margin: 0 0 0 0;
			color: #800000;    /*text color for active */
					}
		
		ul#navuserlist li#mail a  /*for you got mail in up state */
		{
			background:transparent;
			color: #26a;
			font-weight:bold;
			margin: 0 0 0 0;
			background-repeat:no-repeat;
			background-attachment:fixed;
			background-position: top left;
			background-image:url(../images/mail/yougotmail.gif);
		}
		
		ul#navuserlist li#mail a:hover  /*for you got mail in up state */
		{
			display: block;
			padding: 1px 0px 1px 20px;  /* keep the buttons closer together */
			margin: 0 0 0 0;
			border-width: 1px;
			border-color: #ffe #aaab9c #ccc #fff;  /* give the grayish ridge border between buttons */
			border-style: solid;
			color: #000066; /* color of word text */
			text-decoration: none;
			background: #f7f2ea; /* color button up background */
			font-weight:bold;
			background-repeat:no-repeat;
			background-attachment:fixed;
			background-position: top left;
			background-image:url(../images/mail/yougotmail.gif);
		}
		
ul#navuserlist li a:hover, 	ul#navuserlist li#active a:hover, ul#navuserlist li#section a:hover/*text color background and border for hover */
		{
			display: block;
            width:100%;
			margin: 0 0 -1px 0;
			padding: 1px 5px 2px 20px;  /* keep the buttons closer together */
			color:#000066; /* color of word text */
			text-decoration: none;
			background: #f7f2ea; /* color button up background  #f7f2ea*/
		}	
		
/***********************************************/
/* Layout Divs                                 */
/***********************************************/


#tl {
	position:absolute;
	top: -1px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#tr {
	position:absolute;
	top: -1px;
	right: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#bl {
	position:absolute;
	bottom: 1px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#br {
	position:absolute;
	bottom: 1px;
	right: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#info100tl {
	position:absolute;
	top: 10px;
	left: 29px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#info100tr {
	position:absolute;
	top: 10px;
	right: 28px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}


#info100bl {
	position:absolute;
	bottom: 0px;
	left: 29px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#info100br {
	position:absolute;
	bottom: 0px;
	right: 28px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}
	
/*page footer*/
/* Footer */    
    
table.PageFooter {
font-family: Verdana, Helvetica, Arial, sans-serif;
color:#eaeaea;
height:50px;
}

th.PageFooter {
text-align: center;
font-weight: bolder;
font-size: large;
font-style: normal;
color: #ffffff;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

td.PageFooter {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#cccccc;
	font-style: normal;
	text-align: center;
	text-decoration : none;
	}


td.PageFooter a:link {
	color:#ffffff;
	text-decoration:underline;
}

td.PageFooter a:visited {
	color:#ffffff;
	text-decoration:underline;
}

td.PageFooter a:active {
	color : #ffffff;
	text-decoration : none;
}

td.PageFooter a:hover {
	color : #ffffff;
	text-decoration : none;
}	
	
/*tag applied will only show upon printing of document - not at all will it show on screen*/
#printonly {display:none;
}

	

/*for page navigation using breadcrums*/
p.breadcrumbs {font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

p.breadcrumbs a:link {font-weight: bold;
text-decoration: none}

p.breadcrumbs a:visited {font-weight: bold;
text-decoration: none}

p.breadcrumbs a:hover {color: #d32c48;
text-decoration: none}

.currentpage {font-weight: bold}

span.separator {color: #d32c48;
font-weight: bold;
font-size: 10px}

/*tag applied will only show upon printing of document - not at all will it show on screen*/
#printonly {display:none;
}

}


@media print {
/*Printing*/
#remove {display:none;
}
#printonly {display:block;
}

table.PrintPageFooter {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #000000;
}

th.PrintPageFooter {
text-align: center;
font-weight: bolder;
font-size: large;
font-style: normal;
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

td.PrintPageFooter {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-style: normal;
	text-align: center;
	text-decoration : none;
	width: 100%;}	    

}
/***********************************************/
/* slider Divs                                 */
/***********************************************/


/* image-preview control elements */

.control-container-img {

    /* as far as contorls are displayed as inline-block this puts them to center */

    /* choose left or right to put it to left/right */

    text-align: center; 

    

    /* change this to the values you need */

    margin-top: 1px;

    overflow-x: scroll;

    overflow-y: hidden;

    white-space: nowrap;

}



.control-element-img, .control-element-active-img {

    /* this displays element as inline-block; zoom and *display is a hack for ie7 which does not support inline-block */

    display: inline-block;

    zoom: 1;

    *display: inline;

    

    /* change this to the values you need */

    width: 150px;

    height: 88px;

    margin: 0;

    cursor: pointer;

    opacity: 0.4;

    filter: alpha(opacity=40)

}



.control-element-img:hover {

    opacity: 0.7;

    filter: alpha(opacity=70)

}



.control-element-active-img {

    opacity: 1;

    filter: alpha(opacity=100)

}



.control-element-img img, .control-element-active-img img {

    width: 150px;

    height: 88px;

}     

/***********************************************/
/* slider player css                                 */
/***********************************************/


* usual player with images */
.player-container {
    height: 28px;
    white-space: nowrap;
}

.player-pause, .player-play, .player-forward, .player-back {
    /* this displays element as inline-block; zoom and *display is a hack for ie7 which does not support inline-block */
    display: inline-block;
    zoom: 1;
    *display: inline;
    
    cursor: pointer;
    margin-left: 5px;
    height: 28px;
    width: 33px;
    background-image: url(../img/slider-demo/player-sprite.png);
}

.player-pause {
    background-position: -199px 0;
    width: 28px;
}

.player-pause:hover {
    background-position: -161px 0;
}

.player-play {
    background-position: -356px 0;
    width: 28px;
}

.player-play:hover {
    background-position: -319px 0;
}

.player-back {
    background-position: -275px 0;
}

.player-back:hover {
    background-position: -234px 0;
}

.player-forward {
    background-position: -434px 0;
}

.player-forward:hover {
    background-position: -393px 0;
}     

/* smart image enlarger starts here */
/* If your images are not linking to other pages leave the links as <a href="#nogo"> Otherwise enlarger won't work in IE6 */

.ienlarger {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-top: 5px;
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.ienlarger span img {
	border: 0px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 0px; /* pushes the text down from the image */
	
}

.ienlarger a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color:#DCDCDCC; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-color:#CCC;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
}

.ienlarger img { /* leave or IE puts a border around links */
border-width: 0;
}

.ienlarger a:hover span { 
	display:block;
	top: 1px; /* means the pop-up's top is "X" px away from thumb's top */
	left: 60px; /* means the pop-up's left is "x" px far from the thumb's left */
	z-index: 100;
	background:#eaeaea;
	box-shadow: 7px 7px 8px #818181;
	-webkit-box-shadow: 7px 7px 8px #818181;
	-moz-box-shadow: 7px 7px 8px #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=2, offY=2, positive=true);
	border:groove;
	border-left-width:1px;
	border-left-color:#960;
	border-top-width:1px;
	border-top-color:#960;
	border-right-width:0px;
	border-right-color:#000000;
	border-bottom-width:0px;
	border-bottom-color:#000000;	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.resize_thumb {
	width: 50px; /* enter desired thumb width here */
	height : auto;
	background:#eaeaea;
	box-shadow: 7px 7px 8px #818181;
	-webkit-box-shadow: 7px 7px 8px #818181;
	-moz-box-shadow: 7px 7px 8px #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=2, offY=2, positive=true);
	border:groove;
	border-left-width:1px;
	border-left-color:#960;
	border-top-width:1px;
	border-top-color:#960;
	border-right-width:0px;
	border-right-color:#000000;
	border-bottom-width:0px;
	border-bottom-color:#000000;
}

#SignupLink {
	text-align: center;
}

/* smart image enlarger ends here */

.antispam { display:none;}

</style>