@charset "UTF-8";
/* CSS Document */

/***********************************************************************************/
/*************************           Global Styles              ********************/
/***********************************************************************************/


/****** Just Use These Approved Styles Below Unless You Are the Web Administrator ******/
/******                ---------------  										  ******/


/* These are the various headings styles for a page. The Pagetitle heading 1 should only show up once on your page and the other ones should reflect the titles of different sections of your page, so they should be hierarchical. */

h1, .__pagetitle__h1 {
	padding:0;
	font-weight: bold;
	font-size:22px; 
	/*color:#0a539f;*/
	margin-top:4px;
	margin-right: 0;
	margin-bottom: 22px;
	margin-left: 0px;
	line-height:1.1em;
	color:#3d6996;	
	}

	
h2, .__sectiontitle__h2  {
	padding: 0;
	font-weight: bold;
	/*color: black;*/
	margin-top: 16px;
	margin-right: 0;
	margin-bottom: 13px;
	margin-left: 0;
	font-size: 18px;
	line-height: 24px;	
	color:#464746;
	}

h3, .__sub_sectiontitle__h3{
	padding: 0;
	font-weight: bold;
	font-size:15px ;
	/*color:#032d57;*/
	color: #020255;
	line-height:20px;
	margin:16px 0 10px 0;
	}
h4, .__sub_sub_sectiontitle__h4 {
	font-size: 13px;
	/*color:#2b2c2b;*/
	padding: 0;
	font-weight:bold;
	line-height:17px;
	margin:17px 0 5px 0;
	color:#000;
	}
h5, .__sub_sub_sub_sectiontitle__h5{
	margin:14px 0 1px 0;
	padding: 0;
	font
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	}
h6, .__sub_sub_sub_sub_sectiontitle__h6{
	margin:  15px 0 1px 0;
	padding: 0;
	font-size:11px;
	font-weight:bold;
	color: black;
	}
/*end headings*/



/* this is an alternate to <strong> html tag, because <strong> doesn't get it that dark.*/
._black_bold {
	
	color:black;
	font-weight:bold;
	
}


/* A Table of Information with the Cabrillo Look --  Gives teal blue background and white font for the cells designated as heading cells.*/

._cabrillotable{
	border:solid 1px #285b67;
	border-collapse:collapse;
	margin:15px 0;
}

._cabrillotable td, table._cabrillotable th {
	border:solid 1px #285b67;
border-collapse:collapse;
}


._cabrillotable th {
	color: white;
	background-color: #285b67;
	font-weight:bold;
	
}


/*if one decides to make the headings links for cabrillotable, then they will both be blue and not visible, this makes the links in this region white and bold */

._cabrillotable th a {

	color: white;
	font-weight:bold;
	
}


._cabrillotablecell a {

	color: white;
	font-weight:bold;
	
}



/*allows an individual table data cell, row, or block element to have the teal background and white f-ground look*/
._cabrillotablecell {

	color: white;
	background-color: #285b67;
	font-weight:bold;
	
}
/* end cabrillotable */







/* floats any item to left and leaves a little padding to the bottom and the right */
._image_float_left{
float:left;
margin:0 10px 10px 0;
}

.image_float_left{
float:left;
margin:0 10px 10px 0;
}

.underline {
	text-decoration:underline;	
}


/*same as above with a light border*/
._image_float_left_border{

	float:left;
	margin:0 12px 8px 8px;
	padding:10px;
	border: 1px dotted #d7d7d7;
}

.image_float_left_border{

	float:left;
	margin:0 12px 8px 8px;
	padding:10px;
	border: 1px dotted #d7d7d7;
}


/* floats any item to right and leaves a little padding to the bottom and the left */
._image_float_right{
float:right;
margin:0 0 10px 10px;	
	
}

.image_float_right{
float:right;
margin:0 0 10px 10px;	
	
}

/*same as above with a light border*/
._image_float_right_border{

	float:right;
	margin:0 8px 8px 12px;
	padding:10px;
	border: 1px dotted #d7d7d7;
}

.image_float_right_border{

	float:right;
	margin:0 8px 8px 12px;
	padding:10px;
	border: 1px dotted #d7d7d7;
}


._image_border, .image_border{

	margin:12px 0;
	padding:10px;
	border: 1px dotted #d7d7d7;
}


/* If you would like to put to images in wide photo region, you need to apply this style/class to the image on the right, so a little padding appears on the left.... Update this has been replaced with a new declaration but still is in use on various pages. so lets keep it */

._image_littlePaddingOnLeft {

margin-left:6px;


}


/* Allows someone to use  a light gray, off white background to any block element*/
	
	._light_gray_background {
		
	background-color:#ebebeb;	
		
	}



/*Deisned for a note or a tip. it changes the background color, makes it italic,  and makes it look like a blockquote by increaseing the left and right margins */
._sidenote{
	background-color:#e4f4f7;
	margin-top:13px;
	margin-bottom:13px;
	margin-left:30px;
	margin-right:30px;
	font-style:italic;
}




/* This usually follows the heading 1 / page title as a subtitle right below it */
._tagline {
	font-weight: bold;
	color: #3e4244;
	font-size: 14px;
	line-height:20px;
}




/* This will make your text 20% larger than normal */	

._twenty_percent_bigger {
	font-size: 120%;
}

/* This will make your text 20% smaller than normal */	

._twenty_percent_smaller {
	font-size: 80%;
}









/* content text in which it needs to stand out */
._very_important_text { 
	color: #933;
	font-weight:bold;
}

/*add it to the <a> element with this class, and you get a fancy button with gradient background, border, and text shadow */

