/* ================================
    BCAAR CSS STYLES
   ================================
*/   

/* CoolMenu Code*/

/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{
	position:absolute; 
	visibility:hidden; 
	left:0; 
	top:0;
	}
/* CoolMenus 4 - default styles - end */

.clBar{
	/*Style for the background-bar (behind everything)*/
	position:absolute;
	width:10;
	height:10;
	background-color: #EBC57D;
	layer-background-color:#EBC57D;
	visibility:hidden;
	}

/*Styles for level 0*/
.clLevel0,.clLevel0over{
/* Main Container */
	position:absolute; 
	padding:2px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-weight:bold;
	text-align: center;
	vertical-align: middle;
	}
	
.clLevel0{
	/* Text & Background of Main Container */
	background-color: #EBC57D;
	layer-background-color: #EBC57D;
	color: #000000;
}
	
.clLevel0over{
	/* Mouseover for Main Container */
	background-color: #EBC57D;
	layer-background-color:#EBC57D;
	color: #990000;
	cursor:hand;
	cursor:hand;
	border-bottom: thin solid #FF9933;
	}
.clLevel0border{
/* Border for Main Container */
	position:absolute; 
	visibility:hidden; 
	background-color: #EBC57D; 
	layer-background-color:#EBC57D;
	}

/*Styles for level 1*/
.clLevel1, .clLevel1over{
/* Sub-Level Menu Container */
	position:absolute; 
	padding:3px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-weight:bold;
	vertical-align: middle;
	text-align: center;
	}
	
.clLevel1{
/* Sub-Level Menu Background Color and Text Color */	
	background-color: #F3D583; 
	layer-background-color:#B8860B
	color: Black;
	filter: progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=80, Style=1, StartX=0, FinishX=100, StartY=100, FinishY=100);
	border-bottom: 1px solid #908850;
	border-top: 1px solid #B5AB65;
	-moz-opacity: 0.9;
	opacity: 0.9
	}

.clLevel1over{
/* Sub-Level Mouseover */	
	background-color: #D9B879; 
	layer-background-color:#336699; 
	color: Black; 
	cursor:hand; 
	cursor:hand; 
	}
	
.clLevel1border{
	/* Sub-Level Menu Border */	
	position:absolute;
	visibility:hidden;
	background-color: transparent;
	layer-background-color:#006699;
	}

/*Styles for level 2*/
.clLevel2, .clLevel2over{
/* Sub-Level 2 Menu Container */
	position:absolute; 
	padding:1px; 
	font-family:tahoma,arial,helvetica; 
	font-size:10px; 
	font-weight:bold
	}
	
.clLevel2{
/* Sub-Level 2 Menu Background Color and Text Color */	
	background-color:Navy; 
	layer-background-color:Navy; 
	color:white;
	}
	
.clLevel2over{
/* Sub-Level 2 Mouseover */	
	background-color:#0099cc; 
	layer-background-color:#0099cc; 
	color:Yellow; 
	cursor:pointer; 
	cursor:hand; 
	}
	
.clLevel2border{
/* Sub-Level 2 Menu Border */	
	position:absolute; 
	visibility:hidden; 
	background-color:#006699; 
	layer-background-color:#006699
	}

/* End of CoolMenu Code*/

/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
    background-color: #CCCCCC;
}

/* background color for the content part of the pages */
Body
{
    background-color: white;
}

/* background/border colors for the selected tab */
.TabBg {
    background-color: black;
}

/* text style for the selected tab */
.SelectedTab {
    font-weight: bold;
    font-size: 8.5pt;
    color: white;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
    text-decoration:    none;
    color:white;
}

A.SelectedTab:visited  {
    text-decoration:    none;
    color:#eeeeee;
}

A.SelectedTab:active   {
    text-decoration:    none;
    color:#eeeeee;
}

A.SelectedTab:hover    {
    text-decoration:    none;
    color:#cccccc;
}

/* text style for the unselected tabs */
.OtherTabs {
    font-weight: bold;
    font-size: 8.5pt;
    color: white;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
    text-decoration:    none;
    color:white;
}

A.OtherTabs:visited  {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:active   {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:hover    {
    text-decoration:    none;
    color:#cccccc;
}

/* GENERAL */
/* style for module titles */
.Head   {
    font-family: "Times New Roman", Times, serif;
    font-size:  18px;
    font-weight:    normal;
    color: #333333;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: black;
}

/* text style used for most text rendered by modules */
.Normal, .NormalDisabled
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
}

.NormalRed
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000
}

