body
{
	border: none;
	margin: 0px;
	padding: 0px 0 0 0px;
	background: #e6e6e6;
	text-align: center;
}
table img{	margin: 0px 10px 10px 10px;}
table{font-size: 11pt;}
body,td,th,p,select,li,ul,input,blockquote,textarea
{
	font-family: Arial, Sans-Serif;
	font-size: 11px;	
	line-height:16px;
	color: #333333;
}
a img{border: 0;}
a{color:#8e0c3a;text-decoration:none;}
a:hover{ color: #8e0c3a;text-decoration: underline;}
a.more {	
	padding-left: 20px;
	background: transparent url(_gfx/nav/fc_nav_arrow.gif) left no-repeat;
}
.clear {clear: both;} 
.float_left {float: left;}
.float_right {float: right;}
.text_right {text-align:right;}
.error_message{color: #c60;	font-weight:bold;}

/* Use :after instead of clear:both because IE adds a space with clear:both */
.clearfix:after, 
.mainSpan:after, mainSpan_wrapper_home
.contentheader:after, 
.container:after,
.content:after, 
.title:after,
.width_container:after
{ 
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix, 
.mainSpan, 
.contentheader, 
.container,
.content, 
.title_right,
.width_container
{
	display:inline-block;
}

/* Hide from IE-mac \*/
* html.clearfix,
* html.mainSpan, 
* html.contentheader, 
* html.container,
* html.content, 
* html.title_right,
* html.width_container
{
	height:1%;
}

.clearfix,
.mainSpan,
.contentheader,
.container,
.content,
.title_right,
.width_container
{
	display:block;
}
/* End hide from IE-mac \*/

/* Containing frame for the site */
.mainSpan_wrapper,
.mainSpan_wrapper_home,
.mainSpan_wrapper_noleftnav,
.mainSpan_wrapper_review
{
	width: 100%;
	padding: 10px 0 10px 0;
	background:;
}

.mainSpan
{
	font-family: Arial, Helvetica, sans-serif;
	width: 970px;
	background:#ffffff;
	position: relative;
	margin: auto;
	text-align:left;
	border:#8e0c3a solid 1px;
}

/*********************************************
		WIDTH CONTAINER &
		CONTENT WRAPPERS
********************************************/
.mainSpan_wrapper_home .width_container{
	width: 970px;
	margin: 0;
	padding: 0;
}

.mainSpan_wrapper .width_container{
	width: 970px;
	margin: 0;
	padding: 0;
	background: #ffffff;
}

.mainSpan_wrapper_noleftnav .width_container, .mainSpan_wrapper_review .width_container{
	width: 970px;
	margin: 0 0 0 18px;
	padding: 0;
	background: #ffffff;
}


.mainSpan_wrapper_home .content_wrapper 
{

}

.mainSpan_wrapper .content_wrapper 
{

}

.mainSpan_wrapper_noleftnav .content_wrapper, .mainSpan_wrapper_review .content_wrapper
{

}



.mainSpan_wrapper_home .content_wrapper2 
{

}

.mainSpan_wrapper .content_wrapper2 
{

}
.mainSpan_wrapper_noleftnav .content_wrapper2, .mainSpan_wrapper_review .content_wrapper2
{

}

.adminSpan
{
	width:200px;
	float:right;
	text-align:left;
}

.content iframe
{
	
	width: 98%;
	/*width: 100%;
	_margin-left: 20px;*/
	border: none;
}

iframe.external_link
{
	background: none;
}

/************************************************
Header: contains search, top links, site logo 
************************************************/
/* Section 508 skip navigation menu */
.skipnav
{ 
    position:absolute; 
    top:0px; 
    left:0px; 
    z-index:10;
}

.skipnav img
{
    border:0px;
    width:1px;
    height:1px;
    display:block;
    float:left;
}

.header
{
	width: 100%;
	background:#8e0c3a;
	height: 108px;
}

.header_left
{
	float:left;
	height:38px;
	width: 304px;
	border: none;
	margin: 30px 0 0 30px;
}


.header_left a.home_link
{
	width: 90px;
	position: absolute;
	top: 118px;
	display:block;
	padding: 90px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:90px;
	left: 14px;
}

.header_left a.sparkslink
{
	display: none;
}

.header_right
{
	float:left;
	width:465px;
}



/* Top line of links */

.header_nav
{ 
	text-align:right;
	padding: 3px;
	color: #ededed;
	font-size: 10px;	
	background: none;
	width: 463px;
	float: right;
	margin-top: 5px;
}

.header_nav a
{
	color: #ededed; 
	text-decoration:none;
	padding: 0px 4px 0px 4px;
}

.header_nav a:hover
{
	text-decoration:underline;
}


/* how do I...? box style */
.how_do_i {
	width: 420px;
	height: 43px;
	margin: 40px 10px 10px 0;
	position: relative;
	float: right;
}

.how_do_i li {float: left; color:#FFFFFF; list-style:none; }

.how_do_i_left {
	background: url(_gfx/fc_images/fc_howdoi_left.gif) no-repeat;
	width: 10px;
	height: 43px;

}
.how_do_i_mid {
	background: url(_gfx/fc_images/fc_howdoi_mid.gif) repeat-x;
	width: 360px;
	height: 43px;
	vertical-align: middle;
	padding-top: 8px;

}

.how_do_i_box {
	height: 24px;
	vertical-align: middle;	

}

.how_do_i_box2 {
	height: 20px;
	width: 225px;
	margin-right:15px;
}

.how_do_i_right {
	background: url(_gfx/fc_images/fc_howdoi_right.gif) no-repeat;
	width: 10px;
	height: 43px;

}




/* Container for search field and go button */
.searchbox
{ 
	background: url(_gfx/fc_images/fc_searchbox.gif) no-repeat;
	width: 218px;
	height: 78px;
	position: relative;
	padding:40px 1px 10px 10px;
	right: 15px;
	top: 20px;
	float: right;
}

.searchbox_textbox
{
	float:left;
	height: 13px;
	font-size:10px;
	line-height:13px;
	background-color:#fff;
	color: #000000;
	width:150px;
}

.searchbox_button
{
	float:left;
	padding-left:10px;
	margin-top:-5px;
}


.quicklink 
{
    width:145px;
    height: 18px;
	font-size: 11px;
	margin: 6px 11px 0 5px;
	float: right;
}

.quicklink option 
{
    padding:2px;
}



/************************************************
Left navigation 
************************************************/
.leftnav
{
	background-color:#FFFFFF;
	width: 260px;
	float:left;
	padding: 20px 0 30px 10px;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	overflow:hidden;
}

.leftnav a
{
	display:block;
	padding: 3px 3px 3px 3px;
	line-height: 15px;
	color: #8e0c3a;
	text-decoration:none;
 background-image:url(_gfx/nav/fc_nav_arrow.gif) no-repeat;
	
}

.leftnav a:visited {
	color: #8e0c3a;
	text-decoration:none; 
}


.leftnav_node_wrapper_root .leftnav_node_haschildren a:hover
{
	color: #ccc;
	text-decoration:none;
}

.leftnav a:hover, .leftnav a:active, .leftnav a:focus {
	color: #8e0c3a;
	text-decoration: underline; 
}
	
.leftnav_film {
	clear:both;
	width: 90%;
}

.ul_arrow {
 list-style: none;
 padding: 0 0 10px 0;
 margin: 2px 5px 10px 5px;
 border-bottom:#000000 dotted 1px;
 }

 
 .ul_arrow li {
 background: transparent url(_gfx/nav/fc_nav_arrow.gif) no-repeat 0px 8px;
 padding: 0 0 5px 20px;
 margin: 0;
 }
 
.leftnav_node_wrapper
{
	border-bottom:1px solid #035584;
	background: #7e97b5;
}

.leftnav a span{
	padding-left: 9px;
	background: url(_gfx/nav/arrow_right.gif) no-repeat 0px 4px;
}

.leftnav h3 {
font-size: 1.1em;
margin:0;
padding:4px 0 5px 10px;
} 

.leftnav_node_wrapper .leftnav_node a
{
	color: #fff;
}

.leftnav_node_wrapper a span
{
	background: url(_gfx/nav/arrow_right_child.gif) no-repeat 0px 4px;
	display: block;
}

.leftnav_node_wrapper_root
{
	border-top: 1px solid #4698c8;
	border-bottom:1px solid #035584;
}

.leftnav_node_haschildren
{
}

.leftnav_node_wrapper_root .leftnav_node_haschildren
{
	background-color: #01639b;
}

.leftnav_node_haschildren a span,
.leftnav_node_wrapper_root .leftnav_node_haschildren a span
{
	border-bottom: none !important;
	color: #ffc000;
	padding-left: 11px;
	background: url(_gfx/nav/arrow_down.gif) no-repeat 0px 6px;
	font-weight:bold;
}

.leftnav_node_iscurrent a span
{
	color: #ffc000;
	background: url(_gfx/nav/arrow_right_current.gif) no-repeat 0px 4px;
	font-weight:bold;	
}


/************************************************
Content header:  page title, breadcrumb, printer friendly link
************************************************/
/* Page content container */
.mainSpan_wrapper .container
{ 
	width: 700px;
	float:left;
	/*overflow: hidden;*/
   	background: #ffffff;
}

.contentheader
{
	/*display:inline-table;*/
	width: 100%;
}

.contentheader_banner
{
	display:inline;
	/*display:inline-table;*/
	background: none;
}

.image_banner
{
	display: block;
}

.breadcrumb_wrapper
{
	padding: 15px 3px 0px 15px;
	font-size:10px;
	background: none;
	color: #8E0C3A;
}

#homeNews
{
	margin-top:30px;
}

.contentheader_banner .breadcrumb_wrapper
{
	padding: 0px 3px 0px 15px;	
	font-size:10px;
	background: none;
	color: #006cac;
	background: #d5eaff url(_gfx/int/title_bg.gif) top right repeat-y;
}

.breadcrumb
{
	padding-bottom: 5px;
}
.breadcrumb a
{ 
	color: #8e0c3a;
	text-decoration: none;
}

.breadcrumb a:hover
{
	text-decoration: underline;
}

.printer_friendly, .forward_link, .rss, .font_size_down, .font_size_up, .text_only{
    font-size:10px;
    float:right;
    height:20px;
    text-align:left;
}

.printer_friendly{width:50px;}
.forward_link{width:60px;}
.rss{width:45px;}

.printer_friendly a, .forward_link a, .rss .font_size_down, .font_size_up, .text_only a{
    display:block;
    padding-left:20px;
    text-decoration:underline;
}

.printer_friendly a{background: url(_gfx/sfgov/print_bt.gif) 0 0 no-repeat;}
.forward_link a{background:url(_gfx/int/email.gif) 0 0 no-repeat;}
.rss a{background:url(_gfx/int/rss.gif) 0 0 no-repeat;}
.text_only a{background:url(_gfx/sfgov/textonly_bt.gif) 0 0 no-repeat;}

.printer_friendly a:hover, .forward_link a:hover, .rss a:hover,.font_size_down a:hover, .font_size_up a:hover, .text_only a:hover
{
	text-decoration:none;
}

.title
{
	width:100%;
	margin: 28px 0px 5px 0px;
	display:none;

}

.title_backg1 {
background: url(_gfx/fc_images/fc_mainbox_top.gif) no-repeat bottom ;
width: 680px;
height: 29px;
margin:0;
padding:0;
}

.title_backg2, .title_backg2slide{
background: url(_gfx/fc_images/fc_mainbox_mid.gif) repeat-y top;
margin-bottom:0;
position:relative;
width: 680px;
}

.title_backg2pad {
/*background: url(_gfx/fc_images/fc_mainbox_mid.gif) repeat-y top;*/
background: url(_gfx/fc_images/fc_mainbox_mid.gif) repeat scroll;
position:relative;
width: 680px;
text-indent:10px;
margin:0;
}

.title_backg2 p, .title_backg2slide p{
padding:10px 20px 5px 20px;
margin:0;
font-size:12px;
line-height: 20px;
}

.title_backg2 img,title_backg2slide img {
padding:5px 10px 0 5px;
}

.title_backg2 ul {
margin-left:440px;
width: 180px;
height: 20px;
}

.title_backg2 ul li {
float:left;
list-style:none;
list-style-image:none;
}























.title_backg3 {
background: url(_gfx/fc_images/fc_mainbox_btm.gif) no-repeat top;
width: 680px;
height: 9px;
margin-top: 0;
}






.contentheader_banner .title
{
	background: none;
	border-bottom: 3px solid #eee9ca;
	width:100%;
	margin: 28px 0px 5px 0px;
}

.title_right
{
	text-align:right;
	height:20px;
	padding:0px 5px 0px 0px;
	margin: 10px 10px 0px 0;
	float: right;
	width: 30%;
	
}

.title_left{
	float: left;
	width: 65%;
}

.font_size
{
	float: left;
	color: #ededed;
	font-size: 10px;
	margin-top: 7px;
	margin-left: 8px;
}

.font_size div
{
	display: inline-block;
	width: 12px;
	height: 12px;
	cursor: pointer;
	float: left;
	margin: 0px 2px 0px 2px;
	border: solid 1px #4C8CC4;
	padding: 0 0 2px 0;
	text-align: center;
}

.contentheader h1,
.contentheader_banner h1
{
    padding:0px 15px 3px 20px;
    margin:0;
	font-family: "Times New Roman", Times, serif;
	font-size:2.0em;
	font-weight:bold;
	color: #8e0c3a;
	line-height: 20px;
	clear:both;
}

.contentheader h2,
.contentheader_banner h2
{
    padding:5px 0px 0px 15px;
    margin:0px 0px 10px 0px;
	float: left;
    width:560px;
	font-family: "Times New Roman", Times, serif;
	font-size:1.6em;
	line-height:20px;
	font-weight: bold;
	color: #8e0c3a;
}


/************************************************
Content: main content area
************************************************/
.fix_intheight{ float: right; width: 0px; height: 300px;}

/* Content: padding should be on content class NOT container */
.mainSpan_wrapper .content,
.mainSpan_wrapper_noleftnav .content,
.mainSpan_wrapper_review .content
{ 
	padding: 5px 15px 25px 5px;
	font-family: Arial, Helvetica, sans-serif;
	/*overflow: hidden;*/
}

.mainSpan_wrapper .content textarea,
.mainSpan_wrapper_noleftnav .content textarea,
.mainSpan_wrapper_review .content textarea
{
	width:525px;
}

.mainSpan_wrapper .content ul,
.mainSpan_wrapper_noleftnav .content ul,
.mainSpan_wrapper_review .content ul
{
	padding:0px;
	margin:8px 0 10px 20px;
}

.mainSpan_wrapper .content ul li,
.mainSpan_wrapper_noleftnav .content ul li,
.mainSpan_wrapper_review .content ul li
{
	padding: 2px 0px;
}

.content h2 {
   padding:20px 15px 3px 0;
    margin:0;
	font-family: "Times New Roman", Times, serif;
	font-size:1.6em;
	font-weight:bold;
	color: #8e0c3a;
	line-height: 20px;
	clear:both;
}

.content p{margin-top:0;} 

.downloadmessage
{
	clear: left;
	background: #fff url(_gfx/int/download_bg.gif) top center repeat-x;
	border:solid 1px #00639c;
	text-align:center;
	width: 85%;
	margin: 10px auto;
	padding: 0;
}

.downloadmessage img
{
	border:0px;
	padding:0px 0px 0px 0px;
	margin:0px 2px 0px 2px;
}

.downloadmessage p
{
	color: #4b4638;
	font-size:10px;
	padding:5px 0px;
	margin:0px;
}

.last_updated
{
	background: url(_gfx/cmn/updated.gif) top center no-repeat;
	width: 90%;	
    color:#aba28f;
    font-size:9px;
	margin: 20px auto 0px auto;
    text-align:right;
    display: none;
}

.paging
{
	margin-top:10px;
	margin-bottom:10px;
}

/* NoLeftNav pages */
.mainSpan_wrapper_noleftnav .container
{
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:760px;
}

.mainSpan_wrapper_noleftnav .contentheader
{
	background: url(_gfx/int/contentheader_noleftbg.gif) top left no-repeat;
}

.mainSpan_wrapper_noleftnav .breadcrumb_wrapper
{
	padding: 41px 3px 15px 15px;	
	font-size:10px;
	background: none;
	color: #006cac;
}

.mainSpan_wrapper_noleftnav .title
{
	background: #fefeff url(_gfx/int/title_noleftbg.gif) top right no-repeat;
	overflow:auto;
	width:100%;
	margin:4px 0px 10px 0px;
}

.mainSpan_wrapper_noleftnav .title_left
{
	float:left;
	width:60%;
}

.mainSpan_wrapper_noleftnav .title_right
{
	background: none;
	float:right;
	width:210px;
	padding:0px 10px 0px 0px;
	
}

.mainSpan_wrapper_noleftnav .fix_intheight{ float: right; width: 0px; height: 300px;}

.mainSpan_wrapper_noleftnav .content
{
	width:730px;
	padding: 10px 0px 10px 20px;
    background-color:#ffffff;
    /*border-top:5px solid #2a6477;*/
}

/* Homepage */
.mainSpan_wrapper_home .container
{
	width:700px;
	float:left;
	background-color: #ffffff;
}


#homeContent
{
/*	margin-left:-20px;*/
	padding:15px 15px 20px 0;
	font-size:12px;
}

.mainSpan_wrapper_home .fix_intheight{ display: none;}

.mainSpan_wrapper_home .contentheader
{
    display:none;
}

.mainSpan_wrapper_home .content
{
	padding:0;
	margin:0;
	background-color: #FFFFFF;
}

.mainSpan_wrapper_home .content ul
{
	padding:0px;
	margin:0;
}

.mainSpan_wrapper_home .content ul li
{
	padding: 0px 0px;
}

/* Review and error pages */
.mainSpan_wrapper_review .container
{
	width: 760px;
    background-color:#FFFFFF;
	margin: 0;
	padding: 0 0 10px 0;
	}
	
.mainSpan_wrapper_review .fix_intheight{ display: none;}

.mainSpan_wrapper_review .contentheader
{
	display:none;
}

.mainSpan_wrapper_review .content{ padding: 0;}

.mainSpan_wrapper_review .component_title_review 
{
	border-bottom: solid 2px #999999;
	padding: 20px 5px 5px 15px;
	margin: 0;
	font: normal bold 24px/30px Georgia, "Times New Roman", Times, serif;
	color: #8e0c3a;
	font-size:21px;
	}

.mainSpan_wrapper_review .component_title_review h1
{
    padding:50px 15px 3px 15px;
    margin:0px 0px 0px 0px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color: #01507f;
	line-height: 24px;
}

.mainSpan_wrapper_review .component_title, 
.mainSpan_wrapper_review .component_subtitle, 
.mainSpan_wrapper_review .component_listitem
{
	margin-left: 20px;
}

.mainSpan_wrapper_review .content > div
{
	padding-left: 15px;
}

.mainSpan_wrapper_review .component_content
{
	width: 720px;
    padding: 0px 0px;
	margin: 0 20px;
    background-color:#ffffff;
}

/* Hide review title for all except for review */
.mainSpan_wrapper .component_title_review,
.mainSpan_wrapper_noleftnav .component_title_review,
.mainSpan_wrapper_home .component_title_review
{
	display:none;
}



/************************************************
Footer
************************************************/
/*.mainSpan_wrapper_home .footer_wrapper
{
	clear: both;
	width: 100%x;
	height: 98px;
	background:#8e0c3a;
	margin: 0 auto;
	text-align: center;
}

.mainSpan_wrapper .footer_wrapper, .mainSpan_wrapper_noleftnav .footer_wrapper, .mainSpan_wrapper_review  .footer_wrapper
{
	clear: both;
	width: 796px;
	height: 98px;
	background: url(_gfx/cmn/footer_wrap.gif) bottom center no-repeat;
	margin: 0 auto;
	text-align: center;
}
*/
.mainSpan_wrapper_home .footer, .mainSpan_wrapper .footer
{
	width:100%;
	margin: 0 auto;
	height: 20px;
	color:#fff;
	background-color:#8e0c3a;
	text-align:center;
	padding-top: 5px;
}

.mainSpan_wrapper_noleftnav .footer, .mainSpan_wrapper_review  .footer
{
	width:100%;
	margin: 0 auto;
	height: 20px;
	color:#ffffff;
	background: #8e0c3a;
	text-align:center;
	padding-top: 5px;
}

.mainSpan_wrapper_home .footer,
.mainSpan_wrapper_noleftnav .footer,
.mainSpan_wrapper_review .footer
{
	background: #8e0c3a;
}

.footer a
{
	text-decoration: none;
}

.footer a:hover
{
	text-decoration: underline;
}

.footer a, .footer p
{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size:10px;
	line-height: 13px;
	color: #ffffff !important;
	margin: 5px 0 0 0;
}



/************************************************
Department Home Page
************************************************/
/* Don't add padding, left/right margins, or borders to these containers */
.depthome_left
{
    padding:0px;
	float:left;
	width:360px;
	margin-bottom: 15px;
}

.depthome_right
{
    padding:0px;
	float:right;
	margin: 15px 0;
	width:190px;
}


/************************************************
Department boxes
************************************************/
.depthome_right .box_container
{
	margin-left:20px;
	border: 1px solid #00639c;
	font-size:10px;
	line-height:12px;
	background: url(_gfx/int/deptbox_bg.gif) top center no-repeat;
	/*float:left;*/
}

.depthome_right .box_title
{
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	padding:4px;
	background:#00639c;
}

.depthome_right .box_list
{
    padding: 5px ;
}

.depthome_right .box_list a
{
	font-weight:bold;
	text-decoration:none;
}

.depthome_right .box_list a:hover
{
	text-decoration:underline;
}

.depthome_right .box_list p
{
	margin: 6px 0;
	padding:0;
	text-align:center;
	font-size:10px;
}

.depthome_right .box_item_title
{
	padding-top:2px;
    padding-bottom:6px;
    margin-bottom:0px;
    clear:both;
}

.depthome_right .box_item_date
{
	margin-top:-4px;
    padding-bottom:8px;
    clear:both;
}

.depthome_right .box_bottomlink{
	padding-top: 0px;
}

.depthome_right .box_bottomlink a,
.depthome_right .box_bottomlink a:hover
{
    font-size:10px;
    display:block;
    text-align:left;
    padding:3px;
}

.depthome_right .box_bottomlink a img{
	border: none;
}



/************************************************
Homepage
************************************************/
/* Images w/o display:block in IE add a bottom margin */ 
.home_collage img
{
	display: block; 
}

.home_collage
{
	height: 245px;
	width: 760px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0;
	z-index: 0;
}

.home_collage .image_collage
{
	position: absolute;
	overflow: hidden;
	z-index: 0;
}

.home_collage #imgHidden
{
	position: absolute;
	z-index: 0;
}

.home_collage #imgSlide
{
	position: absolute;
	z-index: 1;
}

.home_boxes
{
	position: absolute;
	z-index: 1;
	margin: 16px 0px 0px 544px;
}

.important_alert_wrapper
{	
	position: absolute;
	z-index: 2;
	margin: 15px 0px 0px 15px;
	padding: 0;
	width: 203px;
	height: 176px;
	overflow: hidden;
	background: url(_gfx/home/important_bg.gif) 0 0 no-repeat;	
}

.important_alert
{
}



.home_columns
{
	padding: 0;
	width:760px;
	height:auto;
	min-height:260px;
	background: url(_gfx/home/columns_bg.jpg) top no-repeat;
}

.home_left
{
	width:300px;
	float:left;
	padding:5px 0 5px 0px;
	margin-top: 10px;
	line-height: 14px;
	border-bottom: #8e0c3a dotted 1px;
}

.home_left .box_title
{
	display: none;
}

.home_right
{
	width:300px;
	float:right;
	padding:5px 0 5px 0px;
	margin-top: 10px;
	line-height: 14px;
	border-bottom: #8e0c3a dotted 1px;
}

.home_right_links
{
	width: 206px;
	margin: 0px;
	padding: 0px;
	position: relative;
	display: block;
	list-style: none;
}

.home_right_links ul, .home_right_links li{
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.home_right_links img
{
	border:0;
}


/************************************************
Home boxes
************************************************/
.home_events .box_bottomlink,
.home_news .box_bottomlink
{
	float: left;
}

.home_events .box_bottomlink a img,
.home_news .box_bottomlink a img
{
	border: none;
}

.home_events .box_list
{
	/*height: 160px;*/

}

.home_news .box_list
{
	/*height: 165px;*/
}

.home_events .box_item
{
	clear: both;
	display: block;
	padding: 0 0 5px 0;
}

.home_events .box_list,
.home_news .box_list
{
	padding-left: 0px;
	margin-bottom: 10px;
	padding-top: 10px;
	overflow:hidden;
	color: #464749;	
    font-size:11px;
	line-height: 13px !important;
}

.home_events .box_title,
.home_news .box_title
{
	display: block;
	height: 25px;
	width: 252px;
	padding: 0;
	margin: 0;
	text-align:left;
	text-indent: -4000px;
}

.home_events .box_title
{
	background: url(_gfx/home/events_title.gif) 0 0 no-repeat;
}



.home_news .box_title{background: url(_gfx/home/news_title.gif) 0 0 no-repeat;}

.home_events .box_item_title

{
    font-size:11px;
	float: left;
	padding: 0;
	width: 155px;
	margin: 0 6px 0 0;
	display: block;
}

.home_news .box_item_title
{
	font-size: 11px;
	background: url(_gfx/cmn/arrows.gif) 0 3px no-repeat;
	padding-left: 9px;
	margin-bottom: 5px;
}

.home_events .box_item_date
{
	display: block;
	float: left;
	width: 155px;
	padding: 0;
	margin: 0 0 8px 0;
    font-size:11px;
	color: #bd970f;
	font-weight: bold;
}

.home_news .box_list a,
.home_events .box_list a
{
	color: #464749;
	font-weight: normal;
}

.home_news .box_list a:hover,
.home_events .box_list a:hover
{
	text-decoration:underline;
}

.home_news .box_bottomlink,
.home_events .box_bottomlink
{
	background: none;
}

.home_events .box_bottomlink a,
.home_news .box_bottomlink a
{
	display: block;
	width: 150px;
	position: relative;
	padding: 0;
	height: 25px;
	text-align: left;
	text-indent: -4000px;
}

.home_events .box_bottomlink a
{
	left: 70px;
 	background: url(_gfx/home/events_button.gif) 0 0 no-repeat;
 }
 
.home_news .box_bottomlink a
{
	left: 110px;
 	background: url(_gfx/home/news_button.gif) 0 0 no-repeat;
 }

.home_events .box_bottomlink a:hover,
.home_news .box_bottomlink a:hover
{
	text-decoration: none;
	text-align: left;
	padding: 0;
	text-indent: -4000px;
}

a.external_link
{
	display: inline-block;
	padding-right:18px;
	background-image:url(_gfx/int/external_link.gif);
	background-position:right;
	background-repeat:no-repeat;	
	zoom: 1;	
}



/************************************************
Forms
************************************************/
.form
{
	height:auto;
}

.form_in_tab
{
	padding:15px 0 10px 10px;
}

.form div
{
	width:auto;
	margin-top:8px;
	margin-bottom:8px;
	clear: both;
}

.form textarea
{
	width:200px;
	height:150px;
}

.form_label
{
	padding-top:3px;
	font-weight: bold;
	height:20px;
	float: left;
	width: 150px;
	text-align: left;
	vertical-align:middle;
}

.form_field
{
	height:20px;
	float: right;
	width: 550px;
	text-align: left;
	vertical-align:middle;
}

legend
{
	font-weight: bold;
	color:#625C4D;
}

fieldset
{
	border:solid 1px #c2bca6;
}

.form_normaltextbox
{
	width:300px;	
	border: 1px solid #c2bca6;
	background-color: #fdfaed;
	height:19px;
	padding:2px 3px;
}

.form_normaldropdown
{
	width:300px;	
	border: 1px solid #c2bca6;
	background-color: #fdfaed;
	height:17px;
	padding-left:3px;	
}

.form_button
{
	background: #082956 url(_gfx/int/form_button.gif) top repeat-x;
	font-family:Tahoma;
	font-size: 11px;
	font-weight:bold;
	padding: 2px;
	color: #fafafa;
	border: 1px solid #031b37;
}

.form_message, 
.form_message td
{
	color: #cc0000;
}

.form_calendarbutton
{
	vertical-align: top;
	border:0;
	cursor: pointer;
}

.backbutton
{
	padding-left: 15px;
	font-weight: bold;
	background-image: url(_gfx/back_arrow.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

.backbutton a
{
}

.radeditor div
{
	margin-top:0;
	margin-bottom:0;
}



/************************************************
Search
************************************************/
.search
{
	border-bottom:1px solid #b2d2e9;
}

.search .paging
{ 
	text-align:center; 
	font-weight:bold;
	padding-bottom:10px; 
	padding-top:10px;
}

.search .paging span.linkpage
{
	margin: 2px;
}
	
.search .paging a
{ 
	display:inline;
	padding:3px; 
	font-weight:normal; 
	border:1px solid #b2d2e9;
	border-top:0px;
	background-color:#f4f9fd;
	text-decoration:none;
	background-image:url(_gfx/cmn/search_link_bg.gif);
	background-repeat: repeat-x;
	_background-position:0 1px; /* for IE only */
	font-size:10px; 
	font-weight:bold;
}
	
.search .paging a:hover
{
	background:#ffffff;
	border-top:1px solid #b2d2e9;
}


.search_title
{	
	display:none;
}

.search_result,
.search_result_alternate
{
	padding: 10px 0 0 10px;
	border-top:1px solid #b2d2e9;
	border-bottom:0;
}

.search_result_alternate
{
	background-color:#f4f9fc;
}

.search_result_title
{
	font-weight:bold;
	font-size:12px;
}

.search_result_location
{}

.search_result_location_field
{
	font-weight:bold;
	text-transform:uppercase;
	font-size:10px;
}

.search_result_synopsis
{
	padding:0;
	/*display:none;*/
}

.search_result_synopsis span.term1,
.search_result_synopsis span.term2,
.search_result_synopsis span.term3
{
	color: #000;
	font-weight: bold;
}

.search_result_synopsis span.term1
{
	background-color: #FFFF66;
}

.search_result_synopsis span.term2
{
	background-color: #A0FFFF;
}

.search_result_synopsis span.term3
{
	background-color: #99FF99;
}


.search_result_synopsis_highlight
{
	background-color:#fcffcc;
	/*display:none;*/
}

.search_result_info
{
	padding-left:10px;
	padding-bottom:10px;
}

.search_result_info_field
{}

.advanced_search
{
	margin-bottom:10px;
	text-align:center;
}

.advanced_search label
{
	font-weight:bold;
}

.advanced_search_textbox
{	
    width:120px;
}

.autosuggestion div
{
	padding: 0 0 20px 12px;
}

.autosuggestion div span.best_alternative
{
	color: #ff3333;
}

.autosuggestion a.advanced_search_link
{
	position: absolute;
	margin: -10px  0 0 630px;
	font-size: 10px;	
}



/**************************
Advanced search styles
***************************/
.search_summary
{
	font-weight:bold;
	font-size:10px;
	padding:0px 10px 6px 10px;
}

.search_features
{
	padding: 10px 15px 10px 15px;
	background-color: #F2FBFA;
	border-top: solid 1px #B2D2E9;
	border-bottom: solid 1px #B2D2E9;
}
.advanced_searchbox
{
	float: left;
	width: 40%;
}

.advanced_searchbox p
{
	margin: 0 0 5px 0;
}

.advanced_searchbox input.textfield
{
	width: 220px;
	border: solid 1px #BDD0D7;
	line-height:13px;
}

.adsearch_button
{
	position: absolute;
	margin: -23px 0px 0px 293px;
	_margin: -30px 0px 0px 293px;
}

.sort_container
{
	float: left;
}

div.sort_items
{
	border-top: dashed 1px #C1CCD2;
	border-bottom: dashed 1px #C1CCD2;
	padding: 4px 0;
	margin: 8px 0px 14px 0px;
	font-weight: normal;
}

div.sort_items span.item
{
	margin: 0px 6px;
	padding: 0 0 0 18px;
	background-image: url(_gfx/cmn/searchbullet.jpg);
	background-repeat: no-repeat;
}

div.sort_items span.item a
{
	display: inline-block;
	height: 15px;
	font-weight: bold;
	color: #6C655D;
}

.sort_container,
.sort_container_inline
{
	font-weight: bold;
	overflow: hidden;
}

.sort_container_inline div.sort_title
{
	float: left;
	clear: left;
	width: 145px;
	margin-top: -1px;
}

.sort_container_inline div.sort_items
{
	float: left;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

.sort_container br.clear
{
	display:none;
}

.sort_container_inline br.clear
{
	clear: both;
}

.search_features a.advanced_search_link
{
	position: absolute;
	margin: -30px  0 0 630px;
	font-size: 10px;
}


/************************************************
Google Search
************************************************/
.gs-result, .gs-webResult
{
	border-bottom:1px solid #b2d2e9;
}

.gs-title
{	
	font-weight:bold;
	font-size:12px;
	margin-top:10px;
}

.gs-snippet
{
	padding: 10px 0 0 10px;
	border-top:1px solid #b2d2e9;
	border-bottom:0;
}

.gs-visibleUrl-long { display:block; }
.gs-visibleUrl-short { display:none; }
table.gsc-branding { display:none; }
td.gsc-branding-text { display:none; }
div.gsc-branding-text { display:none; }
td.gsc-branding-img { display:none; }
a.gsc-branding-clickable { display:none; }
.gsc-keeper{ display:none; }
.gsc-result div.gs-watermark { display: none; }
.gsc-resultsHeader { display: none; }



/************************************************
Lists, including DataGrid classes
************************************************/
.alphabetpicker a
{
	font-family: Tahoma, Arial, Sans-Serif;
	font-size:11px;
}

/* For links on top of page */
.topselector
{
	margin: 10px 0;
}

/* For dropdown filters */
.filter
{
	margin: 10px 10px 10px 0px;
}

.filter select
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size:11px;
	width:180px;
}

.timing
{
}

.listtable
{
	width:550px;
	border:1px solid #00639c !important;
	background-color:#fbfdff;
	border-collapse:separate;
	margin: 10px 0;
}

.listtable th
{
	background-color: #00639c;
	padding:4px;
	font-size: 10px;
	font-weight: bold;
	text-align:left;
	color: #ffffff;
	text-transform:uppercase;
	border:0px;
}

.listtable_header a
{
	color:#ffffff;
}

.listtable td
{
	border:0;
	border-top:1px solid #c3bfa7;
	padding:4px;
	margin:0;
}

.listtable tr:hover
{
	background-color:#edf8ff;
}

.listtable_buttoncolumn
{
	width: 70px;
	font-size: 9px;
}

.listtable_buttoncolumn input
{
	background-image: url(_gfx/button_bg.gif);
	font-size: 10px;
	padding: 2px;
	color: #000;
	border-width: 1px;
	border-style: solid;
	border-color: #d4d4d4 #949494 #828282 #c2c2c2;
}

.listtable_checkboxcolumn
{
	padding:0px;
	width:1px;
}

.listtable_checkboxcolumn input
{
	margin-left:-2px;
	margin-top:-3px;
}

.listtable_row_on
{
	background-color:#e4f1ff;
}

.listtable_row_off
{
	background-color:#ffffff;
}



/************************************************
Lists without table grid, like News
************************************************/
.listcomponent
{
	border:solid 0px #ffffff;
}

.listcomponent th
{
	display:none;
}

.listcomponent td
{
	border:0px;
	padding:4px 4px 10px 0;
	margin:0px;
}

.listcomponent img {margin: 0;}



/************************************************
Image-using item list 
************************************************/
.righttable
{
    width:200px;
	border:1px solid #007799;
	border-collapse: separate;
}

.righttable th
{
	background-color: #007799;
	padding:3px;
	border:0;
	text-transform:uppercase;
	font-weight: bold;
	text-align:left;
	color: #ffffff;
	height:20px;
	font-size:9px;
}

.righttable_header a
{
	color:#ffffff;
}

.righttable td
{
    border:0;	
	border-top:1px solid #dadada;
	padding:3px;
	margin:0;
	font-size:10px;
}

.righttable tr:hover
{
	background-color:#fffcee;
}

.righttable_buttoncolumn
{
	width: 30px;
	font-size: 9px;
}

.righttable_buttoncolumn input
{
	background-image: url(_gfx/button_bg.gif);
	font-size: 10px;
	padding: 4px;
	color: #000000;
	border-width: 1px;
	border-style: solid;
	border-color: #D4D4D4 #949494 #828282 #C2C2C2;
}

.righttable_checkboxcolumn
{
	padding:0;
	width:1px;
}

.righttable_checkboxcolumn input
{
	margin-left:-2px;
	margin-top:-3px;
}

.righttable_row_on
{
	background-color:#e4f1ff;
}

.righttable_row_off
{
	background-color:#ffffff;
}



/*************************************************
Component detail 
*************************************************/
.component_title
{
    padding:5px 0px 0px 0px;
    margin:0px 0px 2px 0px;
    width:95%;
	font-family: "Times New Roman", Times, serif;
	font-size:1.6em;
	line-height:20px;
	font-weight: bold;
	color: #8e0c3a;
}

.component_subtitle
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 2px 0px;
    width:95%;
	font-family: "Times New Roman", Times, serif;
	font-size:13px;
	line-height:18px;
	font-weight: normal;
	color: #8e0c3a;
}

.component_back
{
	margin:0px 0px 10px 0px;
}

.component_listitem
{
	padding: 0 0 15px;
	width:400px;
}

.component_listitem div
{
	padding: 0 0 4px;
	width:550px;
	display:block;
	float:left;
}

.component_listitem_header
{
	font-weight: bold;
	width:100px;
	vertical-align: top;
	display:block;
	float:left;
}

.component_listitem_content
{
	width:300px;
	vertical-align: top;
	display:block;
	float:left;
}

.component_content p
{
	font-size: 11px;
	line-height: 20px;
}


.component_content img {  float: right;  padding: 0 0 10px 10px;  }

/*****************************************
Calendar month view
*****************************************/
.calendar_filter
{
    margin:5px 0px 20px 0px;
    text-align:center;
}

.calendar_filter select
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:11px;
    width:180px;
}

.calendar_wrapper
{
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	width:720px;
}

.calendar
{
	width:100%;
	border: 1px solid #fff;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.calendar_dayheader
{
	height: 1px;
	color: #fff;
	background-color: #00639c;
	font-weight: bold;
	font-size: 9px;
	padding: 2px 0px;
	text-transform: uppercase;
	border: 1px solid #00639c;
}

.calendar_selector
{
	color:#ffffff;
	background-color:#efdC9e;
	font-size:9px;
	font-weight:bold;		
}

.calendar_title td
{
	padding: 10px 0px 12px 0px;
	background-color:#ffffff;
	font-family: Arial,Helvetica,san-serif;
	font-size: 22px;
	font-weight: bold;
	color: #001c3e;
	width:60%;
}

td.calendar_nextprev
{
	width:200px !important;
}

.calendar_nextprev a
{
    font-size:10px;
	color:#001c3e !important;
}

.calendar_day,
.calendar_today,
.calendar_weekendday,
.calendar_selectedday,
.calendar_othermonthday 
{
	text-align:left;
	vertical-align: top;
	font-family: Arial, Helvetica, san-serif;
	font-size:18px;
	line-height:25px;
	font-weight:bold;
	padding: 3px 3px 3px 3px;	
	width: 95px;
	height:100px;
	border: 1px solid #00639c;
}

.calendar_day a,
.calendar_today a,
.calendar_weekendday a,
.calendar_selectedday a,
.calendar_othermonthday  a
{
	color: #01507f;
	padding: 0 5px 8px 5px;
	margin:0px 0;
}

.calendar_day,
.calendar_weekendday
{
	background: #fff;
	color:#42566e;
}

.calendar_othermonthday
{
	background:#dcdcdc;
	color:#646d79;
}

.calendar_today
{
    background: #d7ebfe;
	color:#001c3e;
}

.calendar_selectedday
{
	background-color:#f2C532;
	color:#999999;
}

.calendar_eventtime
{
	color:#666666;
	font-size:10px;		
	font-weight: normal;	
	line-height:11px;
	margin:0px 0 0 0;
	padding: 0px 0 0 0 !important;
}

.calendar_eventlink
{
	font-size:10px;		
	font-weight: normal;
	line-height:11px;
	display:block;
	padding:0px 0 0px 0;
	margin:0px 0 ;
}

.calendar_allinone .listtable
{
	width:720px;
}

.outlookcalendar
{
}


/************************************************
Site map
************************************************/
.sitemap
{
  border:solid 0 #000;
  background-color: #fff;
  padding-left:15px;
}

.sitemap img{
	padding: 0 5px 0 0;
	margin: 0;
}

.rootnode,
.parentnode,
.leafnode
{
	padding:0px;
}

.rootnode
{
	font-weight: bold;
	color: #625C4D;
} 

.rootnode a,
.parentnode a
{ 
	color: #625C4D;
	font-weight: bold;
} 

.sitemap_file
{
	list-style-image: url(_gfx/_SiteMap/file.gif);	
}

.backtotoplink
{
	padding:10px 0 10px 5px;
	font-size: 10px;
}



/************************************************
Link List
************************************************/
.link_name a
{
    padding-left:10px;
    background-image:url(_gfx/cmn/link_list_arrow.gif);
    background-repeat:no-repeat;
    background-position: 0 4px;
}

.link_content
{
	padding-left:10px;
	display:block;
}

.link_content img
{
	margin-left:0px;
	margin-bottom:0px;
	margin-top:0px;
}



/************************************************
FAQ List
************************************************/
.listfaq
{
	width:540px;
	padding:0;
	border-collapse: separate;
	background-color:#f4f9fd;
	border:1px solid #bcb599;
}

.listfaq td
{
	padding:4px;
	border:none;
}

.listfaq_answers
{
	width:540px;
	padding:0;
	border-collapse: separate;
}

.listfaq_answers td
{
	padding:4px;
	font-size: 12px;
	line-height: 20px;
}

.listfaq_q
{
	font-weight:bold;
}

.listfaq_a p, .listfaq_a ul
{
	margin-top:0px;
}

.listfaq_a_left
{
	float:left;
	width:20px;
	font-weight:bold;
}

.listfaq_a_right
{
	float:left;
	width:445px;
	margin:0px 0px 0px 0px;
}

/* Component list pagers*/
.listtable_pager,
.listcomponent_pager,
.listfaq_pager
{
	text-align:right;
	font-size:10px;
	font-weight:bold;
	padding-bottom:10px; 
	padding-top:10px;
	border-top:1px solid #bcb599;
}

.listtable_pager span,
.listcomponent_pager span,
.listfaq_pager span
{
	font-size:10px;
}

.listtable_pager a,
.listcomponent_pager a,
.listfaq_pager a
{
	display:inline;
	padding:3px; 
	border:1px solid #bcb599;
	border-top:0px;
	background-color:#f4f9fd;
	text-decoration:none;
	background-image:url(_gfx/cmn/search_link_bg.gif);
	background-repeat: repeat-x;
	_background-position:0 1px; /* for IE only */
	font-size:10px; 
	font-weight:bold;
}

.listtable_pager a:hover,
.listcomponent_pager a:hover,
.listfaq_pager a:hover
{
	background:#ffffff;
	border-top:1px solid #b2d2e9;
}

.listcomponent_pager
{
	text-align:left;
}


/************************************************
Link List
************************************************/

.listlink
{
	width:540px;
	padding:0;
	border-collapse: separate;
}

.listlink td
{
	padding:4px;
	border:none;
}



/***********************************************
E-Notifier
***********************************************/
.tag_div
{
	padding: 10px 0 20px;
}

.area_div
{
	padding: 5px 0;
}



/************************************************
Form/Survey Component
************************************************/
.survey_title
{
	font-size: 14px;
	font-weight: bold;
	padding: 2px 0 2px 0;
	margin: 0;
}

.form_list_title
{
	display:none;
}

/*
Specify width if needed; since Survey control 
will render a set of nested tables with width="100%"
*/
div.survey_container
{

}


/************************************************
Staff Directory
************************************************/
.staff_column_div
{
	margin:10px 0px 0px 0px;
	width:560px;
	display:block;
	position:relative;
	float:left;
}

.staff_thumbnail_span
{
	float:left;
	width:105px;
}

.staff_thumbnail_span img
{
	padding:0px;
	margin:0px 0px 10px 0px;
	border-width:1px;
	border-style:solid;
}

.staff_listitem_span
{
	float:right;
	width:450px;
	margin:0px 0px 10px 0px;
}

.staff_component_title
{
    padding:5px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    width:95%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	font-weight: bold;
	color: #01639b;
}



/******************************************
Photo Album 
******************************************/
.album_item
{
	margin-bottom:20px;
	text-align:center;
}

.album_thumb
{
	background-position: top center;
	background-image: url(_gfx/album/exported_group.jpg);
	overflow: hidden;
	width: 260px;
	height:152px;
	max-height:130px;
	padding-top:22px;
	background-repeat: no-repeat;
    
}

.album_thumb img
{
	width: 160px;
	height: 110px;
	position:relative;
	left:0px; 
	border:0px;
	display:block;
	margin:0px auto;
	overflow: hidden;
}

.album_name
{
	text-transform:uppercase;
	font-weight:bold;
}

.album_details
{
    font-size:9px;
}

.photo_item
{
    padding:20px;
    text-align:center;
    vertical-align:top;
}

.photo_thumb
{
    background-position: top center;
    background-image: url(_gfx/album/single_photo.gif);
    overflow: hidden;
    width:240px;
    height:240px;
    background-repeat: no-repeat;
    padding-top:50px;
    max-height: 190px;
    margin: 0 auto;
}

.photo_thumb img
{
    display:block;
    overflow: hidden;
    margin: 0 auto;
}

.photo_detail
{
    text-align:center;
}

.photo_name
{
}

.slideshow_link
{
    float:right;
    font-weight:bold;
    font-size:smaller;
    width:140px;
	background: #082956 url(_gfx/int/form_button.gif) top repeat-x;
   	border: 1px solid #031b37;
 text-align:left;
    margin:0px 0px 0px 10px;
}

.slideshow_link a
{
    display:block;
    padding:4px 3px 4px 27px;
	color: #fafafa;
    background-image:url(_gfx/album/slideshow.gif);
    background-repeat:no-repeat;
    background-position:7px 7px;
    font-size:9px;
}

.slideshow_nav
{
    text-align:center;
}

.rss_button
{
	float: right;
	margin:-30px auto 0px auto;
}



/************************************************
Official's Corner 
************************************************/
.official_list
{
	width:470px;
	clear:both;
}

.official_list:after { content: ""; display: block; height: 0; clear: both; }

.official_list_thumbnail
{
	float:left;
	width:70px;
}

.official_list_info
{
	float:right;
	padding:25px 0px 0px 00px;
	width:400px;
}

.official_section_title
{
	font-size:12px;
	font-weight:bold;
	clear:both;
	padding:10px 0px 3px 0px;
}

.official_top
{
	
	width:560px;
	height:auto;
}

.official_top:after { content: ""; display: block; height: 0; clear: both; }

.official_image
{
	float: left;
	width:auto;
	height:auto;
	margin:10px 0px 0px 0px;
	border: solid 1px #000000;
}

.official_info
{
	float: right;
	text-align:left;
	width:400px;
	height:auto;
	margin:10px 0px 0px 0px;
	padding:5px 5px 5px 5px;
	border:solid 1px #CCCCCC;
	
}

.official_info_div
{
	clear:both;
	width:390px;
	height:auto;
}

.official_info_div:after { content: ""; display: block; height: 0; clear: both; }

.official_info_header
{
	font-weight:bold;
	float: left;
	width:100px;
	height:auto;
}

.official_info_content
{
	float: right;
	width:285px;
	height:auto;
	padding:0px 0px 0px 5px;
}

.official_info_noimage
{
	width:560px;
	height:auto;
	padding:10px 0px 0px 0px;
}

.official_message
{
	clear:both;
	width:560px;
	padding:5px 0px 0px 0px;
}

.official_message:after { content: ""; display: block; height: 0; clear: both; }

.official_message_list
{
	float: left;
	width:140px;
	padding:5px 0px 0px 0px;
}

.official_message_message
{
	float: right;
	width:410px;
	height:auto;
}

.official_message_subject
{
	font-size:12px;
	font-weight:bold;
	padding:3px 3px 3px 3px;
}

.official_message_body
{
	height:auto;
	width:408px;
	padding: 3px 3px 3px 3px;
	border:solid 1px #CCCCCC;
}

.official_bio
{
	width:560px;
	clear:both;
	padding: 3px 3px 3px 3px;
	border:solid 1px #CCCCCC;
}

.official_bio:after { content: ""; display: block; height: 0; clear: both; }



/************************************************
Map
************************************************/
.map_size
{
	width:500px;
	height:300px;
}



/************************************************
Weather component
************************************************/
.weather_button
{
	margin:5px 0px 0px 50px;
}

.weather_button img
{
	border:0px;
}

.forecast_item
{
	text-align: center;
	float: left;
	border: solid 2px #2466BF;
	height: 180px;
	width: 87px;
	margin: 5px;
	overflow: hidden;
	line-height: 18px;
	background-color:#fff;
}

.forecast_item img
{
	width: 79px;
	height: 49px;
}

.forecast_container
{
	padding: 20px;
}

.weather_home_icon 
{
	width: 79px;
	height: 49px;
}

.weather_home_icon img
{
	margin-top:7px;
	border:0px;
}



/************************************************
Facility component
************************************************/
.facility_header_cell{
	font-weight:bold;
}

td.facility_detail li {
	margin: 0px;
	padding:0px;
	line-height:15px;
}

td.facility_thumbnail img {float:left;margin:0px 10px 10px 0; border:1px solid #032C48;}
td.facility_thumbnail {vertical-align:top;}

.facility_detail {margin:10px;float:left;}
.facility_detail a {font-weight:bold}

.header_logo
{
	height:38px;
	width: 304px;
	border: none;
}

.spotlight{
	padding: 0px;
	width: 206px;
	height: 85px;
	overflow: hidden;
	background: url(_gfx/home/spotlight.gif);
	z-index: 1;
}

.spotlight a, .didyou a{
	text-decoration: none;
}

.spotlight a:hover, .didyou a:hover
{
	text-decoration: underline;
}

.didyou
{
	padding: 0;
	margin: 5px 10px 0 0;
	width: 206px;
	left: 544px;
	height: 87px;
	overflow: hidden;
	background: url(_gfx/home/didyou.gif);
	z-index: 100;
}

.spotlight p, .didyou p, .important_alert p{
	margin: 38px 10px 10px 20px;
	line-height: 14px;
	font-size: 11px;
}

.weather
{
	position: absolute;
	z-index: 3;
	margin: 208px 0px 0px 550px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #141b5c;
	font-weight: bold;
}

.weather span
{
	float:left;
}

.weather a
{
	color: #BD970F;
}
.weather img
{
	padding:0;
	margin:0;
	float:left;
}

.home_left span.home_title
{
	font-weight:bold;
	display:block;
}

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




/**************************
        SAFARI 3 hacks
**************************/

@media screen and (-webkit-min-device-pixel-ratio:0)
{

}


/*****************************
	Firefox3 Specific  (Its sad that we need these now)
******************************/

html>/**/body .foo, x:-moz-any-link, x:default {  }


/*
This is the editor style sheet,
containing styles that will be used in the content editor tools.
Customized for each project.
*/

/* Same as title_subtitle except without padding left */
.subtitle
{
    padding:5px 0px 0px 0px;
    margin:0px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	font-weight: normal;
	color: #01639b;
}

table.tableData
{
	width: 95%;
	border:1px solid #001c3e !important;
	background-color:#fbfdff;
	border-collapse:separate;
}

.tableData td
{
	border:0;
	border:1px solid #c3bfa7;
	padding:4px;
	margin:0;
	color: #000;
}

.tableData th, .tableDataHdr
{
	padding: 4px;
	font-size: 10px;
	font-weight: bold;
	text-align:left;
	color: #daebf5;
	background-color: #001c3e;
	text-transform:uppercase;
}

.tableDataHdr a, 
.tableData th a
{
	color: #ffffff;
}

.tableBox
{
	border: 1px solid #001c3e;
	font-size: 11px;
	background: #fbfdff;
	color: #000000;
	padding:3px;
}

.sidebar{
	background:#e9eff7 url(_gfx/int/sidebar_bg.gif) bottom repeat-x;
	float:right;
	width:180px; margin:10px 0 10px 10px;
	padding:10px 10px 40px 10px;
	border-top:5px solid #05264c;
}

*html .sidebar {width:200px;}


/*
Home page slide show
*/

#pics{
width:650px;
float:left;
margin: 5px;
height:210px !important;
}

#pics div {
width:650px;
}

#pics p {
	text-align:left;
}

#pics img{ float: right;  padding: 0 0 10px 10px;} 


#pager
{
	text-align:right;
	padding-right:20px;
	height:50px;
	width:95%;
}
#pager a {
	text-align:center;
	background-image: url(_gfx/fc_images/fc_mainbox_bt_gray.gif);
	display:inline-block;
	padding:2px;
	overflow:hidden;
	margin:5px;
	height:15px;
	width:15px;
	text-decoration: none;	
	color:#B6CDDF;
	}
	
#pager a.activeSlide 
{ 
	background-image: url(_gfx/fc_images/fc_mainbox_bt_red.gif);
	color:#8D0E3A; 
}

#pager a:focus 
{
	outline: none; 
	color:#8D0E3A;
 }

.title_backg2slide{height:250px;}

/********************************************************
home page table
********************************************************/
#hometable td.hborder{
	border-bottom:dotted 1px #8D0E3A; 
	width:48%;
	padding-bottom:5px;
	vertical-align:top;
	}
#hometable td.nohborder{border:0; width:4%;}


/*******************************************************
content feature box
********************************************************/
.contentbox_title a:link, .contentbox_title a:visited	{
	color:#8e0c3a;
	text-decoration:none; 
	}

.contentbox_title a:hover, .contentbox_title a:active, .contentbox_title a:hover { 
	color:#8e0c3a;
    text-decoration:underline; 
	}

.contentbox_title {
	padding: 0;
	width: 680px;
	text-align: left;
	background: transparent url(_gfx/cmn/featurebox.gif) no-repeat bottom left;
	display:inline-block;
	}

.contentbox_title h1 {
	background: transparent url(_gfx/cmn/featurebox.gif) no-repeat top left;
	padding: 20px 5px 5px 15px;
	margin: 0;
	font: normal bold 24px/30px Georgia, "Times New Roman", Times, serif;
	color: #8e0c3a;
	}
	

.contentbox_title p {
	font: normal normal 12px/14px Arial, Helvetica, sans-serif;
	padding: 10px 5px 5px 15px;
	margin: 0;
	}	
	
.contentbox_title a.moreinfo {
	padding-left: 15px;
	background: transparent url(_gfx/cmn/fc_nav_arrow.gif) no-repeat -10px 40%;
	}

.contentbox_title h3 {
	padding-left: 30px;
	margin: 10px 0 0 0;
	font: normal bold 12px/15px Arial, Helvetica, sans-serif;
	background: url(_gfx/cmn/gray_arrow.gif) no-repeat 15px 50%;
}
	
.contentbox_title img {
	margin: 20px 20px 10px 10px;
	border: #fff solid 1px;
	float: right;
	}

.contentbox_title ul.relnav {
	padding: 5px 0 10px 0;
	margin: 0 20px 0 15px;
	list-style: none;
	width: 425px;
	border-top: 1px solid #999;
	white-space:nowrap;
	display:inline-block;
	}

.contentbox_title:after, .contentbox_title ul.relnav:after { /* auto clear for browsers that support :after */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}	

.contentbox_title ul.guideline {
	padding: 0 0 0 0;
	margin: 0 0 0 20px;
	list-style: none;
	}
.contentbox_title ul.guideline li {
	padding:0 10px !important;
	background: url(_gfx/nav/fc_nav_arrow.gif) no-repeat -10px .6em !important;
	}	
	
* html ul.relnav { /* auto clear for IE5+6 */
	height: 1%
	}

*:first-child+html ul.relnav { /* auto clear for IE7 */
	min-height: 1px;
	}

.contentbox_title ul.relnav li {
	font: normal Arial, Helvetica, sans-serif;
	float: left;
	padding: 0 10px 0 10px;
	background: url(_gfx/nav/fc_nav_arrow.gif) no-repeat -10px .6em !important;
	padding:0 10px !important;
	white-space: nowrap;
	}

/* .ul_arrow li {
 background: transparent url(_gfx/nav/fc_nav_arrow.gif) no-repeat left 40%;
 padding: 0 0 5px 20px;
 margin: 0;
 }*/
.float_right {
	float: right;
	}

.homeContent{
	float:left;
}
/*********************************************************
 accessibility bar icon style 
**********************************************************/
#toolbar 
{
	/*padding: 0 0 0 0;*/
	height: 20px;
	text-align: left;
	vertical-align: middle;
	vertical-align:sub;
	line-height: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	color: #555555;
	font-weight: normal;
	font-size: 1em !important;
	margin-right: 90px;
	}

#toolbar ul {
	margin:0;
	padding:0;
	}

#toolbar li {
    list-style: none;
    float: right;
	padding-left:5px;
	}

#toolbar_text a{
	background: url(_gfx/sfgov/textonly.gif) no-repeat top right;
	width: 17px;
	height:17px;
	display: block;
	overflow:hidden;
	text-indent:-9999px;
	padding: 0 0 0 0;
	line-height: 10px;
	}