.specialbutton {
	font-size: 12px;
	color: #2C73BB;
	padding: 7px 10px;
	font-weight:normal;
	display:inline-block;
	background: #f9fdff; /* Old browsers */

background: -moz-linear-gradient(top,  #f9fdff 0%, #f9fdff 42%, #f2f9ff 55%, #e2f2ff 99%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9fdff), color-stop(42%,#f9fdff), color-stop(55%,#f2f9ff), color-stop(99%,#e2f2ff)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #f9fdff 0%,#f9fdff 42%,#f2f9ff 55%,#e2f2ff 99%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #f9fdff 0%,#f9fdff 42%,#f2f9ff 55%,#e2f2ff 99%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #f9fdff 0%,#f9fdff 42%,#f2f9ff 55%,#e2f2ff 99%); /* IE10+ */

background: linear-gradient(to bottom,  #f9fdff 0%,#f9fdff 42%,#f2f9ff 55%,#e2f2ff 99%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fdff', endColorstr='#e2f2ff',GradientType=0 ); /* IE6-9 */



	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #93D0FF;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.2),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.2),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.2),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}


.specialbutton:hover {
	text-decoration:none;
	

background: #f9fdff; /* Old browsers */

background: -moz-linear-gradient(top,  #f9fdff 0%, #f2f9ff 16%, #e2f2ff 99%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9fdff), color-stop(16%,#f2f9ff), color-stop(99%,#e2f2ff)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #f9fdff 0%,#f2f9ff 16%,#e2f2ff 99%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #f9fdff 0%,#f2f9ff 16%,#e2f2ff 99%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #f9fdff 0%,#f2f9ff 16%,#e2f2ff 99%); /* IE10+ */

background: linear-gradient(to bottom,  #f9fdff 0%,#f2f9ff 16%,#e2f2ff 99%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fdff', endColorstr='#e2f2ff',GradientType=0 ); /* IE6-9 */

}





/****** End Approved Styles ******/
/******    			        ******/





._z________________________________________ {
	
}

._z_______________________________________ {
	
}

._z______________________________________ {
	
}

._z_________________________________________ {
	
}


._z__________________________________________ {
	
}

._z___Please_Do_Not_Use_Classes_Below_This___z_ {
	
	
}



	
	

body
	{
	background: fixed;
	margin: 0;
	padding: 0; /* Need to set body margin and padding to get consistency between browsers. */
	background-color: #022D57;
	background-image: url(../img/bg.jpg);
	background-position: center;
	background-position: top;
	background-repeat:no-repeat;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	font-size-adjust:none;
	-moz-text-size-adjust:none;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	/*color: #555;*/
	color:#474646;
	font-family:"Trebuchet MS","Helvetica Neue", "Fruitger" , Helvetica, sans-serif;

	}
	
#wrapper {
	margin: 0px auto; /* Right and left margin widths set to "auto" */
	padding: 0;
	width: 969px;
	border: 0px solid #fff;
}	
	
	
p {
	margin: 10px 0 10px 0;
	padding: 0;
	font-weight: normal;
	font-size:12px;
	line-height:18px ;
	/*color: #555;*/
	color:#474646;
	}
	
	
blockquote {
	margin-top:11px;
	margin-bottom:11px;
	margin-left:35px;
	
}
	
	
a {
/*	font: bold 12px Arial, Helvetica, sans-serif;
*/	color: #2463B3;
	text-decoration: none;
	font-weight:bold;

}


a:hover {
		color: #94bdf3;
}


ol {

	margin:3px 20px 0px 20px;
	padding:0;
	
}

ol li {

margin: 8px 10px 0 15px;
padding:0;
	
}

ul {

	margin:3px 20px 0px 20px;
	padding:0;
	
}

ul li {

margin: 8px 10px 0 15px;
padding:0;
	
}


/*gives a pleasant light gray border for the fieldset, rather than black*/
fieldset {
	
	border:1px solid #cccccc;	
	
}

legend {
	font-weight: bold;
	color: #849635;
	font-size:14px;

}



/*Its the introduction phrase on departments' home pages*/


div.leadHomePage p {
	/*color: #4275AE;*/
	font-size: 20px;
	color:#849635;
	line-height:27px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	display: block;
	margin-top:20px;
	margin-right: 0;
	margin-bottom: 22px;
	margin-left: 0px;
	
	}
	
	
	/* gives the deparment title area a different color for like a subtitle*/

.department_subtitle {
	
	color:#849635;	 /*same color as <legend>  lime green*/
	
}


	
	

/*its a lead in of text after pagetitle that leads in to content*/

p .tagline, p.tagline {
	font-weight: bold;
	font-size:14px ;
	color: #3e4244;
	display:block;
	margin-bottom:30px;
	}

.tagline {
	font-weight: bold;
	font-size:14px ;
	color: #3e4244;
}

/*end tagline*/


.emphasize {   /*same declaration as <strong> */
	font-weight: bold;
}
.very_important_text { /* content text in which it needs to stand out */
	color: #933;
	font-weight:bold;
}


/*Deisned for a note or a tip. it changes the background color, makes italics,  and makes it look like a blockquote */
.sidenote{
	background-color:#e4f4f7;
	margin-top:13px;
	margin-bottom:13px;
	margin-left:30px;
	margin-right:30px;
	font-style:italic;
}


/* A Table of Information with the Cabrillo Look --  Gives teal blue background and white font for the cells designated as heading cells.*/

.cabrillotable{
	border:solid 1px #285b67;
	border-collapse:collapse;
}

.cabrillotable td, table.cabrillotable th {
	border:solid 1px #285b67;
border-collapse:collapse;
}


.cabrillotable th {
	color: white;
	background-color: #285b67;
	font-weight:bold;
	
}

/*allows an individual table data cell, row, or block element to have the teal background and white f-ground look*/
.cabrillotablecell {

	color: white;
	background-color: #285b67;
	font-weight:bold;
	
}
/* end cabrillotable */



/* you can also apply this bg-color (light gray) to a tr as a nice contrast to the teal heading */

.cabrillotablegray {
	
background-color:#F2F2F2;

}




/* For many many page anchor links at the top of pages */

 ul.anchorlinks li {
	background-image: url(../img/bg_listPromoContact_anchorlinks.gif) !important;
	
}

ul.anchorlinks li a {
color: #032d57 !important;	
}


/*simple floats for images */
	
.photoFloatLeft {
	
float:left;
padding:0 10px 10px 0;
	
}


.photoFloatRight {
	
float:right;
padding:0 0 10px 10px;
	
}
	
	/***** Accessibility*****/

div.accessibility {
	
height:1px;
left:0;
overflow:hidden;
position:absolute;
top:-500px;
width:1px;

}
	

/*********************************** Top Logo / Subnav /Search *********************************/

#containerLogoSubnavSearch	{
	width: 969px;
	height: 98px;
	margin: 0;
	padding: 10px 0 0 0;
	float: right;
	}
#containerLogo	{
	width: 247px;
	height: 87px;
	margin: 0;
	padding: 0;
	float: left;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
	}
#containerSubnavSearch	{
	width: 700px;
	margin: 0;
	padding: 40px 0 0 0;
	float: right;
	}



#Subnav	{
	width: 475px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 40px;
     display: block;
     float: left;
	}
#Subnav ul {
	margin: 0 0 20px 0;
	padding: 0;
	list-style-type: none;
	}
#Subnav li {
	float: right;
	margin: 0 0 0 15px;
	padding:  0 0 3px 0;
	font: normal 16px ;
	color: #fff;
	background-repeat: no-repeat;
	}
	
#Subnav a {
	background-image: url(../img/blt_subnav_arrow.gif);
	background-repeat: no-repeat;
	}
	
#Subnav a, #Subnav a:link {
	color: #fff;
	text-decoration: none;
	margin: 0;
	padding: 2px 0 0 13px;
	display: block;
	display: inline; /* show to IE */
	font-weight: normal;
	font-size:12px ;
	text-transform: capitalize;
	}
#Subnav li a:hover {
	text-decoration: underline;
	}
#Search	{
	 width: 180px;
	margin: 0;
	padding: 0;	
	float: right;
	}
input.search {
	padding: 2px;
    border: 1px solid #5B7CAD;
    font-weight: normal;
	font-size:13px; 
    float: left;
	}
#searchBox #go {
    float: right;
    margin: 0 0 0 0;
    width: 56px;
    height: 21px;
    background: url(../img/btn_search.gif);
	}





/*********************************** Main Navigation *********************************/




#containerNav {
	margin: 0;
	padding: 0;
	width: 969px;
	height: 56px;
	float: left;
	background-image: url(../img/bg_nav.jpg);
	background-repeat: repeat-x;
	}



.Nav {
	width: 755px;
	margin: 0;
	float: left;
	}
.Nav ul {
	margin: 0;
	padding: 10px 15px 0 0;
	list-style-type: none;
	}
.Nav li {
	float: right;
	margin: 0;
	padding: 13px 8px 0 11px;
	background-image: url(../img/bg_nav_li.gif);
	background-repeat: no-repeat;
	}


.Nav a, #Nav a:link {
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 0;
	display: block;
	_display: inline; /* show to IE */
	font-weight: normal;
	font-size:14px; /*Helvetica, Arial, sans-serif*/
	color: #fff;
	text-transform: uppercase;
	}
.Nav li a:hover {
	text-decoration: underline; 
	color: #fff;
	}
	

.Nav:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}



/* ######### Style for Drop Down Feature of Main Nav ######### */


.dropmenudiv {
margin: 10px 0 0 0;
position:absolute;
top: 0;
font-weight: normal;
font-size:10px ;
z-index:90000;
width: 219px;
visibility: hidden;
}
.dropmenudiv ul {
margin: 0;
padding: 0;
}
.dropmenudiv ul li {
margin: 0;
padding: 0;
width: 219px;
height: 31px;
background-image: url(../img/bg_drop.png);
background-repeat: no-repeat;
list-style-type: none;
}

.dropmenudiv a {
font-weight: normal;
font-size:13px;
color: #fff;
width: 209px;
height: 23px;
display: block;
padding: 8px 0 0 2px;
text-decoration: none;
text-transform: none;
text-indent: 6px;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
color: #fff;
background-color: #3C6986;
}


/*********quicklinks**********/
	
#Quicklinks {
	float: right;
	width: 200px;
	}
#QuicklinksBox {
	margin: 0;
	padding: 18px 0 0 0;
	}
select.quicklinks {
	width: 180px;
	padding: 2px;
     font: italic 11px;
     color: #666;
     float: left;
	}



/********************************** Global Alert Banner *********************************/
/**
#containerContentExtended #containerAlert {
	border:none!important;
}

#containerContentExtended #alertdiv {
	margin-top:none!important;
}

#containerAlert > #div {
	border:none!important;
}


#alertdiv {
	margin-top:-4px;
}
**/

/*added on 1/21/15 to make the global alert banner look cleaner*/

#containerContent .alert {
  margin-bottom: 9px;
  margin-top: -10px;
}

#containerContent #containerAlert {
    border-left: 7px solid #2d5579!important;
    border-right: 7px solid #2d5579!important;
}

#containerContentExtended #containerAlert {
    border-left: 1px solid #2d5579!important;
    border-right: 1px solid #2d5579!important;
}

/*end ---added on 1/21/15 to make the global alert banner look cleaner--- */


/***********************************  Breadcrumbs  **************************************/

#breadcrumb {
	/*float: right;*/
	width: 924px;
	/*height: 53px;*/
	height: 16px;
	/*margin: 7px 0 0 25px;*/
	/*margin: 0 20px 4px 20px;*/
	/*margin: 0 0 4px 20px;*/
	margin: 0 0 9px 20px;
	font: bold 12px ;
	text-align: left;
	/*background-color:#eee;*/
	/*margin-bottom: 9px;*/
	padding-left:8px;
	background-color:#f3f1f4;
	}
#breadcrumb a {
	font: normal 12px;
	color: #999;
	}
#breadcrumb a:hover {
	font: normal 12px;
	color: #999;
	}
	
#containerContentExtended #breadcrumb {
/*	float: right;
*/	width: 935px;
	height: 16px;
	margin: 0 0 30px 0px;
	font: bold 12px ;
	/*text-align: left;*/
	/*background-color:#eee;*/
	/*margin-bottom: 9px;*/
	padding-left:20px;
	background-color:#f3f1f4;
	}