.NormalBold
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #ff0000;
}
    
/* GENERIC */
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 2em;
	color: #990000;
	margin: 1.2em 0em 1.2em 0em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006600;
}
h2 {
font-family: "Times New Roman", Times, serif; font-size: 1.9em; color: #000000; margin: 1.2em 0em 1.2em 0em; font-weight: normal;}
h3 {
font-family: "Times New Roman", Times, serif; font-size: 1.8em; color: #990000; margin: 0; font-weight: normal; border-bottom: 1px solid #000000;}
h4 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.4em;
	color: #000000;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}
h5, DT {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.3em;
	color: #000000;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}
h6 {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.8em;
	color: #000000;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}

p {
	font-size: 1em;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

TFOOT, THEAD    {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    color: #003366;
}

TH  {
    vertical-align: baseline;
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:    bold;
    color: #003366;
}

A:link  {
    text-decoration:    none;
    color:  #003366;
}

A:visited   {
    text-decoration:    none;
    color:  #003366;
}

A:active    {
    text-decoration:    none;
    color:  #003366;
}

A:hover {
    color:  #660000;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}


UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    color: dimgrey;
    height:1pt;
    text-align:left
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    font-size: 11px;
    background-color: #eeeeee
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
	border-bottom: blue 0px solid; 
	border-left: blue 0px solid; 
	border-top: blue 0px solid; 
	border-right: blue 0px solid; 
}

.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:16;
	background-color: Transparent;
}

.ModuleTitle_MenuItem {
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	border-left: white 0px solid; 
	border-bottom: white 1px solid; 
	border-top: white 1px solid; 
	border-right: white 0px solid;
	background-color: Transparent;
}

.ModuleTitle_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #EEEEEE; 
	border-left: #EEEEEE 1px solid; 
	border-bottom: #EEEEEE 1px solid; 
	border-top: #EEEEEE 1px solid; 
	text-align: center; 
	width: 15; 
	height: 21;
}

.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #FFFFFF; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	border-bottom: #FFFFFF 0px solid; 
	border-left: #FFFFFF 0px solid; 
	border-top: #FFFFFF 0px solid; 
	border-right: #FFFFFF 0px solid;
}

.ModuleTitle_MenuBreak {
	border-bottom: #EEEEEE 1px solid; 
	border-left: #EEEEEE 0px solid; 
	border-top: #EEEEEE 1px solid;  
	border-right: #EEEEEE 0px solid; 
	background-color: #EEEEEE; 
	height: 1px;
}

.ModuleTitle_MenuItemSel {

	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;

	background-color: #C1D2EE;
}

.ModuleTitle_MenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
	border-right: #FFFFFF 1px solid; 
	border-bottom: #FFFFFF 1px solid; 
	border-top: #FFFFFF 0px solid;
}

.ModuleTitle_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}

.links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	cursor: pointer;
	cursor: hand;
	color: #FFFFFF;
}

.hugeheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	text-decoration: none;
	font-weight: bold;
	line-height: 1em;

}
.paragraph {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
	text-decoration: none;
}

.paragraphbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
	text-decoration: none;
	font-weight: bold;
}

.miniheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.niceheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	text-decoration: none;
	font-weight: bold;

}
.largequote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
}
.fineitalic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: normal;

}
.finetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;

}
.finebold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.doublelinebox
{
	border: 3px double;
	padding-bottom: 12px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
	width: 366px;
	border-left-width: 6px;
	border-right-width: 6px;
	border-top-width: 6px;
	border-bottom-width: 6px;
	}
	
.xmodtab {
	background-color: #F5F5DC;
	color: Maroon;
	font-family: Verdana, Tahoma, Arial, Helvetica; 
	font-size: 9px; 
	border: 1px solid #A52A2A;
	padding-bottom: 1px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	border-bottom: 2px solid Black;
	border-right: 2px solid Black;
	}
	
.xmodtab:link {
}

.xmodtab:hover {
	background-color: #ADD8E6;
}

.photobox {
	display: block;
	width: auto;
	margin-top: 3px;
	margin-right: 3px;
	margin-left: 3px;
	margin-bottom: 3px;
	background-color: #F5F5DC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-indent: 3px;
	border: 3px double Maroon;
	border-right: 4px double;
	border-bottom: 4px double;
	}