#toolbar_text a:hover {width:17px;background-position:0px -19px;}

#toolbar_font_sm a {
	background: url(_gfx/sfgov/size-.gif) no-repeat top right;
	width: 17px;
	height:17px;
	display: block;
	overflow:hidden;
	text-indent:-9999px;
	padding: 0 0 0 0;
	line-height: 10px;
	}

#toolbar_font_sm a:hover {width:17px;background-position:0px -19px;}

#toolbar_font_lg a {
	background:url(_gfx/sfgov/sizeplus.gif) no-repeat top right;
	width: 17px;
	height:17px;
	display: block;
	overflow:hidden;
	text-indent:-9999px;
	padding: 0 0 0 0;
	line-height: 10px;
	}

#toolbar_font_lg a:hover {width:17px;background-position:0px -19px;} /*************************
sfgov plugins icons
***************************/
.sf_plugins_nav ul{padding:0px;margin:0px;}
#sf_plugins .sf_plugins_nav{width:244px;height:23px;float:left;}
#sf_plugins .sf_plugins_nav li{margin-top:10px; float:left}
#sf_plugins .sf_plugins_nav li, #sf_plugins .sf_plugins_nav a{display:block;text-indent:-9999px;overflow:hidden;}
#sf_plugins .sf_plugins_nav a{height:23px; background-image:url(_gfx/sfgov/plugins_icons_final.gif); background-repeat:no-repeat;}
#sf_plugins_title {
	width:97px;
	background-position:0px 0px;
	height: 23px;
	background-image: url(_gfx/sfgov/download_viewers.gif);
}
#sf_plugins_acrobat a{width:27px;background-position:-97px 0px;}
#sf_plugins_acrobat a:hover{background-position:-97px -23px;}
#sf_plugins_flash a{width:27px;background-position:-127px 0px;}
#sf_plugins_flash a:hover{background-position:-127px -23px;}
#sf_plugins_powerpoint a{width:27px;background-position:-157px 0px;}
#sf_plugins_powerpoint a:hover{background-position:-157px -23px;}
#sf_plugins_excel a{width:27px;background-position:-187px 0px;}
#sf_plugins_excel a:hover{background-position:-187px -23px;}
#sf_plugins_word a{width:27px;background-position:-217px 0px;}
#sf_plugins_word a:hover{background-position:-217px -23px;}