/***********************************  Main Content Area *********************************/



#containerContent {
	margin: 0;
	padding: 8px 0 0 0;
	width: 969px;
	float: left;
	background-color: #fff;
	background-image: url(../img/bg_container_content.gif);
	background-repeat: repeat-y;
	}
	
	
	
	
	
	
	

/******************* Page without any side menus, content extended***********************/




#containerContentExtended{
	padding:1px 7px 1px 7px;
	width:955px; /*the width of white space in wrapper is 941px */
	margin: 0;
	background-color: #fff;
	background-image: url(../img/bg_container_content.gif);
	background-repeat: repeat-y;
}


#containerContentExtended_with_padding {
	/*used in some pages like schedules... puts 20px of padding on sides of div. as is consistent with all other L2 pages*/
	padding:1px 20px;	
	
}



#containerContentExtended #breadcrumb {
/*	float: right;
*/	width: 935px;
	height: 16px;
	margin: 0 0 30px 0px;
	font: bold 12px ;
	/*text-align: left;*/
	/*background-color:#eee;*/
	/*margin-bottom: 9px;*/
	padding-left:20px;
	background-color:#f3f1f4;
	}



/*#containerContentExtended{
	padding:10px 30px 40px 30px;
	width:910px;
	margin: 0;
	background-color: #fff;
	background-image: url(../img/bg_container_content.gif);
	background-repeat: repeat-y;
}
*/
/*
#containerContentExtended a:hover {
	
color: #f4791f;
	text-decoration: none;
}

*/	

/* This will allow just for the first list item to have that fancy list item image to the let*/	
/*#containerContentExtended li {list-style-image:none;
	padding:0;
	margin: 12px 0 4px 0;
	line-height:18px;
}*/	


/*#containerContentExtended p > ul > li, #containerContentExtended div > ul > li, #containerContentExtended td > ul > li, #containerContentExtended > ul > li,  #containerContentExtended fieldset > ul > li {
	list-style-type:none;
	list-style-image: url(../img/bg_listPromoContact.gif);	
	

}*/
/*end fancy list item*/


/*Pages in where the left navigation is deleted and the content is extended horizontally      ....   I don't know if John or Dan are using this yet*/

 div#containerContentExtendedLeft{
	float:left;
	width:42%;
	padding-right:15px;
	margin-left:20px;
 }
								 
 div#containerContentExtendedRight{
	float:right;
	width:50%;
 }

 div#containerContentExtendedRightDescriptionContainer h4{
	margin:0;
	padding:0;
 }
 div#containerContentExtendedRightDescriptionContainer img{
	 
	 float:left; 
	 margin: 0;
	 padding:0;
 }
 div.containerContentExtendedRightDescription{
	
	float:left; 
	width:300px;
	margin: 0 0 0 10px;
	height:100px;
 
 }







/*********************************** Left Navigation *********************************/



#contentLeft {
	float: left;
	width: 236px;
	margin: 0 0 0 11px;
	padding: 0 0 70px 0;
	display:inline;
	background-image: url(../img/bg_content_left_test3.jpg);
	background-repeat: no-repeat;
	}
#contentLeft img {
	margin: 5px 0 0 0px;
	border: none;
	}
div#departmentTitle p  {
	font-size: 18px;
	margin: 0px;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 17px;
	line-height: 22px;
	text-transform: uppercase;
	letter-spacing: 2px;
	word-spacing: 2px;
	color:#266e6a;
	font-weight: bold;	
	text-shadow: 0px 3px 1px #e4e4e4;
}


body div#contentLeft div#departmentTitle p a{
	/*color: #105BA2;*/
     color:#266e6a;
}

	

	


/*********************************** Main Left Links  Menu *********************************/



#contentLeftNav {
	width: 206px;
	margin: 10px 0 0 0;
	padding: 12px 0 16px 30px;
	background-image: url(../img/bg_content_left_nav.jpg);
	background-repeat: no-repeat;
	float: left;
	}

#contentLeftNav ul {
	margin: 5px 0 0 0;
	padding: 0 6px 0 0;
	list-style-type: none;

	}
#contentLeftNav ul li {
	margin: 0;
	padding: 0 0 8px 0;	
	color: #444;
	text-decoration: none;
	font: normal 13px/16px ;
	}
#contentLeftNav ul li a {
	margin: 0;
	padding: 0;
	color: #444;
	text-decoration: none;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	}
#contentLeftNav ul li a:hover {
	text-decoration: underline;
	color: #444;
/*	font-family: Arial, Helvetica, sans-serif;
*/	}




/*********************************** Sub Navigation in Main Left Links Menu *********************************/



#contentLeftNav ul ul {
	clear: both;
	list-style-type: none;
}


	
div#contentLeftNav ul ul li {
	margin: 0;
	padding: 6px 0 0 31px;
	font-weight: normal;
	font-size:12px;
	line-height:16px ;
    color: #0C4B86;
	text-decoration: none;
	background-repeat: no-repeat;
	background-image: url(../img/bg_left_nav_sub_li.png);
	background-position:0px 2px;
	}

 div#contentLeftNav ul ul li a  {
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight:bold;
    /*color: #2463B3;*/
    color: #0C4B86;
	text-decoration: none;
	}

div#contentLeftNav ul ul li a:hover {
/*	font: bold 12px Arial, Helvetica, sans-serif;
*/	/*color: #f4791f;*/
	color:#0C4B86;
	text-decoration: underline;
	
	}


	

/*********************************** Related Links Left Menu *********************************/



#contentLeftNavRelated {
    margin: 0;
	width: 205px;
    padding: 10px 0 12px 30px;
	background-repeat: no-repeat;
	background-image: url(../img/bg_leftrail_related.jpg);
	}

#contentLeftNavRelated  ul {
	margin: 0;
	padding: 0 6px 0 0;
	list-style-type: none;
	}

	
#contentLeftNavRelated ul li {
	margin: 0;
	padding: 0 0 8px 0;
	text-decoration: none;	
	color: #666;
	font-weight: normal;
	font-size:13px;
	line-height:16px;
	}
#contentLeftNavRelated ul li a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-weight: bold;
	font-size:13px;
	color: #666;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	}
#contentLeftNavRelated ul li a:hover {
	text-decoration: underline;
/*	font: bold 12px/16px Arial, Helvetica, sans-serif;
*/	color: #666;
	}

#contentLeftNavRelated div#contentLeftNavRelatedImg img {
	padding-bottom: 29px;
	padding-top: 9px;
	padding-left:0;
     margin:0;
}


/* makes it so that when you have a spry collapsible panel (like Watsonville has) in the contentLeftNav region, the unordered list appear like sublinks and nicely aligned. Just add this class= "collapsibleNav" to the contentLeftNav div. */
	
	
	#contentLeft .collapsibleNav ul li {
		
	background-repeat: no-repeat;
	background-image: url(../img/bg_left_nav_sub_li.png);	
	margin:0;
	padding: 4px 0 0 30px;
	font-weight: normal;
	font-size:12px;
	line-height:16px;
    color: #0C4B86;	
	}
	
   #contentLeft .collapsibleNav ul li a{
		
	font-weight: bold;
	font-size:12px ;
    color: #0C4B86;	
		
		
	}



   #contentLeft .collapsibleNav ul li a:hover{
		
	color:#0C4B86;
		
	}
	

	#contentLeft .CollapsiblePanelContent {
	margin-top: 0px; 
	padding-top: 4px; /* the margin top declaration makes a strange movelment when opening. swetiched to padding, and now no problem */
	
}


	
	/* gives a little more margin for the top academic buttonn in the collapsible panel spry menu*/	

	#contentLeft .CollapsiblePanelContent img{
		
	margin-top:8px;	
		
	
	}
	
	
	#contentLeft .CollapsiblePanelContent img + img { /*targets all but the first image*/
		
		
	margin-top:0;	
		
	}


/****  Collapsible Panel CSS Modifications for #contentLeft to make it consistent when someone use spry ******/



#contentRight div.CollapsiblePanel div.CollapsiblePanelTab {
	
	background-color:#F3F1F4;
	font-size: 12px;
	font-weight: normal;
	border-bottom: 1px dotted #CCC;
	margin-top: 6px;
	margin-right:17px;
	color:#555;
	padding-left:6px;
}


#contentRight div.CollapsiblePanel div.CollapsiblePanelTab:hover {
	
	background-color: none;
	
}

#contentRight .CollapsiblePanel {
	margin: 0px;
	padding: 0px 0px 0px 18px !important;
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: none;
}

#contentRight .CollapsiblePanelContent {
	margin-top: 9px; padding-top: 0px;
	background-color: none;
	
}


#contentRight .CollapsiblePanelContent td {
	vertical-align:top;
}


#contentRight .CollapsiblePanelContent img {
	
	margin-left:0;
	padding-left:0;

}


#contentRight .CollapsiblePanelOpen {
	background-image:url(../img/bg_bullet-blue-down.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	background-color:none;;

}