.bannerphoto {
	background-attachment: scroll;
	background-image: url(graphics/header_photos.jpg);
	background-repeat: repeat-x;
}

/* Custom Code */
.topbar {
	background: #EBC57D;
	height:15px;
	padding: 0 20px 0 20px;
}
.photobar {
	background: url(images/header_photos.jpg) repeat-x;
}
.menubar {background-color: #EBC57D; height:28px;}
.toolbar {
	background: url(graphics/dk-green_grad.jpg) repeat-x;
	position:relative;
	height: 30px;
	padding: 0 20px 0 30px;
	color: #FFFFFF;
}
.toolbar a {
	color: #FFFFFF;
	font-weight: bold;
}
.toolbar .links { margin: 0 15px 0 15px;}

#pagelinks {
	height: 15px;
	width: 100%;
	z-index: 2001;
	text-align: right;
	font-size: 0.9em;
	margin: 0px;
}
#pagelinks a {
	color: #2C240A;
	text-decoration: none;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 7px 0 7px 0;
}
#pagelinks a:hover, #pagelinks a:focus {
	color: #990000;
	background-color: transparent;
}
/* Hide from \Mac IE5 */
#pagelinks .link-home {
	background-image:url(./graphics/home_icon.gif);
	height:10px;
	width:11px;
	margin-right:0px;
	background-position: 0px;
	background-repeat: no-repeat;
}
/* Hide from \Mac IE5 */
#pagelinks .link-home {
	padding-left:14px;
	margin-right:5px;
}
/* Hide from \Mac IE5 */
#pagelinks .link-sitemap {
    background-image:url(./graphics/sitemap_icon.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	height:15px;
    width:21px;
	padding-left:-5px;
	margin-right:5px;
}
/* Hide from \Mac IE5 */
#pagelinks .link-sitemap {
	padding-left:25px;
	margin-right:5px;
}
#pagelinks .link-contact { 
	padding-left:0px;
}
/* Hide from \Mac IE5 */
#pagelinks .link-contact { 
	background-image:url(./graphics/contact_icon.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	height:15px;
    width:21px;
	padding-left:25px;
	margin-right:5px;
}
#pagelinks .link-login{
	padding-left:0px;
}
/* Hide from \Mac IE5 */
#pagelinks .link-login{ 
	background-image:url(./graphics/login_icon.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	height: 15px;
    width:23px;
	padding-left:27px;
}

/* Side Vertical Menu */
#SideMenu {
	width: 150px;
	margin-left: 0px;
	top: 0px;
}
#SideMenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: verdana, arial, Helvetica, sans-serif;
}
#SideMenu li {
	list-style-type: none;
}
#SideMenu a {
	display: block;
	padding: 0px 3px 1px;
	color: #660000;
	background-color: #F3D583;
	text-decoration: none;
	border-top: 2px solid #FBF1D6;
	border-right: 2px solid #A19059;
	border-bottom: 2px solid #5C4F2D;
	border-left: 2px solid #F4E7C5;
	font-size: 1em;
	text-align: center;
	line-height: 17px;
}
#SideMenu a {
	width: 150px !important;
	width: 158px; /* box model */
	width/**/:/**/150px;
}
#SideMenu a:hover, #SideMenu li.active a {
	color: #000;
	background-color: #FCDF92;
	text-decoration: none;
	border-bottom: 2px solid #FBF1D6;
	border-left: 2px solid #A19059;
	border-top: 2px solid #5C4F2D;
	border-right: 2px solid #F4E7C5;
}

/* Misc styles */