.copyright {font-size:1em;}
/*************************
contact form
***************************/	
#contactForm { width: 100% }
#contactForm label{
	width: 120px; 
	display:inline-block;
	line-height:1.9;
	cursor: hand;
	vertical-align: top;
	}
#contactForm input.submit { margin-left: 590px; border:0; }
#contactForm label.error {margin-left:120px;}



#contactForm label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}
div.error { display: none; }
#contactForm input {	border: 1px solid black; }
#contactForm input:focus { border: 1px dotted black; }
#contactForm input.error { border: 1px dotted red; }

#contactForm label.error {
	margin-left: 130px;
	width: 220px;
}

#contactForm .input{ width:550px;}
#contactForm textarea{height:150px;}

#contactAddr{margin-left:120px;font-style:italic;}

/***************************
Tabs
*********************************/
.frame_wrapper {
	width: 680px;
	float:left;
	vertical-align:top;
}

.tablist {
	height: 30px;
	width:680px;
	vertical-align:top;
	clear:both;
}

ul.tabs {
	padding: 0;
	list-style: none;
	margin:0;
	}
	
ul.tabs li {
	text-align: left;
	float: left;
	padding: 0  !important;
	margin: 0 2px 0 0  !important;
	border: 0;
	line-height: normal;
	}

ul.tabs li a {
	display: block;
	text-indent: -9999px;
	overflow:hidden;
	height: 30px;
	width: 142px;
	}