#contentRight  div.CollapsiblePanelOpen div.CollapsiblePanelTab {
	background-color: #F3F1F4;
}


#contentRight .CollapsiblePanelClosed {
 	background-color: none;
	background-image:url(../img/bg_bullet-blue.gif);
	background-repeat: no-repeat;
	background-position: 2px 4px;
	
}


#contentRight div.CollapsiblePanelClosed div.CollapsiblePanelTab {
	
	 background-color: #F3F1F4;


}

 
#contentRight div.CollapsiblePanel + div.CollapsiblePanel {

	margin-top:10px;
	margin-bottom:10px;

}

/*end collapsible nav option in contentLeft region */

	
/*********************************** Sub Navigation in Related Links Left Menu *********************************/



	
	
div#contentLeftNavRelated ul ul li {
	margin: 0;
	padding: 6px 0 0 31px;
	color:#0C4B86;
	text-decoration: none;
	background-repeat: no-repeat;
	background-image: url(../img/bg_left_nav_sub_li.png);
	background-position:0px 2px;

	}

 div#contentLeftNavRelated ul ul li a  {
	margin: 0;
	padding: 0;
	font: bold 12px/16px;
	/*color: #2463B3;*/
	color:#0C4B86;
	text-decoration: none;
	}

div#contentLeftNavRelated ul ul li a:hover {
	text-decoration: underline;
/*	font: bold 12px/16px Arial, Helvetica, sans-serif;
*/	/*color: #f4791f;*/
		color:#0C4B86;

	}


/******* Content Left - Images Block (optional) *******/

#contentLeftImageBlock {
	width:235px;
	text-align:center;
	background-image:url(../img/bg_leftrail_imageblock_long.jpg);	
	background-repeat:repeat-y;	
	}

#contentLeftImageBlock img {
	width:200px;
	height:150px;
	margin: 0px auto;
	padding: 16px;
	border:none;

/*	border-left: 1px dotted #d7d7d7;
*/	display:block;
}

#contentLeftImageBlock img + img {
	width:200px;
	height:150px;
	margin: 0px auto;
	padding: 16px;
	border-top: 1px dotted #d7d7d7;
/*	border-left: 1px dotted #d7d7d7;
*/	display:block;
}




/****  Collapsible Panel CSS Modifications for #contentLeft ******/



#contentLeft div.CollapsiblePanel div.CollapsiblePanelTab {
	
	background-color:#F3F1F4;
	font-size: 12px;
	font-weight: normal;
	border-bottom: 1px dotted #CCC;
	margin-top: 6px;
	margin-right:17px;
	color:#555;
	padding-left:6px;
}


#contentLeft div.CollapsiblePanel div.CollapsiblePanelTab:hover {
	
	background-color: none;
	
}

#contentLeft .CollapsiblePanel {
	margin: 0px;
	padding: 0px 0px 0px 18px !important;
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: none;
}

#contentLeft .CollapsiblePanelContent {
	margin-top: 0px; padding-top: 0px;
	background-color: none;
	
}


#contentLeft .CollapsiblePanelContent td {
	vertical-align:top;
}


#contentLeft .CollapsiblePanelContent img {
	
margin-left:0;
padding-left:0;

}


#contentLeft .CollapsiblePanelOpen {
	background-image:url(../img/bg_bullet-blue-down.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	background-color:none;;

}

#contentLeft  div.CollapsiblePanelOpen div.CollapsiblePanelTab {
	background-color: #F3F1F4;
}


#contentLeft .CollapsiblePanelClosed {
 	background-color: none;
	background-image:url(../img/bg_bullet-blue.gif);
	background-repeat: no-repeat;
	background-position: 2px 4px;
	
}


#contentLeft div.CollapsiblePanelClosed div.CollapsiblePanelTab {
	
 	background-color: #F3F1F4;


}

 
#contentLeft div.CollapsiblePanel + div.CollapsiblePanel {

	margin-top:10px;
	margin-bottom:10px;

}





/* instead of right links, if you want to put 200px x 150px square images  in the  contentRightContact div, the images will have justified margin separating them, just like the image block on the contentLeft area */
.contentRightImageBlock img {
	
	margin-bottom:16px;
	
}




/*********************************** Content Area - Right Region *********************************/






#contentRight {
	/*width: 692px;*/
	width:695px;
	margin: 0;
	padding: 9px 11px 0 11px;
	float: right;
	background-image:url(../img/bg_content_right.jpg);
	background-repeat:no-repeat;
	background-position:1px 0px;

	}


#contentRight a:hover {
/*	font: bold 12px Arial, Helvetica, sans-serif;
*/	/*color: #f4791f; bright orange like search button
	color:#df935b;*/
	color:#6d95c9;
	text-decoration: none;
}

#contentRightBody {
	width: 463px;
	float:left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-right: 5px;
	
	}
	
/* This will allow just for the first list item to have that fancy list item image to the left*/	
	
#contentRightBody ul {
	margin-left:5px;
}


#contentRightBody ul li {
	list-style-type:none;
	background-image: url(../img/bg_listPromoContact.png);
	background-repeat:no-repeat;
	background-position:0 4px;
	padding:0 0 0 18px;
	margin-bottom:10px;
	line-height:18px;
}


#contentRightBody ul ul {


}

#contentRightBody ul li li {
	background-image:none;
	list-style-type:inherit;
	padding:0 0 0 2px;
	margin: 7px 0 0px 10px;

}


/*end fancy list item*/





/*adds a shadow to the image 180 degrees, works in ie 6 as well supposedly.   also width and height of img should not be forced in this region. could create issues*/

div#WidePhoto img, #contentRightBodyPhoto img {
	-moz-box-shadow: 0px  2px 2px #eae9e9; /* for Firefox 3.5+ */
	-webkit-box-shadow: 0px 2px 2px #eae9e9; /* for Safari and Chrome */
     filter: progid:DXImageTransform.Microsoft.Shadow(color='#eae9e9', Direction=180, Strength=2);
	}

/* forces our slideshow caption feature to recognize that the images are this specific width and not the width of the parent block, so that they are aligned and not offset*/

#contentRight #WidePhoto {
	
	width:684px;
	margin:0;
	padding:0;
	
}

	
#contentRightBodyPhoto img{
	
	margin-bottom:12px;	/*separartes the space between h1 and imgage (if it exists in contentRightBodyPhoto)  above the h1*/
	
}
	
	
	
/* an adjacent sibling selector that declares that the second image in WidePhoto have 6 px of margin on left */

#WidePhoto img + img {

margin-left:6px;
	
}

/* an adjacent sibling selector that declares that the second image in contentRightBodyPhoto have 6 px of margin on left. doesn't work in ie6 though */
#contentRightBodyPhoto img + img {

margin-left:6px;
	
}
	

div#contentRightBodyPhotoLeft{
	width:339px;
	height:190px;
	float:left;
	display:inline;
	margin:0 5px 0 0;
	padding:0;
}

div#contentRightBodyPhotoLeft img{
	width:339px;
	height:190px;
	
}


div#contentRightBodyPhotoRight{
	width:339px;
	height:190px;
	float:left;
	display:inline;
	margin:0;
	padding:0;
}

div#contentRightBodyPhotoRight img{
	width:339px;
	height:190px;
	
}

/* end 2 photos div */

/* 390px x 190px photo alone floating right on content page */

#contentRightBodyPhotoSmaller{
    float:right;
	/*
	width:350px;
	width:359px;
	padding:0px;
	margin:18px 0 20px 20px;
	height: 210px; */
}

#contentRightBodyPhotoSmaller img{
	width:339px;
	height: 190px;
	margin:0 8px 8px 12px;
	padding:10px;
	border: 1px dotted #d7d7d7;
}

/* variation of css declaration above....  has bground image behind it */

#contentRightBodyPhotoSmaller img.picturebackground{
	background-image: url(../img/bg_photo_float_right.jpg);
	background-repeat: no-repeat;
	/*padding: 19px 0 0 22px;
	width: 353px;
	height: 207px;*/
	margin: 0 8px 8px 12px;
	/*width:383px;
	height:234px*/;
	padding:20px 22px 20px 22px;
	border:none;
}

/*img.picturebackground{
	display:block;
	width:339px;
	height: 190px;
	float:right;
	margin: 0px;
	padding:20px 22px 20px 20px;
	
}*/





/* optional local top navgation. must use template, content1.dwt ----- view football page for example just uses an unordered list in contentRightTopNav div */

#contentRightTopNav {
	
	margin-bottom:15px;	
	width:98%;
	
}


#contentRightTopNav ul {
	margin: 0px;
	padding: 0px;
	background-color: #f3f1f4;
}
#contentRightTopNav ul li {
	background-image: none;
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	color: #020255;
	font-weight: normal;
	
}
#contentRightTopNav ul li a {
	color: #020255;
	font-weight: normal;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #f1873e;
	padding-top: 0em;
	padding-right: 1.4em;
	padding-bottom: 0em;
	padding-left: 1.4em;
	margin-top: 0.8em;
	margin-right: -0.3em;
	margin-bottom: 0.8em;
	margin-left: 0px;
	width: 100%;
	text-align:center;
	
