a.libmenu:link		{color: white;   font-size: 10pt; font-weight: bold; text-decoration: none;}
a.libmenu:visited	{color: white;   font-size: 10pt; font-weight: bold; text-decoration: none;}
a.libmenu:active	{color: #FFFF66; font-size: 10pt; font-weight: bold; text-decoration: none;}
a.libmenu:hover		{color: #FFFF66; font-size: 10pt; font-weight: bold; text-decoration: none;}

a.libwhite:link		{color: white;   font-size: 10pt; font-weight: bold; text-decoration: underline;}
a.libwhite:visited	{color: white;   font-size: 10pt; font-weight: bold; text-decoration: underline;}
a.libwhite:active	{color: #FFFF66; font-size: 10pt; font-weight: bold; text-decoration: underline;}
a.libwhite:hover	{color: #FFFF66; font-size: 10pt; font-weight: bold; text-decoration: underline;}

a.libbig:link		{font-family: Arial; color: blue; font-size: 120%; font-weight: bold; text-decoration: none;}
a.libbig:visited 	{font-family: Arial; color: blue; font-size: 120%; font-weight: bold; text-decoration: none;}
a.libbig:active		{font-family: Arial; color: teal; font-size: 120%; font-weight: bold; text-decoration: none;}
a.libbig:hover		{font-family: Arial; color: teal; font-size: 120%; font-weight: bold; text-decoration: none;}

a.flyp:link	{font-family: Arial; color: blue;                              font-size: 10pt; font-weight: bold; text-decoration: none;}
a.flyp:visited 	{font-family: Arial; color: blue;                              font-size: 10pt; font-weight: bold; text-decoration: none;}
a.flyp:active	{font-family: Arial; color: #FF9900; background-color: yellow; font-size: 10pt; font-weight: bold; text-decoration: none;}
a.flyp:hover	{font-family: Arial; color: #FF9900; background-color: yellow; font-size: 10pt; font-weight: bold; text-decoration: none;}



a.busmenu:link		{color: white;   font-size: 10pt; font-weight: normal; text-decoration: none;}
a.busmenu:visited	{color: white;   font-size: 10pt; font-weight: normal; text-decoration: none;}
a.busmenu:active	{color: #FFFF66; font-size: 10pt; font-weight: normal; text-decoration: none;}
a.busmenu:hover		{color: #FFFF66; font-size: 10pt; font-weight: normal; text-decoration: none;}

a.busmenub:link		{color: white;   font-size: 12pt; font-weight: bold; text-decoration: none;}
a.busmenub:visited	{color: white;   font-size: 12pt; font-weight: bold; text-decoration: none;}
a.busmenub:active	{color: #FFFF66; font-size: 12pt; font-weight: bold; text-decoration: none;}
a.busmenub:hover	{color: #FFFF66; font-size: 12pt; font-weight: bold; text-decoration: none;}

a.busbig:link		{font-family: Arial; color: blue; font-size: 120%; font-weight: bold; text-decoration: none;}
a.busbig:visited 	{font-family: Arial; color: blue; font-size: 120%; font-weight: bold; text-decoration: none;}
a.busbig:active		{font-family: Arial; color: teal; font-size: 120%; font-weight: bold; text-decoration: none;}
a.busbig:hover		{font-family: Arial; color: teal; font-size: 120%; font-weight: bold; text-decoration: none;}



body
{
	background-color: #FFFFFF;	
	background-image: url('/images/bg_tile.gif');
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px; 
	margin-right: 0px;
	margin: 0in;
	font-size: 10pt;
	font-family: Arial;
	color: #000000;
}

html 
{
	margin: 0px;
}

A:link 
{
	color: blue;
}

A:visited 
{
	color: purple;
}

A:hover 
{
	color: navy;
}

#FullContent
{
	background: #ffffff;
	margin: 0px auto -1px auto; 
	width: 790px;
	height: auto;
	border-style: solid;
	border-width: thin;
	border-color: #000000;
}

#Header 
{
	background-image: url('/images/SCHeader.jpg');
				
	top: auto;
	left: auto;
	width: auto;
	height: 88px;
}

#TopNav 
{
	top: auto;
	left: auto;
	width: auto;
	height: 24px;
}

#SiteNav 
{
	top: auto;
	left: auto;
	width: auto;
	height: 64px;
}

#MainContent 
{
	background: #ffffff;
	top: 0px;
	left: auto;
	width: 570px;
	height: auto;
	float: left;
}

#SideNav 
{
	background: #ffffff;
	position:relative;
	top: 0px;
	left: 0px;
	width: 200px;
	height: auto;
	float: right;
}

#Footer
{
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #88A8CF;
	background: #E6EEF7;
	font-size: 75%;
}

div.row 
{
	clear: both;
	padding-top: 5px;
}

div.row span.left400
{
	float: left;
	width: 400px;
	text-align: left;
}

div.row span.left300
{
	float: left;
	width: 300px;
	text-align: left;
}

div.row span.left150
{
	float: left;
	width: 150px;
	text-align: left;
}

div.row span.left100
{
	float: left;
	width: 100px;
	text-align: left;
}

div.row span.right400 
{
	float: right;
	width: 400px;
	text-align: left;
} 

div.row span.right200
{
	float: right;
	width: 200px;
	text-align: left;
} 

div.spacer 
{
	clear: both;
}

.BOX
{
	font-family: verdana,helvetica,sans-serif;
	font-size: 12px;
	background-color: #ffffff;
}

.BOXCLEAR
{
	font-family: verdana,helvetica,sans-serif;
	border-right: #555555 0px solid;
	border-top: #555555 0px solid;
	font-size: 12px;
	font-weight: bold;
	border-left: #555555 0px solid;
	border-bottom: #555555 0px solid;
	background-color: #FFFFFF;
	color: #FFFFFF;
}

.hide{
display: none;
}

.show{
display: block;
}

.ErrorMessage
{
	text-align: left;
	font-weight: bold;
	border-bottom: red 1px solid; 
	border-top: red 1px solid; 
	background: #FFE8E8;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

.msgHeader 
{
		color: red;
		font-size: 135%;
		font-weight: bold;
		background-image: url(images/template_stop.gif);
		background-repeat: no-repeat;
		background-position: 0em 0em;
		padding-left: 30px;
		padding-bottom: 5px;
}

.msgDetails
{
	padding-left:30px;
	padding-bottom:3px;	
}

.panelBox
{
	border:solid 1px #004990;
	width:100%;
	height:100%;
	border: solid 1px ;		
	padding: 4px;
}

.panelShadedBox
{
	border:solid 1px #004990;
	background-color: #EAEEEE;
	width:100%;
	height:100%;
	border: solid 1px ;		
	padding: 4px;
}

.Title
{
	font-size:150%;
	font-weight:bold;
}

.Subtitle
{
	font-size:125%;
	font-weight:bold;
}

.Directions
{
	font-size:100%;
	font-weight:bold;
	font-style:italic;
	background-color:#FFFFC0;
	width:95%;
}

.RequiredField
{
	font-size:100%;
	font-style:italic;
	font-weight:bold;
	color:Red;
}
















	.buttons a,div.navSubhead, div.navText {
		border: 1px solid;
		background-color: #EAEEEE;
		padding: 4px;
		font-size: 9pt;
		border-color: #FEFEFE #C3C8CB #C3C8CB #FEFEFE;
		display: block;
		margin: 0px;
		text-align: left;
	}
	.buttons div.navSubhead {
		color: #000;
		font-weight: bold;
		font-size: 105%;
	}
	.buttons span.navSubText 
	{
        text-decoration: none;
        color: Black;	    
	}
	
	.buttons div.navText {
		color: #000;
		font-size: 90%;
	}
	div.buttons .navMinus0 {
		background-image: url(../images/bullet_minus.gif);
		background-repeat: no-repeat;
		background-position: .25em .70em;
		padding-left: 15px;
	}
	div.buttons .navMinus1 {
		background-image: url(../images/bullet_minus.gif);
		background-repeat: no-repeat;
		background-position: 1.20em .70em;
		padding-left: 26px;
	}
	div.buttons .navMinus2 {
		background-image: url(/images/bullet_minus.gif);
		background-repeat: no-repeat;
		background-position: 2.20em .70em;
		padding-left: 38px;
	}
	div.buttons .navPlus0 {
		background-image: url(/images/bullet_plus.gif);
		background-repeat: no-repeat;
		background-position: .25em .70em;
		padding-left: 15px;
	}
	div.buttons .navPlus1 {
		background-image: url(/images/bullet_plus.gif);
		background-repeat: no-repeat;
		background-position: 1.20em .70em;
		padding-left: 26px;
	}
	div.buttons .navPlus2 {
		background-image: url(/images/bullet_plus.gif);
		background-repeat: no-repeat;
		background-position: 2.20em .70em;
		padding-left: 38px;
	}
	div.buttons .navDot0 {
		background-image: url(../images/bullet_dot.gif);
		background-repeat: no-repeat;
		background-position: .25em .70em;
		padding-left: 15px;
	}
	div.buttons .navDot1 {
		background-image: url(../images/bullet_dot.gif);
		background-repeat: no-repeat;
		background-position: 1.20em .70em;
		padding-left: 26px;
	}
	div.buttons .navDot2 {
		background-image: url(../images/bullet_dot.gif);
		background-repeat: no-repeat;
		background-position: 2.20em .70em;
		padding-left: 38px;
	}
	div.buttons .navArrow0 {
		background-image: url(../images/bullet_arrow.gif);
		background-repeat: no-repeat;
		background-position: .25em .70em;
		padding-left: 15px;
	}
	div.buttons .navArrow1 {
		background-image: url(../images/bullet_arrow.gif);
		background-repeat: no-repeat;
		background-position: 1.20em .70em;
		padding-left: 26px;
	}
	div.buttons .navArrow2 {
		background-image: url(../images/bullet_arrow.gif);
		background-repeat: no-repeat;
		background-position: 2.20em .70em;
		padding-left: 38px;
	}
	div.buttons .navRedarrow0 {
		background-image: url(../images/bullet_redarrow.gif);
		background-repeat: no-repeat;
		background-position: .25em .70em;
		padding-left: 15px;
	}
	div.buttons .navRedarrow1 {
		background-image: url(../images/bullet_redarrow.gif);
		background-repeat: no-repeat;
		background-position: 1.20em .70em;
		padding-left: 26px;
	}
	div.buttons .navRedarrow2 {
		background-image: url(../images/bullet_redarrow.gif);
		background-repeat: no-repeat;
		background-position: 2.20em .70em;
		padding-left: 38px;
	}
	div.buttons .navSpacer0 {
		background-image: url(../images/bullet_spacer.gif);
		background-repeat: no-repeat;
		background-position: .25em .70em;
		padding-left: 15px;
	}	
	div.buttons .navSpacer1 {
		background-image: url(../images/bullet_spacer.gif);
		background-repeat: no-repeat;
		background-position: 1.20em .70em;
		padding-left: 26px;
	}
	div.buttons .navSpacer2 {
		background-image: url(../images/bullet_spacer.gif);
		background-repeat: no-repeat;
		background-position: 2.20em .70em;
		padding-left: 38px;
	}
	.buttons a:hover {
		border: 1px solid;
		background-color: #DDEEFF;
		border-color: #C3C8CB #FEFEFE #FEFEFE #C3C8CB;
	}
	.buttonsheader {
		font-size: 115%;
		color: #0066CC;
		font-weight: bold;
		background-color: #FFFFFF;
		padding: 6px;
		border-top: 0px thin #E9E9E9; border-bottom: 1px outset #E9E9E9;
	}

    .aspButtonLink 
    {
        border: 1px solid;
		background-color: #EAEEEE;
		padding: 4px;
		font-size: 9pt;
		border-color: #FEFEFE #C3C8CB #C3C8CB #FEFEFE;
		display: block;
		margin: 0px;
		text-align: left;
	     
    }
    
    .aspButtonLink:hover 
    {
        border: 1px solid;
		background-color: #DDEEFF;
		border-color: #C3C8CB #FEFEFE #FEFEFE #C3C8CB;
	}
	
	/* Calendar Settings */
	.MyCalendar .ajax__calendar_container 
	{
        border:1px solid #004990;
        background-color: #E6EEF7;
        color: #004990;
        
    }
    .MyCalendar .ajax__calendar_other .ajax__calendar_day,
    .MyCalendar .ajax__calendar_other .ajax__calendar_year {
        color: gray;
    }
    .MyCalendar .ajax__calendar_hover .ajax__calendar_day,
    .MyCalendar .ajax__calendar_hover .ajax__calendar_month,
    .MyCalendar .ajax__calendar_hover .ajax__calendar_year {
        color: white;
        background-color: #004990;
    }
    .MyCalendar .ajax__calendar_active .ajax__calendar_day,
    .MyCalendar .ajax__calendar_active .ajax__calendar_month,
    .MyCalendar .ajax__calendar_active .ajax__calendar_year {
        color: red;
        font-weight:bold;
    }
    
    /*CollapsiblePanel*/
    .collapsePanel {
    	height:0px;
        width:75%;
	    background-color:#EAEEEE;
	    border-width:1px;
	    overflow:hidden;
    }

    .collapsePanelHeader{
	    height:30px;
	    width:75%;
	    background-color:#004990;
	    color:White;
	    font-weight:bold;
    }
    
    /*GridView*/
    .gridView { width: 95%; background-color: #E6EEF7; margin: 5px 10px 5px 10px; border: solid 1px #004990; border-collapse:collapse; }
    .gridView td { padding: 3px; border-bottom: white 1px solid}
    .gridView th { padding: 4px 2px; color: #F7F7F7; background: #004990; border-left: solid 1px #525252; font-size: 0.9em; height:20px; }
    .gridView .altRow { background: #F7F7F7 }
    .gridView .pager {background: #D4E2F2; }
    .gridView .pager table { margin: 5px 0; }
    .gridView .pager td { border-width: 0; padding: 0 6px; font-weight: bold; color: #4A3C8C; line-height: 12px; }   
    .gridView .pager a { color: blue; text-decoration: none; }
    .gridView .pager a:hover { color: navy; text-decoration: none; }
   
	/* ModalPopup Background */   
    .modalPopupBackground
    {
		background-color: Gray; 
		filter: alpha(opacity=50);
        opacity: 0.7;
        border-width: 1px 1px 1px 1px;

    }
    
    .popupPanel
		{
			text-align: center;
			border-style: solid;
			border-width: thin;
			border-color: Black;
			width: 500px;
			background-color: #EAEEEE;
		}
    
    .popupLabel
{
	font-weight: bold;
	text-align: right;
}
		
	.popupDataLabel
{
	text-align: left;
	padding: 0px 0px 0px 5px;
}
		
	.popupFooter
{
	background-color: #B5C7DE;
}
		

.popupHeader
	{
		font-weight: bold;
		font-size: large;
		color: #FFFFFF;
		background-color: #004990;
	}
	

	.popupView
		{
			width: 100%;
			background-color: White;
			color: White;
		}
    
    /* SearchPanel */
    .searchPanel 
    {
    	width: 75%;
    	border: solid 1px #004990;
    	background-color: #EAEEEE;
    	
    }
    
    

.graybackground {
border: 1px solid;
background-color: #EAEEEE;
padding: 4px;
font-size: 9pt;
border-color: #FEFEFE #C3C8CB #C3C8CB #FEFEFE;
display: block;
margin: 0px;
text-align: left;
}



.divNavigation {float: left; width: 200px; padding-bottom: 5px; background: #FFFFFF; border-right: #0066CC solid 1px; border-bottom: #0066CC solid 1px;}
.divNavigationP {line-height: 1.4; margin-bottom: 4px;}

.buttons a,div.navSubhead, div.navText {
border: 1px solid;
background-color: #EAEEEE;
padding: 4px;
font-size: 9pt;
border-color: #FEFEFE #C3C8CB #C3C8CB #FEFEFE;
display: block;
margin: 0px;
text-align: left;
}


.buttonsheader {
		font-size: 115%;
		color: #0066CC;
		font-weight: bold;
		background-color: #FFFFFF;
		padding: 6px;
		border-top: 0px thin #E9E9E9; border-bottom: 1px outset #E9E9E9;
	}
	
.buttons span.navSubText 
	{
        text-decoration: none;
        color: Black;	    
	}	
	
	
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
}
html {
	margin: 0px;
}

A:link {
	color: blue;
}
A:visited {
	color: purple;
}
A:hover {
	color: navy;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
}
table {
	table-display: fixed;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
}
.cal_title {
	background-color: #B8C6CB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.cal_title_r {
	background-color: #B8C6CB;

}
.cal_title_l {
	background-color: #B8C6CB;

}
.cal_day_head {
	color: #333333;
	background-color: #E6EAEC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.cal_day {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.cal_day_current {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.calendar {
	color: #000000;
	border: #666666;

}
.txtNormal {
	font-size: 100%;
	color: #000000;
}
.txtSubtopic {
	font-size: 120%;
	font-weight: bolder;
}
.txtTopic {
	font-size: 140%;
	font-weight: bolder;
}
.txtSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #000000;
}
.txtPageTitle {
	font-size: 180%;
	color: #00639C;
	font-weight: bolder;
}

.txtDepartmentName {
	

	text-shadow: #000000 1px 1px 1px;
	font-size: 220%;
	font: Arial-Black;
	color: #3a90a1;
	font-weight: bolder;
	

}

.bgLtBlue {
	background-color: #E6EEF7;
}
.bdrDkBlue {
	border: #336699;
}
.txt14pt {
	font-size: 140%;
}
.txt12pt {
	font-size: 120%;
}
.bgLtTeal {
	background-color: #D2F0F0;
}
.sectionUnderline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C0C0C0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C0C0C0;
	padding-left: 3px;
	padding-right: 3px;
	width: 97%;
	margin-left: 3px;
	margin-bottom: 6px;
}
.bulletTight {
	list-style-type: square;
	margin-left: 10px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
}
 
.paraTight {
	margin: 0px;
	padding: 0px;
}

.bdrDashYellow {border:3px dashed #fff2a0; margin:5px; padding:5px;}
.bdrDashRed {border:3px dashed red; margin:5px; padding:5px;}
.bdrDashBlue {border:3px dashed #0071E1; margin:5px; padding:5px;}
.boxSolidTan {border: 1px solid #DAC89C; background-color: #FBF3E3; margin: 3px; padding: 5px;}
.boxSolidTeal {border: 1px solid #00C4C4; background-color: #E1F1FF; margin: 3px; padding: 5px;}
.boxSolidGray {border: 1px solid #B7B7B7; background-color: #E9E9E9; margin: 3px; padding: 5px;}
.boxSolidRed {border: 1px solid #FF6464; background-color: #FFEAEA; margin: 3px; padding: 5px;}
.boxSolidYellow {border: 1px solid #C1C100; background-color: #FFFFD9; margin: 3px; padding: 5px;}
.boxSolidBlue {border: 1px solid #617e97; background-color: #dae2e8; margin: 3px; padding: 5px;}

.centered
{ 
text-align: center;
}

.centered table
{ 
margin-left: auto;
margin-right: auto;
text-align: left;
}

.agenda_row_header{

	background-color:#e6eef7;
	font-weight:bold;
	font-size:15px;
	border:1px solid black;
}

.agenda_row_details{

	text-align:center;
	border:1px solid black;
}

.input_button {   
   color:darkblue;   
   font: bold 125% arial,helvetica,sans-serif;
   height:30px; 
   background-color:#fed;   
   border: 1px solid;   
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');   
 }   
 
	
.txtDepartmentName {
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; 
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); 


	
	text-shadow: #000000 1px 1px 1px;
	font-size: 250%;
	font: Arial-Black;
	color: #3a90a1;
	font-weight: bolder;
	

}		

.HighlightBold 
{
	font-weight:bold;
	background-color:#FFFFD9;
}