a.age_tab, a:visited.age_tab {
	background: transparent url(_gfx/tabs/agency.gif) no-repeat left -30px;
	}

.age_tab_normal {
	background: transparent url(_gfx/tabs/agency.gif) no-repeat left 0px;
	text-indent:-9999px;
	overflow:hidden;
	width:142px;
	height: 30px;
}
	
a:hover.age_tab, a:active.age_tab, a:focus.age_tab {
	background: transparent url(_gfx/tabs/agency.gif) no-repeat left 0px;
	}
	
a.loc_tab, a:visited.loc_tab {
	background: transparent url(_gfx/tabs/locations.gif) no-repeat left -30px;
	}

.loc_tab_normal {
	background: transparent url(_gfx/tabs/locations.gif) no-repeat left 0px;
	text-indent:-9999px;
	overflow:hidden;
	width:142px;
	height: 30px;
}
	
a:hover.loc_tab, a:active.loc_tab, a:focus.loc_tab {
	background: transparent url(_gfx/tabs/locations.gif) no-repeat left 0px;
	}
	
a.uni_tab, a:visited.uni_tab {
	background: transparent url(_gfx/tabs/union.gif) no-repeat left -30px;
	}

.uni_tab_normal {
	background: transparent url(_gfx/tabs/union.gif) no-repeat left 0px;
	text-indent:-9999px;
	overflow:hidden;
	width:142px;
	height: 30px;
}