/*	background-color: #f3f1f4;
*/
}
#contentRightTopNav ul li a:hover {
	color: white;
	background-color: #f1873e;
	text-decoration:none;
	width: 100%;
}
.contentRightTopNavBars {
	background-color: #66ccff;
	height: 3px;
	width: 100%;
}
/* end optional top navigation */





/*********************************** Content Area - Right Region - Contact Information *********************************/

div#contentRightContact {
	float: right;
	/*width: 219px;*/
	width: 223px;
	background-image: url(../img/bg_contact_info_top.gif);
	background-repeat:no-repeat;
	padding-top: 4px;
	padding-right: 0px;
	/*font-family: Tahoma, Arial, sans-serif;*/
	margin-top: 30px;
	margin-bottom: 20px;
	background-color:transparent;
	
	}


div#contentRightContactInfo {
	
	background-image: url(../img/bg_contact_info_main.gif);
	background-repeat: repeat-y;
	margin-top: 3px;
	padding: 20px 0 11px 11px;
	
	}
div#contentRightContactInfoImg {
	padding-left: 9px;
	padding-top: 10px;
	padding-bottom: 5px;
	}

#contentRightContactInfoImg h3 {
    font-size: 15px;
	 text-shadow:none;
	 margin-right:3px;
	color:#4C4B48;
	letter-spacing:.2px
	}

table#contentRightContactInfoTable, .contentRightContactInfoTable{
	margin: 0px;
	padding: 0px;
	width: 205px ;
	overflow: hidden ;
	}

table#contentRightContactInfoTable .contentRightHead, table.contentRightContactInfoTable .contentRightHead {
	font-weight: bold;
	font-size:13px ;
	color: #165565;
	padding:5px 0 5px 2px;
	height:20px;
	/*width:205px;*/
	vertical-align:middle;
	margin: 0;
	background-color:#F3F1F4;
	border-bottom: 1px dotted #cecbcb;
}


/* makes it so that paragraphs created in the contact subhead region, stills has the same color and weight */

.contentRightSubhead p, .contentRightSubhead p{

	font-weight: bold;
	font-size:11px;
	color: #000;
	margin:0;
	padding:0;
	padding-top:6px;
	line-height:18px;	}

table#contentRightContactInfoTable .contentRightSubhead, table.contentRightContactInfoTable .contentRightSubhead {
	font-weight: bold;
	font-size:11px ;
	color: #000;
	margin:0;
	padding:0;
	padding-top:6px;
	width:28%;
	height:20px;
	vertical-align:top;
	line-height:18px;
	padding-left:1px;
	}
	
	
.contentRightSubhead p, .contentRightCopy p {

	font-size: 11px ;
	margin:0;
	padding:0;
	
	
}
	

table#contentRightContactInfoTable .contentRightCopy, table.contentRightContactInfoTable .contentRightCopy {
	font-size: 11px;
	color: #666;
	margin:0;
	padding:0;
	padding-top:6px;
	height:20px;
	/*width:70px !important;*/
	width:70%;
	vertical-align:top;
	line-height:18px;
	overflow: hidden !important;
	padding-left:6px;
}

table#contentRightContactInfoTable .contentRightCopy a, table.contentRightContactInfoTable .contentRightCopy a {
	
		line-height:18px;
		margin:0;
		padding:0;
		vertical-align:top;

}



#contentRightContactInfoBtns {
	padding-top: 18px;
	padding-left: 2px;
}


#contentRightContactInfoBtns img {
	display:block;
	padding-bottom: 15px;
	border: 0;
}

div#contentRightContactInfo table.contentRightContactInfoTableAdditional {
	margin-top:20px;
}


/**** Content Page -- allows Rightlinks to float right so that if its deleted, the other content to left will fill in space   ****/


#contentrightSubContainer {

/*margin-right:80px;*/
	
}

div#contentRight .contentRightBodySub {
	width:inherit;
	float:none;
	display:inline;
	margin-right:40px;
	paddin-right:80px;
	max-width:430px;

}


#contentRightBodySubInterior{
	
	margin-right:40px;
	
}
	

div#contentRight div.contentRightContactSub {
	
	/*margin-right:-80px;*/
	margin-left:10px;
	display:inline;

}


/*********************************** Promo Area for Home Pages --- area containing alerts & deadlines  *********************************/


/*
#RightPromoMain {
	width: 692px;
	height: 190px;
	margin: 0 0 8px 0;
	padding: 0;
	background-image: url(../img/bg_promo_main_purple.jpg);
	}
#RightPromoMainContent {
	width: 242px;
	margin: 0;
	padding: 10px 23px 15px 23px;
	}
#RightPromoMainContent #header {
	margin: 0;
	padding: 10px 0 10px 0;
	font: normal 26px Georgia, "Times New Roman", Times, serif;
	color: #fff;
	border-bottom: 1px solid #fff;
	}
#RightPromoMainContent p {
	margin: 0;
	padding: 10px 0 15px 0;
	font-weight: normal;
	font-size:13px;
	line-height:21px;
	color: #fff;
	}
#RightGreyBar {
	width: 692px;
	height: 38px;
	margin: 0 0 10px 0;
	padding: 0;
	background-color: #E9EFF6;
	}
#RightGreyBarContent {
	margin: 0 0 10px 0;
	padding: 10px 0 0 20px;
	font: normal 15px;
	color: #2463B3
	}
#RightGreyBarContent .lead {
	font-weight: bold;
	font-size:18px ;
	color: #2463B3
	}*/

/***** Promotional areas on Services Page  *******/


/* promo medium teal by default*/

#Promo {
	margin: 0 0 0 0;
	padding: 0;
	width: 684px;
	height: 190px;
	background-image: url(../img/bg_promo_fin_aid_test.jpg);
	background-repeat: no-repeat;
	}
#PromoLeft {
	margin: 0;
	padding: 0;
	width: 345px;
	height: 190px;
	float: left;
	display:inline;
	}
	
	
#PromoRight {
	margin: 0;
	padding: 0;
	width: 339px;
	height: 190px;
	background-repeat: no-repeat;
	float: right;
	display: inline;
	margin-left: ;
	}
	
#PromoRight img{

	width:339px;
	height:190px;
	border:0;

}
	
#Promo .header{
	margin:0;
	padding: 11px 0 0 10px;
	font-weight: bold;
	font-size:12px ;
	color: #fff;
	text-transform: uppercase;
	}
	
#Promo .header p{

	margin:0;
	padding:0;
	font-weight: bold;
	font-size:12px;
	color: #fff;
	text-transform: uppercase;	
}

	
#Promo ul{
	/*width:300px;
	margin: 16px 11px 5px 5px;
	padding: 0;*/
	list-style-type: none;
	margin:0;
	padding:0;
	}
#Promo ul li {
	/*width: 290px;*/
	color: #fff;
	margin: 0 0 7px -10px;
	padding: 0 0 0 20px;
	font-size:13px;
	font-weight:normal;
	line-height:18px;	
	color: #fff;
	background-image: url(../img/bg_list_promo_fin_aid.gif);
	background-repeat: no-repeat;
	background-position:0px 3px;
	}


div#PromoLeftContent {
	display:block;
	width:300px;
	margin: 17px 11px 5px 5px;
	padding: 0 0 0 20px;	
}

#Promo ul li a {
	
	color: #fff;
	text-decoration: none;
	font-weight:normal;
	border-bottom:1px dotted #d8e2eb;
	}
	

#Promo ul li a:hover {
	
/*	font: normal 12px/14px Arial, Helvetica, sans-serif;
*/	color: #fff;
	text-decoration: none;
	}



img#read_more_promo{
	
	margin:0;
	padding:5px 0 0 0px;
	border:0;
	
}

img#read_more_promo_blue{
	
	margin:0;
	padding:5px 0 0 0px;
	border:0;
	
}
	
#PromoLeft p  /*makes the text same size  if a user deletes the list and makes a p*/{
	
	color: #fff;
	margin: 0 0 7px -10px;
	padding: 0 0 0 20px;
	font-size:13px;
	font-weight:normal;
	line-height:18px;	
	color: #fff;
	}	


	

#PromoLeft a:hover {

	
	text-decoration: none;
	color: white;
	border-bottom:none;
	
}
	

#RightPromo {
	margin: 0 0 20px 0;
	padding: 0;
	}



/*promo medium blue  ------ just add class="PromoMediumBlue" to PromoLeft (div).*/
	
	
	#containerContent .PromoMediumBlue {
		background-image: url(../img/bg_promo_medium_blue.jpg);
		
	}
	
	.PromoMediumBlue #PromoLeftContent ul li{
		
		background-image: url(../img/bg_list_promo_blue.gif);

		
	}



/*****  Promotional Extended Areas on Department Home Pages *******/




/* blue extended panel */

