body {margin: 0px; background: #D1C2A2 url(/opencms/export/sites/uccf/images/bg.gif); background-repeat: repeat-x; }
table, td, input, textarea {font: 12px arial,verdana,geneva,lucida,sans-serif; background: #fff; color: #000;}
#main {border-right: 2px solid #fff; border-left: 2px solid #fff; border-top: 2px solid #fff;}

/*top navigation*/
.darkblue {background: #02254b;}
#topnav {font: 10px verdana,arial,geneva,lucida,sans-serif; text-align: right; padding: 5px;}
#topnav a {color: #fdcb38; text-decoration: none; padding: 5px;}
.gold {color: #fdcb38; font: 10px verdana,arial,geneva,lucida,sans-serif;}
#search {display:inline;}
.search_box {font-size: 11px; height: 11px; width: 135px; border:1px solid #666666;}
.go {height: 17px; width: 18px; font: 10px "arial narrow",sans-serif; text-align: center; font-weight: bold; border:1px solid #666666; background: #ccc;}
#searcharea {margin-top: 20px; text-align: right; padding-right: 5px;}
.logo {padding: 10px 0px 10px 10px;}

/*global navigation - changed 9/2007 to add dropdowns*/
#main_nav {
 font-size: 11px;
 margin: 0;
 width: 100%;
 border-top: 1px solid #A5ACB2;
 /*margin-bottom: 3px;*/
 float: left;
 clear: both;
 text-align: left;
 color: #ffe372;
 background: #be8b22;
}

#main_nav {width:100%;  voice-family: "\"}\""; voice-family:inherit; width: 100%}
html>body #main_nav {width: 100%;}

#main_nav ul {
  	margin: 0;
	list-style:none;
	padding: 0px;
  	color: #ffe372;
}

#main_nav ul a {
  	display: block;
	color: #ffe372;
	margin: 0;
	background: #be8b22;  /*url(../images/navs/global_nav_bg.jpg) repeat-x 0 0;*/
 }

#main_nav ul li {
  	/*display: inline;*/
	text-transform: uppercase;
	text-align: center;

	color: #ffe372;
	float: left; /* otherwise there are gaps between each nav item */
	padding: 0px;
	margin: 0px;
	padding-right: 1px; /* so that the divider can be displayed */
  	background: url(/opencms/export/sites/uccf/images/pipe.gif) no-repeat 100% 50%;
}

#main_nav ul li a {
 	/*display: inline;  remove this otherwide the dropdown menus will be shifted to the right of the nav on IE*/
  	margin: 0px 0 0 0;
  	color: #ffe372;
	text-decoration: none;
	padding: 3px 17px 4px 20px;
	font-weight: bold;
 }
  
#main_nav ul a:hover {
 	background: #5f4b1f; /*url(../images/navs/global_nav_bg_over.jpg) repeat-x 0 0;*/
}

#main_nav ul li.current a {
 	background: #5f4b1f; /*url(../images/navs/global_nav_bg_over.jpg) repeat-x 0 0;*/
}

#main_nav ul li.current a:hover {
 	background: #5f4b1f; /*url(../images/navs/global_nav_bg_over.jpg) repeat-x 0 0;*/
}

/*************** Dropdown Menu *************/
/******************************************/
#main_nav ul li ul { 
  	display: block;
	position: absolute;
	left: -999em;
	width: 200px;
	/*border-bottom: 1px dotted #D9B031;*/
  	border-bottom: 1px dotted #fff;
	z-index: 100;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0;
	float: none;
	filter:alpha(opacity=95);
	opacity: .95;
	-moz-opacity:.95;
}

#main_nav ul li ul li {
	text-transform: none;
  	text-align: left;
	float: none;
	display: block;
	padding: 0;
  	margin: 0!important;
}

#main_nav ul li:hover ul, #main_nav li.sfhover ul { /* lists nested under hovered list items */
  	left: auto;
  	padding: 0px;
}

#main_nav ul li ul li {
   	background: none;
  	padding: 0;
  	margin: 0;
	/*width: 100%;remove it so that it won't have a gap between each list item on IE 7 */
	display: inline; /* add this so that it won't have a gap between each list item on IE 6 */
}

#main_nav ul li ul li a {
    font-weight: bold;
  	color: #ffe372;
	background: #be8b22;
	padding: 6px 10px 6px 10px;
	border-top: 1px dotted #fff;
	margin-bottom: 0!important;
	display: block;
	background-image: none; /* so that the background image won't display on Safari */
	line-height: 120%;
}

#main_nav ul li ul a:hover {
 	color: #ffe372;
 	background: #5f4b1f;
 	background-image: none; /* so that the background image won't display on Safari */
}

#main_nav ul li.current ul li a {
	background: #be8b22;
}

#main_nav ul li.current ul li a:hover {
 	background: #5f4b1f;
 	background-image: none;
}

/* sub navigation */
#subs {border-top: 1px dotted #fff; margin: 10px 0; width: 149px; font-size: 11px; font-weight: bold;}
#subs a {color:#000; display:block; padding:5px 3px 5px 10px; text-decoration:none; border-bottom:1px dotted #fff; }
#subs a:hover {color:#fff; text-decoration: none!important; background:#be8b22; border-bottom:1px dotted #fff;}
#sub_on {color:#fff; display:block; padding:5px 3px 5px 10px; background:#be8b22; border-bottom:1px dotted #fff;}