a:hover.uni_tab, a:active.uni_tab, a:focus.uni_tab {
	background: transparent url(_gfx/tabs/union.gif) no-repeat left 0px;
	}
	
a.other_tab, a:visited.other_tab {
	background: transparent url(_gfx/tabs/other.gif) no-repeat left -30px;
	}

.other_tab_normal {
	background: transparent url(_gfx/tabs/other.gif) no-repeat left 0px;
	text-indent:-9999px;
	overflow:hidden;
	width:142px;
	height: 30px;
}
	
a:hover.other_tab, a:active.other_tab, a:focus.other_tab {
	background: transparent url(_gfx/tabs/other.gif) no-repeat left 0px;
	}
	
a.other_age_tab, a:visited.other_age_tab {
	background: transparent url(_gfx/tabs/other_agencies.gif) no-repeat left -30px;
	}

.other_age_tab_normal {
	background: transparent url(_gfx/tabs/other_agencies.gif) no-repeat left 0px;
	text-indent:-9999px;
	overflow:hidden;
	width:142px;
	height: 30px;
}
	
a:hover.other_age_tab, a:active.other_age_tab, a:focus.other_age_tab {
	background: transparent url(_gfx/tabs/other_agencies.gif) no-repeat left 0px;
	}
	
body#agency a.age_tab {
	background: transparent url(_gfx/tabs/agency.gif) no-repeat left 0;
	}	
	