#PromoExtended {
	
	background-repeat: no-repeat;
	margin: 15px 0 19px 0;
	padding:0 12px 0 0;
	background-image:url(../img/bg_promo_blue_top.jpg);
	padding-right:0px; 
		margin-right:12px; 
		width:451px; 
		height:inherit;
	
}


#PromoExtended .header{
	margin:0;
	padding: 11px 0 0 10px;
	font-weight: bold;
	font-size:12px; /*Helvetica, Arial, sans-serif*/
	color: #fff;
	text-transform: uppercase;
	padding-bottom:8px;

	}
	
#PromoExtended .header p{

	margin:0;
	padding:0;
	font-weight: bold; 
	color: #fff;
	text-transform: uppercase;
	
}



#PromoExtendedContent {
	display:block;
	font-weight: normal;
	font-size:15px;
	line-height:20px;
	color: #fff;
	background-image:url(../img/bg_promo_blue_middle.jpg);
		padding:10px 10px 5px 25px; 
		margin:0
}

	
#PromoExtendedContent ul{
	/*width:300px;
	margin: 16px 11px 5px 5px;
	padding: 0;*/
	list-style-type: none;
	margin:0;
	padding:0;
	}
#PromoExtendedContent ul li {
	/*width: 290px;*/
	margin: 0 0 7px -10px;
	padding: 0 0 0 20px;
	color: #fff;
	background-image: url(../img/bg_list_promo_blue.gif);
	background-repeat: no-repeat;
	list-style-image:none;
	font-size: 13px;
	line-height:18px ;
	font-weight:normal;
	background-position:0 2px;

	}
#PromoExtendedContent ul li a {
	

	color: #fff;
	text-decoration: none;

	font-weight: normal;
	border-bottom:1px dotted #d8e2eb;
	}

#PromoExtendedContent ul li a:hover {
	
/*	font: normal 12px/14px Arial, Helvetica, sans-serif;
*/	color: #fff;
	text-decoration: none;
	border-bottom:none;
	}


img#read_more_promo{
	
margin:0;
padding:5px 0 0 0px;
border:0;
	
}
	
	
#PromoExtendedContent p, #PromoExtendedContent * {
	margin:0;
	padding:0;
	
	}
	
/* gives the bottom part of the image for   the blue Promoextended panel   */
	
	#PromoExtendedBottom{ 
	margin:0;
	padding:0; 
	height:28px; 
	background-image:url(../img/bg_promo_blue_bottom.jpg);
	}	

/***********************/

/* magenta extended panel ------ just add class="PromoExtendedMagenta" to PromoExtended (div). */
	
	#containerContent .PromoExtendedMagenta {
		
	background-image:url(../img/bg_promo_magenta_top.jpg);

		
	}
	
	
	#containerContent .PromoExtendedMagenta .header {
		padding-bottom:13px;
		
	}

	
	.PromoExtendedMagenta #PromoExtendedContent{
		background-image:url(../img/bg_promo_magenta_middle.jpg);
		
	}

	.PromoExtendedMagenta #PromoExtendedContent ul li{
		background-image:url(../img/bg_list_promo_library.gif);
		
		
	}




	.PromoExtendedMagenta #PromoExtendedBottom{ 
		background-image:url(../img/bg_promo_magenta_bottom.jpg);
		height:23px;
	}
	
	
	
	
	
	
	
	/* teal extended panel   ------ just add class="PromoExtendedMagenta" to PromoExtended (div).   */
	
	#containerContent .PromoExtendedTeal {
		
	background-image:url(../img/bg_promo_teal_top.jpg);

		
	}
	
	
	
	#containerContent .PromoExtendedTeal .header {
		padding-bottom:8px;
		
	}

	
	.PromoExtendedTeal #PromoExtendedContent{
		background-image:url(../img/bg_promo_teal_middle.jpg);
		
	}

	.PromoExtendedTeal #PromoExtendedContent ul li{
	background-image: url(../img/bg_list_promo_fin_aid.gif);
		
		
	}




	.PromoExtendedTeal #PromoExtendedBottom{ 
		background-image:url(../img/bg_promo_teal_bottom.jpg);
		height:23px;
	}
	
	
	



/***********************************  Promo Area for Deparmtent Home Pages -  bottom panels - containing spotlight and processing times  *********************************/

/*  only financial aid and horticulutre are using these bottom green panels so far  8/10  */


#twoColSubPromo {
	margin: 1px 0 0 0;
	padding: 0;
	/*width: 465px;*/
	}
	
#twoColSubPromo a {
	color:#fafafa;
	}
	
#twoColSubPromoLeft {
	margin: 5px 0 0 0;
	padding: 0;
	width: 228px;
	background-image: url(../img/bg_twoColSubPromoLeft.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 195px;
	display: inline;
	}
#twoColSubPromoRight {
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	width: 228px;
	background-image: url(../img/bg_twoColSubPromoLeft.jpg);
	background-repeat: no-repeat;
	float: right;
	}
#twoColSubPromoLeft .header, #twoColSubPromoRight .header, #twoColSubPromoRightNew .header {
	padding: 9px 0 0 10px;
	font-weight: bold;
	font-size:12px /*Helvetica, Arial, sans-serif*/;
	color: #fff;
	text-transform: uppercase;
	height: 21px;
	display: block;
	clear: both;
	}
#twoColSubPromoLeft p {
	margin: 0 10px 0 19px;
	padding:10px 0 0 0;
	font-weight: normal;
	font-size:12px;
	line-height:15px; /*Helvetica, Arial, sans-serif*/;
	color: #fafafa;
	}
	
	

	
div.twoColSubPromoImg{
	margin-top: 0px;
	margin-left: 3px;
	padding:0;
}


div.twoColSubPromoImg img {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 3px;
	padding:0;
}


#twoColSubPromoLeft p img {
	margin:0;
	padding:0;
	float:none;
	}
/*
#twoColSubPromoRight p.step01{
	margin: 0;
	padding: 15px 5px 0 13px;
	font-weight: normal 12px/15px ;
	color: #fafafa;
	border: 0px solid #fff;
	}

#twoColSubPromoRight p.step02 {
	margin: 0;
	padding: 6px 5px 0 13px;
	font: normal 12px/15px;
	color: #fafafa;
	border: 0px solid #fff;
	}
#twoColSubPromoRight p.step03 {
	margin: 0;
	padding: 6px 5px 0 13px;
	font: normal 12px/15px ;
	color: #fafafa;
	}*/
	
#twoColSubPromoRight p.btn {
	margin: 0;
	padding: 14px 5px 0 13px;
	}

#twoColSubPromoRightNew {
	margin: 5px 0 0 5px;
	padding: 0 0 0 0;
	width: 228px;
	background-image: url(../img/bg_twoColSubPromoLeft.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 195px;
	display: inline;
	}
	
#twoColSubPromoRightNewContent{
	
	margin:8px 7px 0 13px;
	padding:0;
	font-weight: normal;
	font-size:12px;
	line-height:15px ;
	color: #fafafa;
	clear:both;
	
}
	
#twoColSubPromoRightNewContent p{
	margin: 10px 0 10px 0;
	font-weight: normal;
	font-size:12px;
	line-height:15px ;	
	color: #fafafa;
	
	}	
	
	
/* makes the list items in the bottom panels processing timelines div better left aligned */


#twoColSubPromoRightNewContent  ul li{

	margin-left: -9px;
	margin-right: 0px;
	padding-left:15px;	
}


#twoColSubPromoRightNewContent  ul {

	margin-left:0px;
	margin-right: 0px;
	
}
	

	
#twoColSubPromoRightNew p.btn {
	margin: 0;
	padding: 5px 5px 0 0px;
	}
		

/*********************************** Sub Content Page *********************************/


#contentRightBodySub {
	width:610px;
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	padding-right: 5px;
	}
	

/* This will allow just for the first list item to have that fancy list item image to the left*/
#contentRightBodySub li {list-style-image:none;
	padding:0;
	margin: 12px 0 4px 0;
	line-height:18px;
}	

#contentRightBodySub p > ul > li, #contentRightBodySub div > ul > li, #contentRightBodySub td > ul > li, #contentRightBodySub > ul > li {
	list-style-type:none;
	list-style-image: url(../img/bg_listPromoContact.gif);	
}
/*end fancy list item*/




/*********************************** Right Links Menu - in #contentRight div - Only on some sub content templates *********************************/

#contentRightContactInfoImg h3 {
    font-size: 16px;
	line-height:20px;
	padding:0;
	 margin: 5px 0 0 0;
	 font-weight:normal;
	 text-shadow: 0px 3px 1px #e4e4e4;

}

div#contentRightContact div.contentRightContactInfoRightLinks{
	
	padding-top:5px;
	padding-right:8px;
	padding-bottom: 12px;	
	
}

div#contentRightContact div#contentRightContactInfo  ul {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
	padding-right: 5px;
	}

div#contentRightContact div#contentRightContactInfo  ol {
	margin: 0 0 0 20px;
	padding: 0 5px 0 0;
	list-style-position:outside;
	}

	
