/*
Filename:      site.css
Description:  file is used to store classes tht should apply site wide, BUT are NOT visible to the user via the styles dropdown in the editor window
   used in conjunction with basic.css
*/

body.cst_site { background-color: #EAEAEA; text-align: center; margin: 0px; }

table.bg { border-collapse: collapse; border-spacing: 0; border: 0px; margin 0px; text-align: center; }
td.bg { height:100px; text-align: center; margin:0px auto; background: url(images/bg.gif); }

td.outerdfbbody { width:100%; height:100px; text-align:center; vertical-align: top;}
table.innerdfbbody { border-collapse: collapse; border-spacing: 0; width:100%; height:100px; text-align:center; }
td.outerfooter { width:100%; height:100px; text-align:center; }
table.innerfooter { border-collapse: collapse; border-spacing: 0; width:780px; text-align: center; vertical-align: bottom; }
td.footerspacer { width: 15px; }

td.topLeft { width: 155px; height: 100px; vertical-align: top; }

table.header { border-collapse: collapse; border-spacing: 0; width:780px; height:100px;  vertical-align: top;}
td.header { width:470px; height:75px;  vertical-align: top;}

td.contentImageOutline { height: 72px; vertical-align: middle; text-align: left; padding: 0px 0px 0px 30px; font-size: 24px; font-family:"verdana"; color: #FFFFFF; }

td.searchArea { width: 143px; height: 75px; background-color: #979EBD; padding: 7px 7px 7px 7px; text-align: center;  vertical-align: top; }
.searchAreaText { font-size: 11px font-family:"arial"; font-weight:bold;}
input.searchAreaInput {  margin: 0px; font-size: 9px; font-family:"arial"; font-weight:none;}
a.searchButton { cursor: default; }

td.topNav{ height: 38px; vertical-align: center; }
a.topNav:link, a.topNav:visited, a.topNav:active {
	text-decoration: none;
	color: #FFFFFF;
	vertical-align: bottom;
	font-size: 12px;
	font-family:"verdana";
	font-weight: none;
	font-variant : small-caps;
	padding: 0px 7px 0px 7px;
}
a.topNav:hover { text-decoration: underline; color: #FFFFFF; vertical-align: bottom; font-size: 12px; font-family:"verdana" font-weight: none;padding: 0px 7px 0px 7px;  }
a.topNavSelected:link, a.topNavSelected:visited, a.topNavSelected:active, a.topNavSelected:hover { text-decoration: underline; color: #FFFFFF; vertical-align: bottom; font-size: 12px; font-family:"verdana"; font-weight: bold;padding: 0px 7px 0px 7px;  }

td.leftNavOutline { width: 149px; background-color: #979EBD; color: white; vertical-align: top; text-align: left; padding: 14px 1px 14px 5px; font-size: 11px; font-family:"arial"; }
table.lnavhome { width: 143px; }
td.lnavtitle { height: 13px; width: 100%; background-color: #EB9106; padding: 0px 1px 0px 4px; }
a.lnavtitle:link, a.lnavtitle:active, a.lnavtitle:visited, a.lnavtitle:hover { width: 100%; height: 100%; text-decoration: none; color: #FFFFFF; font-weight: bold; }
td.lnavcontent { color: #FFFFFF; padding: 1px 5px 5px 5px; font-size: 11px; font-family:"arial"; }
table.lnavsub { width: 134px; }
table.lnavblock { width: 130px; padding: 0px 0px 0px 0px; }
td.lnavmain { background-color: #F4C458; color: #FFFFFF; vertical-align: middle; width: 132px; height: 15px; font-size: 11pt; font-family:"arial"; }
td.lnavmainarrow { background-color: #F4C458; color: #FFFFFF; vertical-align: middle; width: 11px; height: 15px; }
td.lnavsub1 { background-color: #DDDFEA; color: #FFFFFF; vertical-align: middle; width: 126px; height: 15px; padding: 0px 0px 0px 2px; }
td.lnavsub2 { background-color: #DDDFEA; color: #000000; vertical-align: middle; width: 117px; height: 15px; padding: 0px 0px 0px 2px; }
a.lnavtext:link, a.lnavtext:active, a.lnavtext:visited, a.lnavtext:hover {
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #000000;
	font-weight: none;
	font-size: 11px;
	font-family:"arial";
	padding-left : 2px;
}

td.contentAreaHome { width: 100%; height: 300px; vertical-align: top; text-align: left; background-color: #FFFFFF; padding: 20px 20px 20px 20px; font-size: 11px; font-family:"arial"; }
td.contentAreaHomeLeft { width: 100%; vertical-align: top; text-align: left; padding: 0px 10px 0px 0px; }
td.contentAreaHomeRight { width: 160px; vertical-align: top; text-align: right; padding: 0px 0px 0px 10px; }
table.bodybox {  border-collapse: collapse; margin: 0px; width: 170px; border-spacing: 0; }
a.bodytitle:link, a.bodytitle:active, a.bodytitle:visited, a.bodytitle:hover { width: 100%; height: 100%; text-decoration: none; color: #FFFFFF;}
.bodyboxText { background-color: #D1D1D1; font-size: 11px; font-family:"arial"; font-weight: bold; color: #FFFFFF;  vertical-align: bottom; }
td.homeBoxTitle {
	font-family: "arial";
	font-size: 11px;
	background-color: #EB9106;
	color: #FFFFFF;
	font-weight: bold;
	height: 16px;
	padding: 1px 0px 0px 10px;
	border: 1px solid #FFFFFF;
	font-variant : small-caps;
}
td.homeBoxContent { background-color: #DDDFEA; color: #000000; padding: 10px 2px 10px 10px; border: 1px solid #FFFFFF; font-family: "arial"; font-size: 11px;  }
td.contentAreaSub { width: 585px; height: 300px; vertical-align: top; text-align: left; background-color: #FFFFFF; padding: 20px 20px 20px 20px; font-size: 10pt; font-family:"arial"; }

td.rightNavOutline { width: 149px; background-color: #A3B2DD; vertical-align: top; text-align: center; padding: 14px 0px 14px 6px; font-size: 8pt; font-family:"arial"; }
table.rnavbox {  border-collapse: collapse; margin: 0px; height: 94px; width: 143px; border-spacing: 0; border: 1px; border-color: #FFFFFF; }
td.rnavboxbg1 { background: url(images/right_box_1.jpg); vertical-align: top; border: 1px solid #FFFFFF; width: 100%; }
td.rnavboxbg2 { background: url(images/right_box_2.jpg); vertical-align: top; border: 1px solid #FFFFFF; width: 100%; }
td.rnavboxtop { color: #FFFFFF; font-weight: bold; border-bottom: 1px solid #FFFFFF; padding: 0px 6px 0px 6px; }
td.rnavchoose { background-color: #9DA3A8; height: 4px; width: 100%; border: 1px solid #FFFFFF; padding: 1px 6px 1px 6px; }
a.rnavchoose:link, a.rnavchoose:active, a.rnavchoose:visited, a.rnavchoose:hover { width: 100%; height: 100%; text-decoration: none; color: #FFFFFF; font-weight: bold; }
.choose { color: #FFFFFF; font-weight: bold; }

/** h2 class added to overwrite the LARGE text used in the No Matches Found stuff for isearch */
h2 { font-size: 12pt;font-weight:bold; }

.bodybackground {
	background: url(../images/body_background.jpg);
	background-repeat: repeat-x;
	background-color: #333333;
	vertical-align: top;
}

.pulldownbackground {
	background: url(../images/location_pull_down.gif);
	background-repeat: repeat-y;
}

.leftnavheader { font-family: Verdana; font-weight: bold; color: #FFFFFF; font-size: 10px}

.dropdownlink {color: #FFFFFF; text-decoration: none;}
A.dropdownlink:link, A.dropdownlink:active, A.dropdownlink:visited {color: #FFFFFF ; text-decoration:none;font-size:8pt;}
A.dropdownlink:hover {color: #FFFFFF; text-decoration:none;font-size:8pt;}

.leftnav1 {font-family: Arial; color: #000000; text-decoration: underline; font-size: 11px}
A.leftnav1:link, A.leftnav1:active, A.leftnav1:visited {font-family: Arial; color: #000000 ; text-decoration:underline;font-size:11px;}
A.leftnav1:hover {font-family: Arial; color: #000000; text-decoration:none;font-size:11px;}

.leftnavon {font-family: Arial; color: #000000; text-decoration: none; font-size: 11px}
A.leftnavon:link, A.leftnavon:active, A.leftnavon:visited {font-family: Arial; color: #000000 ; text-decoration:none;font-size:11px;}
A.leftnavon:hover {font-family: Arial; color: #000000; text-decoration:none;font-size:11px;}


.locationmenu {
	border: 1px solid #E5E5E5;
}

.vendorlist {
	border-style: solid;
	border-color: #65ABE8;
	border-width: 0px 1px 1px 1px;
}

.searchformbox {
	font-family: Verdana;
	color: #000000;
	width: 100px;
	height: 16px;
	font-size: 11px;
	text-decoration: none;
	background-color: #FFFFFF;
	padding-left: 2;
	padding-right: 2;
	padding-top: 1;
	padding-bottom: 1;
	border-right : 1px solid #E5E5E5;
	border-left : 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	border-top : 1px solid #E5E5E5;
	border-style : solid;
	text-align : left;
}


.formtextbox {
	font-family: Verdana;
	color: #000000;
	font-size: 11px;
	text-decoration: none;
	background-color: #FFFFFF;
	padding-left: 2;
	padding-right: 2;
	padding-top: 1;
	padding-bottom: 1;
	border-right : 1px solid #E5E5E5;
	border-left : 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	border-top : 1px solid #E5E5E5;
	border-style : solid;
	text-align : left;
}

.newslettertextbox {
	font-family: Arial;
	color: #000000;
	font-size: 10px;
	width: 120px;
	font-weight: bold;
	text-decoration: none;
	background-color: #FFFFFF;
	padding-left: 2;
	padding-right: 2;
	padding-top: 0;
	padding-bottom: 1;
	border-right : 1px solid #E5E5E5;
	border-left : 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	border-top : 1px solid #E5E5E5;
	border-style : solid;
	text-align : center;
	height: 15px;
}

.newslettertextboxon {
	font-family: Arial;
	color: #000000;
	font-size: 10px;
	width: 120px;
	font-weight: bold;
	text-decoration: none;
	background-color: #FFFFFF;
	padding-left: 2;
	padding-right: 2;
	padding-top: 0;
	padding-bottom: 1;
	border-right : 1px solid #E5E5E5;
	border-left : 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	border-top : 1px solid #E5E5E5;
	border-style : solid;
	text-align : left;
	height: 15px;
}

.pulldowntext { font-family: Arial; font-size: 10px; color: #000000}

// The following classes are used for the calendar script

.main {
width:200px;
border:1px solid black;
}

.month {
background-color:#2B3D87;
font:bold 12px verdana;
color:white;
}

.daysofweek {
background-color:gray;
font:bold 12px verdana;
color:white;
}

.days {
font-size: 12px;
font-family:verdana;
color:black;
background-color: white;
padding: 2px;
}

.days #today{
color: red;
font-weight: bold;
}

table.courseList td { font-family: Arial; font-size: 11px; }
td.courseName { color: #C60D27; font-weight: bold;}
span.privateClasses { color: #2c3c88; font-weight: bold; font-family: "verdana"; font-size: 12px; padding-left: 3px; }

/*Navbar start */

#navbar {
	margin-top: 0px;
	margin-bottom: 0px;
	padding:0;
	height:38px;
	list-style-type:none;
}

#navbar a {
    display: block; 
	height:38px;
	padding: 0;
	text-decoration:none;
} 

#navbar a:hover {
	color:#ffffff;
	color:#ffffff;
}

#navbar li{
	float:left;
	height:auto;
	font-family:arial;
	background: url(../images/menu_background.gif) repeat-x;
	background-color: #363636;
}

#navbar li:hover, #navbar li.sfhover {
background: url(../images/menu_background_on.gif) repeat-x;
background-color: #2d4088;
}

#navbar li ul {
	position: absolute;
	height: auto;
	width: 131px;
	padding: 0;
	margin: 0;
	left: -999em;
	font-weight: normal;
	list-style-type:none;
}


#navbar li ul a {
	width:131px;
	color: #ffffff;
	text-decoration: none;
	font-size: 8pt;
	height: auto;
	margin: 0;
	padding: 0;
	padding-top: 6px;
	padding-bottom: 6px;
	position:relative;
	z-index:500;
}




#navbar li ul li {
	width: 131px;
	float:none;
	margin: 0;
	padding: 0;
	position:relative;
	z-index:500;
}

#navbar li:hover ul {
	left: auto;
}

#navbar li:hover ul, #navbar li.sfhover ul {
    left: auto; 
}


#header_wrapper {
	height:38px;
	padding: 0;
	margin: 0;
	width: 780px;
	text-align: center;
	position:relative;
}
/*navbar end*/