/*left rail*/
.goldheader, .goldheader_no_top_border {padding: 2px 5px;}
h2 {font-size: 12px; display: inline; color: #000;}
.blue {color: #014284; font-weight: bold; padding-bottom: 25px; padding-top: 10px;}
.blue a {text-decoration: none;}
.phone {padding-bottom: 70px;}
#leftrail {width: 149px; margin-right: 0px;}
ul.square_blue {list-style-image: url(/opencms/export/sites/uccf/images/blue_dot.gif);  margin-left: 16px; padding-left: 0px; }
ul.square_blue li {padding-bottom: 3px;}
.left_bg {background: #F3E9C0; border-right: 2px solid #fff;}
.leftcontent {font-size: 11px; padding: 5px; }
.leftcontentsub {padding: 8px 5px 15px 5px; font-size: 12px;  background: #F3E9C0;}
.number {font-size: 14px; padding-top: 10px; text-align: center; color: #352403;}
.brownphone {padding-right: 5px; float: left;}
.brownbutton {margin-top: 25px;}

/*content*/
.content {font-size: 12px; line-height: 130%; padding: 10px;}
.list {padding-left: 10px;}
.contentsub {font-size: 11px; padding: 0px 10px 15px 15px;}
.family {float: right; margin-bottom: 5px; padding-right: 15px;}
/*h1 {font-size: 14px; color: #8a7b5b; border-bottom: 1px dotted #8a7b5b; padding: 5px; margin: 10px;}*/
.breadcrumbs {font-weight: bold; font-size: 14px; color: #8a7b5b; border-bottom: 1px dotted #8a7b5b; padding: 5px; margin: 10px;}
.breadcrumbs a {color: #8a7b5b; text-decoration: none;}
.breadcrumbs a:hover {color: #8a7b5b; text-decoration: underline;}

.event_category {font-size:1.2em; font-weight: bold; color: #233F71;}
ul.news {list-style-image: url(/opencms/export/sites/uccf/images/blue_dot.gif);margin-left:12px;padding-left:12px;}
ul.news a {color: #0375B5; text-decoration: none;}
ul.news a:hover {text-decoration: underline;}
ul.news li {padding-bottom:3px;}
.news_events {color: #000;}

ul.blue_arrow{ list-style-image: url(/opencms/export/sites/uccf/images/blue_arrow.gif); margin-left: 20px; padding-left: 5px; }
ul.blue_arrow li{ padding-bottom: 15px; }
ul.blue_arrow li a {font-size: 12px; font-weight: bold; color: #003399; text-decoration: none;}

/*right rail*/
#rightrail {width: 167px; }
.right_bg {background: #D9E1EA; border-bottom: 5px solid #fff;}
.bold {font-weight: bold;}
.blueheader, .blueheader_top {padding: 2px 5px;}
.blueheader {border-top: 2px solid #fff;padding: 2px 5px;}
.rightcontent {padding: 5px; font-size: 11px;}
.brightblue{color: #06c; font-style: oblique; font-weight: bold;}
.button {padding-left: 10px; padding-bottom: 5px;}
.mailing {padding-left: 5px; padding-bottom: 10px;}
.email {height: 10px; margin-bottom: 5px;}

/*bottom nav*/
.copyright {color: #797965; font-size: 10px; padding: 0 5px 5px 5px; font-family: verdana,sans-serif;}
.copyright_text {color: #797965; font-size: 10px; font-family: verdana,arial,sans-serif;}
.bottomnav a {font-size: 10px; color: #927a7a; text-decoration:none; font-family: verdana,sans-serif;}
.bottomnav_on a {font-size: 10px; color: #000; text-decoration:none; font-family: verdana,sans-serif;}
.bottomnav a:hover {color: #000;}
.bottomnav {color: #927a7a; padding: 0px 5px 5px 5px;}
.bottom_logo {text-align:center;margin-left:10px;margin-right:3px;}
.border {border-top: 10px solid #d5c5a1;}

/* import file */
.white {color: #fff;}
.goldheader_no_top_border {background: #be8b22; border-bottom: 2px solid #fff; }
.goldheader {background: #be8b22; border-top: 2px solid #fff;border-bottom: 2px solid #fff;}
h2 {color: #fff;}
.leftcontent, .leftcontentsub {background: #f3e9c0;}
.leftcontentsub {background: #f3e9c0;  background: #F3E9C0;}
.left_bg {background: #F3E9C0;}
.blueheader, .blueheader_top {background: #02254b;}
.blueheader_top {border-bottom: 2px solid #fff;}
.blueheader { border-bottom: 2px solid #fff;}
.border {border-top: 10px solid #d5c5a1;}
.rightcontent {background: #d9e1ea;}

/* MISC */
.bld {font-weight: bold;}
.msg {color: #CC0000; font-weight: bold;}
.alignright {text-align:right;}
#formtable td {font-size:.85em;}
#formtable input {width:250px;}
#formtable textarea {width:370px;}
#formtable input.submit, #formtable input.checkbox, #formtable input.radio {width:auto;}
.email_form_confirm td {border-bottom:1px solid #000;}


/* print */
.line_print {display: none;}
.header_print {
 display: none;
 }