div#contentRightContact #contentRightContactInfo ul li {
	margin: 8px 0 0 2px;
	padding: 0 0 0 10px;
	text-decoration: none;
	font-weight: normal;
	font-size:13px;
	line-height:16px ;
	background-image: url(../img/blt_scholarship_ops.gif);
	background-repeat: no-repeat;
	list-style-image: none;

	}
	
		
div#contentRightContact #contentRightContactInfo ol li {
	margin: 8px 0 0 2px;
	padding: 0 0 0 0px;
	text-decoration: none;
	font-weight: normal;
	font-size:13px;
	line-height:16px ;
	}
	
	
div#contentRightContact div#contentRightContactInfo ul li  a, div#contentRightContact div#contentRightContactInfo ol li  a {
	margin: 0;
	padding: 0;
	text-decoration: none;
/*	font: 13px/16px ;
*/	color: #4C6385;
	font-style: normal;
	font-weight:bold;
	font-variant: normal;
	}
div#contentRightContact div#contentRightContactInfo ul li a:hover, div#contentRightContact div#contentRightContactInfo ol li a:hover {

	text-decoration: underline;
/*	font: normal 12px/15px Arial, Helvetica, sans-serif;
*/	color: #4C6385;
	}


	
div#contentRightContactInfo ul ul li {
	margin: 0;
	padding:0px;
	color: #4C6385;
	text-decoration: none;
	background-repeat: no-repeat;
	background-image: url(../img/bg_left_nav_sub_li.png);
	}

 div#contentRightContactInfo ul ul li a  {
	margin: 0;
	padding: 0;
	/*font: normal 12px/15px ;*/
	color: #4C6385;
	font-weight:bold;
	text-decoration: none;
	}

div#contentRightContactInfo ul ul li a:hover {
	text-decoration: underline;
/*	font: normal 12px/15px Arial, Helvetica, sans-serif;
*/	color: #4C6385;
	}



/***********************************  Faculty Page  *********************************/


#contentFaculty {
	width: 650px;
	}


.headFaculty {
	font: bold 31px;
	color: #7E880C;
	}

.taglineFaculty {
	font: normal 13px ;
	color: #7E880C;
	}	
	


/*********************************** Faculty Left Rail *********************************/

/*  I dont thingk we're using this ~ 8/10 dan czyzyzk */

/*#contentLeftNavFaculty {
	float: left;
	width: 206px;
	height: 500px;
	margin: 10px 0 12px 0;
	padding: 12px 0 12px 30px;
	background-image: url(../img/bg_content_left_nav_faculty.jpg);
	background-repeat: no-repeat;
	}
#contentLeftNavFaculty ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#contentLeftNavFaculty ul li {
	margin: 0;
	padding: 0;
	height: 24px;
	text-decoration: none;
	}
#contentLeftNavFaculty ul li a {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size:13px;
	line-height:11px;
	color: #666;
	text-decoration: none;
	}
#contentLeftNavFaculty ul li a:hover {
	text-decoration: underline;
	}

	
#contentLeftNavSubFaculty {
	float: left;
	margin: 0;
	}
#contentLeftNavSubFaculty ul {
	margin: 0;
	padding: 0 0 0 0;
	list-style-type: none;
	}
#contentLeftNavSubFaculty ul li {
	margin: 0;
	padding: 0 0 0 30px;
	height: 24px;
	text-decoration: none;
	background-image: url(../img/bg_left_nav_sub_li.png);
	background-repeat: no-repeat;
	}
#contentLeftNavSubFaculty ul li a {
	margin: 0;
	padding: 0;
	font: normal 12px/11px ;
	color: #656D0A;
	text-decoration: none;
	}
#contentLeftNavSubFaculty ul li a:hover {
	text-decoration: underline;
	}

	
*/	
/*********************************** Academics Page  *********************************/




#contentLeftNavAcademics{
	margin: 10px 0 0 0;
	padding-top:20px;
	padding-bottom:2px;
	width: 235px;
	background-repeat: no-repeat;
	background-image: url(../img/bg_content_left_test3.jpg);
	z-index:100;
	
}	
	
	
/*#contentLeftNavAcademics img {
	margin: 0 0 8px 15px;
	border: none;
	margin: 5px 0 0 20px;
	}	*/
	
#contentLeftNavAcademics img {
  border: medium none;
  height: auto!important;
  margin: 0 0 9px 6px!important;
  width: auto!important;
}
	
	


	


/*********************************** Library Pages  *********************************/


/* library pages on different server. have different css */



/*#promosLibrary {
	margin: 6px 0 20px 0;
	float: left;
	}
#promosLibraryLeft {
	width: 224px;
	height: 82px;
	margin: 0 6px 0 0;
	float: left;
	background-color: #D5DDE4;
	}
#promosLibraryMiddle {
	width: 224px;
	height: 82px;
	margin: 0 6px 0 0;
	float: left;
	background-color: #D5DDE4;
	}
#promosLibraryRight {
	width: 224px;
	height: 82px;
	float: left;
	background-color: #D5DDE4;
	}
#promosLibraryLeft .promosLibraryBarContent p, #promosLibraryMiddle .promosLibraryBarContent p, #promosLibraryRight .promosLibraryBarContent p {
	padding: 10px 0 0 14px;
	font-weight: bold;
	font-size:17px;
	line-height:17px ;
	color: #165565;
	}	
	
	
#promosLibraryLeft .promosLibraryBarContent a, #promosLibraryMiddle .promosLibraryBarContent a, #promosLibraryRight .promosLibraryBarContent a {
	padding: 0 0 0 14px;;
	color: #165565;
	text-decoration: none;
	text-transform: uppercase;
	}	
	
#promosLibraryLeft .promosLibraryBarContent p a, #promosLibraryMiddle .promosLibraryBarContent p a, #promosLibraryRight .promosLibraryBarContent p a{
	color: #165565;
		padding:0;
			text-transform:none;


	}			
	
#PromoLibrary {
	margin: 0 0 15px 0;
	padding: 0;
	width: 451px;
	height: 171px;
	background-image: url(../img/bg_promo_library.jpg);
	background-repeat: no-repeat; 
	}
#PromoLibraryContent {
	margin: 0;
	padding: 0;
	width: 450px;
	height: 190px;
	float: left;
	}
#PromoLibrary .header {
	padding: 11px 0 0 10px;
	font-weight: bold;
	font-size:12px /*Helvetica, Arial, sans-serif;
	color: #fff;
	text-transform: uppercase;
	}
	
	
ul#listPromoLibrary {
	margin: 25px 380px 5px 5px;
	padding: 0;
	list-style-type: none;
	}
div#PromoLibrary ul#listPromoLibrary li {
	background-image:none;
	list-style-image:none;
	width: 380px;
	margin: 0 0 6px 0;
	padding: 0 0 0 20px;
	font-weight: normal;
	font-size:12px;
	line-height:14px;
	color: #fff;
	background-image: url(../img/bg_list_promo_library.gif);
	background-repeat: no-repeat;
	}
div#PromoLibrary ul#listPromoLibrary li a {
	
	
	text-decoration: none;
	color: #fff;
	}
table.templatestable {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
	
*/



/*******************************Choosing Templates  Styles  *********************************/





/* I don't think we're using this right now - 8/10   Dan Czyzyk  */


/*table.templatestable td{
	text-align:center;
	vertical-align:top;
	padding: 20px 10px;
}
.templates_directions {
	font-size: 18px;
	float: left;
	width: 600px;
}
.templates_enlarge {
	color: #849635;
	float: right;
	margin-left: 40px;
	font-size: 18px;
	border: 1px dotted gray;
	width: 250px;
}
.templates_code {
	font-size: 26px;
	color: #000;
	text-decoration: underline;
}
.templates_description {
	font-size: 15px;
	color: #333;
	margin: 20px;
	display: block;
	border: 1px solid #e6eae8;
	font-weight: bold;
}
*/

/***********************************  Real Home Page Styles  *********************************/