.CurrentDate
{
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.searchbox {
	color:#FFFFFF;
	font: bold 11px Arial, Helvetica, sans-serif;
	background: #990000;
	padding: 1px 3px;
	margin-right: 10px;
	border-top: 1px solid #FFCC33;
	border-right: 1px solid #FFCC33;
	border-bottom: 1px solid #FF9933;
	border-left: 1px solid #FF9933;
}

.toptable A:link  {
    text-decoration:    none;
    color: #FFFFFF;
}

.toptable A:visited   {
    text-decoration:    none;
    color:  #FFFFCC;
}

.toptable A:active    {
    text-decoration:    none;
    color:  #FFFFFF;
}

.toptable A:hover {
    text-decoration:    underline;
    color:  #FFCC33;
}
.footer {
	background: #427028;
	border-top: 3px solid #000000;
}
.footer A:link  {
    text-decoration:    none;
    color: #FFFFFF;
}

.footer A:visited   {
    text-decoration:    none;
    color:  #FFFFCC;
}

.footer A:active    {
    text-decoration:    none;
    color:  #FFFFFF;
}

.footer A:hover {
    text-decoration:    underline;
    color:  #FFCC33;
}
.promo {
	color:#FFFFFF;
	font: 12px Arial, Helvetica, sans-serif;
}
.promo a {
	color: #FFDC92;
}
,Head {
	font: 14px "Times New Roman", Times, serif;
	color: #FFFFFF;
}
.NavigatorTitle {
	background: #993300;}
.mytitles {
	font-size: 1.4em;
}

/* Calendar */
/* ================================
    CSS STYLES FOR Module Calendar
   ================================
*/

.calendartooltip
{
	border-right: #000 1px solid;
	padding-right: 5px;
	border-top: #000 1px solid;
	padding-left: 5px;
	font-size: 10px;
	filter: alpha(opacity=80);
	padding-bottom: 5px;
	border-left: #000 1px solid;
	width: 200px;
	color: #000;
	padding-top: 5px;
	border-bottom: #000 1px solid;
	font-family: Arial;
	background-color: #ffd;
	text-align: left;
	z-index:9999;
}
	 
.calendar
{
	border-right: black 1px solid;
	table-layout: auto;
	padding-right: 0px;
	border-top: black 1px solid;
	padding-left: 0px;
	font-size: 7pt;
	padding-bottom: 0px;
	margin: 0px;
	border-left: black 1px solid;
	color: black;
	padding-top: 0px;
	border-bottom: black 1px solid;
	font-family: Verdana;
	border-collapse: collapse;
	text-align: center;
	width: 100%;
	height: 400px;
}

.calendarTitle
{
	font-weight: bold;
	font-size: 10pt;
	background-image: none;
	width: 100%;
	height: 100%;
	background-color: #993300;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	color: #FFFFFF;
}

.calendarTitle, .calendarTitle td
{
	font-weight: bold;
	font-size: 12pt;
	background-image: none;
	color: #FFFFFF;
	background-color: #993300;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
}

/* Note use of "!important" to override Inline Style */
.calendarNextPrev, .calendarNextPrev a:link
{
	padding-right: 0.5em;
	padding-left: 0.5em;
	font-size: 8pt;
	padding-bottom: 0px;
	color: #FFFFCC!important;
	padding-top: 0px;
}

.calendarNextPrev a, .calendarNextPrev a:visited, .calendarNextPrev a:hover
{
	padding-right: 0.5em;
	padding-left: 0.5em;
	font-size: 8pt;
	padding-bottom: 0px;
	color: #FFFFCC !important;
	padding-top: 0px;
}

.calendarDayHeader
{
	font-weight: bold;
	font-size: 7pt;
	font-family: Verdana;
	background-color: #EBC57D;
}

.calendarDay, .calendarDay td
{
	font-size: 7pt;
	color: #EBC57D; !important;
	font-family: Verdana;
}

.calendarDay a,
.calendarDay a:visited,
.calendarDay a:hover
{
	font-size: 7pt;
	color: #990000!important;
	font-family: Verdana;
}

.calendarOtherMonthDay
{
	color: #000066;
	background-color: #F6F0E0;
}

.calendarOtherMonthDay a, .calendarOtherMonthDay a:visited, .calendarOtherMonthDay a:hover
{
	color: #000066;
	background-color: #F6F0E0;
}


.calendarWeekendDay
{
	background-color: #FFF7E2;
}
.calendarWeekendDay a, .calendarWeekendDay a:visited, .calendarWeekendDay a:hover,
{
	background-color: transparent !important;
}

.calendarTodayDay
{
	border-right: red 2px solid;
	border-top: red 2px solid;
	border-left: red 2px solid;
	border-bottom: red 2px solid;
}

/* Note use of "!important" to override Inline Style */
.calendarSelectedDay
{
	font-weight: bold;
	color: #000033!important;
	background-color: #E8D7A6!important;
}

.calendarSelectedDay a,
.calendarSelectedDay a:visited,
.calendarSelectedDay a:hover
{
	color: #000033 !important;
	font-weight: bold;
	background-color: transparent!important;
}

.calendarSelector
{
	background-color: #EBC57D;
}

.calendarSelector a,
.calendarSelector a:visited,
.calendarSelector a:hover
{
	color: #660000;
	text-decoration: none;
}	