body#location a.loc_tab {
	background: transparent url(_gfx/tabs/locations.gif) no-repeat left 0;
	}

body#union a.uni_tab {
	background: transparent url(_gfx/tabs/union.gif) no-repeat left 0;
	}
	
body#other a.other_tab {
	background: transparent url(_gfx/tabs/other.gif) no-repeat left 0;
	}
body#other_agency a.other_age_tab {
	background: transparent url(_gfx/tabs/other_agencies.gif) no-repeat left 0;
	}
	
a.film_tab, a:visited.film_tab {
	background: transparent url(_gfx/tabs/filmography.gif) no-repeat left -30px;
	}

.film_tab_normal {
	background: transparent url(_gfx/tabs/filmography.gif) no-repeat left 0px;
	text-indent:-9999px;
	overflow:hidden;
	width:142px;
	height: 30px;
}
	
a:hover.film_tab, a:active.film_tab, a:focus.film_tab {
	background: transparent url(_gfx/tabs/filmography.gif) no-repeat left 0px;
	}
	
a.fest_tab, a:visited.fest_tab {
	background: transparent url(_gfx/tabs/festivals.gif) no-repeat left -30px;
	}

.fest_tab_normal {
	background: transparent url(_gfx/tabs/festivals.gif) no-repeat left 0px;
	text-indent:-9999px;
	overflow:hidden;
	width:159px;
	height: 30px;
}
	
a:hover.fest_tab, a:active.fest_tab, a:focus.fest_tab {
	background: transparent url(_gfx/tabs/festivals.gif) no-repeat left 0px;
	}
		
.tabbox {
width:97%;
border: #8E0C3A 2px solid;
height: 350px;
overflow:auto;
padding: 8px;
vertical-align:top;
margin-top:0;
}

*+html div.tabbox {margin-top:8px;}

/*************************************************
resources tables 
**************************************************/
 table.tabs { 
font: 12px Arial, Helvetica, sans-serif; 
text-align: left; 
padding: 5px; 
background: #fff; 
width:97%; 
margin: 0 0 5px 0; 
} 
 table.tabs th, table.tabs td { 
margin:0; 
padding: 5px 10px; 
text-align: left; 
border-bottom: 1px dotted #666; 
white-space: nowrap; 
} 
 table.tabs th { 
font: bold 14px; 
background: #e9e7e3; 
border-bottom: 0px; 
} 
 table.tabs th.uni, table.tabs th.fest, table.tabs th.film, table.tabs th.contact { 
width: 66%; 
}  table.tabs th.loc { 
width: 33%; 
} 
 table.tabs th.contact, table.tabs th.phone { 
background: #fff; 
}