/*
#containerHomeFlash {
	margin: 0;
	padding: 0;
	width: 969px;
	height: 392px;
	background-image: url(../img/fpo_home_flash.jpg);
	}
#containerHomeContent {
	margin: 0;
	padding: 0;
	width: 969px;
	height: 259px;
	background-image: url(../img/bg_home_content.gif);
	background-repeat: no-repeat;
	border: 0px solid #fff;
	float: right;
	}
#leftcolumn { 
	 color: #333;
	 border: 1px solid #6C7B2B;
	 background: #6C7B2B;
	 margin: 16px 9px 0 17px;
	 padding: 10px;
	 width: 205px;
	 height: 221px;
	 float: left;
	background-image: url(../img/bg_home_alerts.jpg);
	display: inline;
	}
#leftcolumn p  {
	margin: 0;
	padding: 30px 0 0 0;
	font-weight: normal;
	font-size:12px ;
	color: #C8DA7A;
	}
#leftcolumn p .headline {
	font-weight: normal;
	font-size:12px;
	color: #fff;
	}
#leftcolumn a#btnMoreAlerts {
	width: 86px;
	height: 21px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	display: block;
	_display: inline;
	background: url("../img/btn_more_alerts.png") 0 0 no-repeat;
	}
#leftcolumn a#btnMoreAlerts:hover {
	background: url("../img/btn_more_alerts.png") 0 -21px no-repeat;
	}
	
#leftmiddle { 
	 color: #333;
	 border: 1px solid #993861;
	 background: #993861;
	 margin: 16px 9px 0 0px;
	 padding: 10px;
	 width: 205px;
	 height: 221px;
	 float: left;
	background-image: url(../img/bg_home_events.jpg);
	}
#leftmiddle p  {
	margin: 0;
	padding: 30px 0 0 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #D28CA9;
	}
#leftmiddle p .headline {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #fff;
	}
#leftmiddle a#btnMoreEvents {
	width: 86px;
	height: 21px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	display: block;
	_display: inline; 
	background: url("../img/btn_more_events.png") 0 0 no-repeat;
	}
#leftmiddle a#btnMoreEvents:hover {
	background: url("../img/btn_more_events.png") 0 -21px no-repeat;
	}
	
#rightmiddle { 
	 color: #333;
	 border: 1px solid #4C4E56;
	 background: #4C4E56;
	 margin: 16px 9px 0 0px;
	 padding: 10px;
	 width: 205px;
	 height: 221px;
	 float: left;
	background-image: url(../img/bg_home_news.jpg);
	}
#rightmiddle p  {
	margin: 0;
	padding: 30px 0 0 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #458C95;
	}
#rightmiddle p .headline {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #fff;
	}
#rightmiddle a#btnMoreNews {
	width: 86px;
	height: 21px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	display: block;
	_display: inline; 
	background: url("../img/btn_more_news.png") 0 0 no-repeat;
	}
#rightmiddle a#btnMoreNews:hover {
	background: url("../img/btn_more_news.png") 0 -21px no-repeat;
	}
#rightcolumn { 
	 color: #333;
	 border: 1px solid #00687C;
	 background: #54575E;
	 margin: 16px 0px 0 0px;
	 padding: 10px 0 0 15px;
	 width: 210px;
	 height: 231px;
	 float: left;
	}
	*/
	
/*********************************** Athletics Global Nav Page Styles  *********************************/



#containerLogoAthletics img.logo {
	border: 0;
	}
#containerLogoAthletics img.seahawk {
	margin: 0 0 0 20px;
	border: 0;
	}
	
#containerLogoAthletics {
	width: 400px;
	height: 87px;
	margin: 0;
	padding: 0;
	float: left;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
	}
	
#containerSubnavSearchAthletics	{
	width: 553px;
	height: 87px;
	margin: 0;
	padding: 0 4px 0 0;
	float: right;
	border: 0px solid #fff;
	background-image: url(../img/bg_subnav_athletics.png);
	background-position: left top;
	}
#containerSubnavSearchAthletics .subnavFirst {
	margin: 0;
	}
#containerSubnavSearchAthletics #Subnav	{
	width: 325px;
	margin: 0 0 0 0;
	padding: 0 3px 0 0;
	height: 40px;
     display: block;
     float: left;
	border: 0px solid #fff;
	}
#containerSubnavSearchAthletics #Subnav ul {
	margin: 0 0 0 0;
	padding: 2px 0 0 0;
	list-style-type: none;
	}
#containerSubnavSearchAthletics #Subnav li {
	float: right;
	margin: 0 0 0 15px;
	padding:  0 1px 0 0;
	font-weight: normal;
	font-size:16px; 
	color: #fff;
	background-repeat: no-repeat;
	}
#containerSubnavSearchAthletics #Subnav a, #Subnav a:link {
	color: #fff;
	text-decoration: none;
	margin: 0;
	padding: 2px 0 0 13px;
	display: block;
	_display: inline; /* show to IE */
	font-weight: normal;
	font-size:12px; 
	text-transform: capitalize;
	}
#containerSubnavSearchAthletics #Subnav li a:hover {
	text-decoration: underline;
	}
#containerSubnavSearchAthletics #Search	{
	 width: 180px;
	margin: 0;
	padding: 0 4px 0 0;	
	float: right;
	}
#Search p.formSearch {
margin: 0; padding: 0;
}
/* Main Navigation */

.NavAthletics {
	}
.NavAthletics ul.mainnav {
	width: 969px;
	margin: 0px auto; /* Right and left margin widths set to "auto" */
	padding: 19px 0 0 0;
	list-style-type: none;
	text-align: center;
	}
.NavAthletics ul.mainnav li {
	padding: 6px 8px 0 15px;
	margin:0;
	display: inline;
	list-style-type: none;
	background-image: url(../img/bg_nav_li.gif);
	background-repeat: no-repeat;
	}
.NavAthletics ul.mainnav a, #Nav a:link {
	text-decoration: none;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size:14px; /*Helvetica, Arial, sans-serif;*/
	color: #fff;
	text-transform: uppercase;
	}
.NavAthletics ul.mainnav li a:hover {
	text-decoration: underline; 
	}
.NavAthletics ul.mainnav li.navFirst {
	 padding-left: 0; background: none;
	 }



/*for Extension pages and can be used or all pagers*/


#ExtensionPager p{
	
		font-size:16px;
		margin:0;
		border:1px solid #f0f0f0;
		background-color:#fafafa;
		
	
}



/*ask Cabrillo specific*/

::-webkit-input-placeholder {
   color: #77777;
}
:-moz-placeholder {
   color: #777777;
}


 #AskButton {
    background-color: #f4994e !important;
    background-image: none!important;
    border: 1px solid rgba(0, 0, 0, 0) !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.8;
    margin-bottom: 0;
    padding: 6px 12px !important;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
	-webkit-appearance: none;
	-moz-appearance:none;
}

.ask_cabrillo_home {
	text-align:center;
		
}

.ask_cabrillo_home input[type="text"] {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 0;
  color: #999999;
  height: 40px;
  transition: border 0.3s ease 0s;
  width: 50%;
  box-sizing:border-box;
  margin: 10px 0;
  padding: 5px;
  width: 192px;
}

.search_cabrillo_options {
  clear: both;
  color: #bfbfbf;
  display: block;
  font-size: 10px;
  padding: 3px 0 0;
}


.search_cabrillo_options input {
  margin-left: 0px;
}


.espanol_btn_home {
  display: block;
  margin-top: 10px;
}

.frontpage .ui-autocomplete {
  max-width: 184px;
}

.frontpage .ui-menu .ui-menu-item a {
  font-size: 12px;
  line-height: 1.4;
  padding: 6px 0.4em;
}

/*END ask Cabrillo specific*/





/*********************************** Footer Styles  *********************************/



#containerFooter {
	margin: 0;
	padding: 0;
	float: left;
	width: 969px;
	height: 125px;
	background-image: url(../img/bg_footer2.png);
	background-repeat: no-repeat;
	}
#FooterLeft {
	width: 350px;
	margin: 0;
	padding: 45px 0 0 17px;
	float: left;
	
	font-weight: normal;
	font-size:11px;/* Arial, sans-serif;*/
	color: #696969;
	}
#FooterLeft img {
	margin: 0 10px 0 0;
	padding: 0 0 0 0;
	}
#FooterLeft a {
	font-weight: normal; 
	font-size:11px;/* Arial, sans-serif;*/
	color: #8CA6C1
	}
#FooterLeft a:hover {
	text-decoration: underline;
	color: #8CA6C1
	}
#FooterRight {
	width: 500px;
	margin: 0;
	padding: 40px 19px 0 0;
	float: right;
	text-align: right;
	}
	
#FooterBotLeft {
	margin: 0;
	padding: 17px 0 0 15px;
	float: left;
	}
#FooterBotLeft p {
	font-weight: normal;
	font-size:11px; /*Arial, sans-serif;*/
	color: #fff;
	}
#FooterBotLeft a {
	font-weight: normal;
	font-size:11px; /*Arial, sans-serif;*/
	color: #fff;
	text-decoration: none;
	}
#FooterBotLeft a:hover {
	color: #fff;
	text-decoration: underline;
	}
#FooterBotRight {
	width: 420px;
	margin: 0;
	padding: 17px 25px 5px 0;
	float: right;
	}
#FooterBotRight p {
	font-weight: normal;
	font-size:11px;
	color: #98ABBD;
	text-align: right;
	}
#FooterBotRight ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	}
#FooterBotRight li {
	float: right;
	height: 18px;
	margin: 0 0 0 10px;
	padding: 0;
	background-image: url(../img/blt_subnav_arrow.gif);
	background-repeat: no-repeat;
	}
#FooterBotRight a, #FooterBotRight a:link {
	color: #fff;
	text-decoration: none;
	margin: 0;
	padding: 3px 0 0 15px;
	display: block;
	_display: inline; /* show to IE */
	font: normal 11px Arial, sans-serif;
	text-transform: capitalize;
	}
#FooterBotRight li a:hover {
	color: #fff;
	text-decoration: underline;
	}