body {margin:0px; font:12px/20px verdana, arial, tahoma, helvetica, sans-serif; color:#252525; background: #FFF;}
table {text-align:left;}
#logo a{float:left; padding:0px; margin:0px; background: url(../images/logo.jpg) no-repeat; width:209px; height:83px;}
#yellHeader a{float:left; padding:0px; margin:0 0 0 65px; background: url(../images/yell_logo_sm.png) no-repeat; width:150px; height:83px;}

#header{width:780px; height:90px; margin:0px; padding:0;background: url(../images/taglinenew.gif) bottom right no-repeat; }

/* Top navigation  
------------------------------------------------------*/
#top_nav {float:right; text-align:right; width:300px; height:26px;  padding:0; margin:10px 5px 0 0;}

#top_nav ul, #top_nav li {
margin: 0;
padding: 0  0 0 30px ;
display: inline;
list-style-type: none;
font:bold 12px/20px  arial, verdana, tahoma, helvetica
}

#top_nav a {
padding: 0;
margin:0;
text-decoration:none;
height:20px;
color:#0071BC;
}
#top_nav a:hover{color:#F7931D;}


.dkgreen {background-color:#0A6330;}
.blue {background-color:#0071BC;}
.orange {background-color:#F7931D; }
.light_green {background-color:#4BBF58;}
.white {color:#FFF;}

a.mainnav {color:#FFF; font:bold 14px arial, verdana, tahoma, sans-serif; text-decoration:none;}
 a:hover.mainnav {color:#F7931D;  text-decoration:none;}



/* Main navigation  
------------------------------------------------------*/
#main_nav {float:left; width: 200px; padding:0px; margin:0px;}

#main_nav ul{
margin: 0;
padding: 0;
list-style-type: none;
font:bold 12px arial, verdana, helvetica, sans-serif;
border-top: 1px solid #DEDEDE;
text-align:left;
}

#main_nav a{
display: block;
padding: 5px 10px;
width: 180px;
background-color: #F6F6F6;
border-bottom: 1px solid #DEDEDE;
}
#main_nav a.sub{
padding: 5px 5px 5px 30px;
width: 165px;
background-color: #FCFCFC;
}

#main_nav a{color: #369ACD; text-decoration: none;
}

#main_nav a:hover { background-color: #369; color: #fff;
}

/*  Sub Navigation 
----------------------------------------*/

#navlist
{
padding: 0;
margin: 20px 0;
width: 150px;
}

#navlist li
{
list-style: none;
margin: 0;
padding: 5px 0 ;
border-bottom: 1px solid #FFF;
}

#navlist li a { color:#FFF; text-decoration: none; }

	/* BEGIN NEW CODE position:absolute; top:34px; right:235px;border:1px solid #000;  background:#fff; S*/
	div#holder {float: right; width:150px; line-height:18px; height:25px; overflow:hidden; text-align:center; z-index:100;}
	/*
	div#holder:hover {height:50px; cursor:pointer; background:#fff;}
	div#holder a:visited, #holder a {display:block; width:100%; line-height:18px; color:#000; text-decoration:none;}
	div#holder a:hover {color:#c00;background:#ddd;}
	*/

/* main body content area
---------------------------------------------------*/

#home_content {width:780px; background: url(../images/home_content_bg.gif) repeat-y; padding:0; margin:0; text-align:left;}
#home_content p {color:#FFF; padding:3px 10px 20px 15px; margin:0;}
#home_content h3 {color:#FFF; padding:3px 10px 20px 15px; margin:0;}
#home_content a {color:#FFF;}

#content {width:780px; background: url(../images/main_content_bg.gif) repeat-y; padding:0; margin:0; text-align:left;}
#content p {color:#252525; padding:3px; margin:0;}
#content a {color:#0071BC;}


#partners {width:780px; background: url(../images/partners_bg.gif) repeat-y; padding:0; margin:0; text-align:left;}


/*  Footer 
-------------------------------------*/
#footer {clear:both; width:780px; height:60px; margin:0px; padding:0px; background: url(../images/footer_bg.gif) no-repeat; font:bold 11px/20px  arial, verdana, tahoma, helvetica, sans-serif; text-align:left; color:#FFF;}
#footer p {padding:12px 20px; margin:0;}
#footer a {color:#FFF;}
#footer a:hover {color:#FFF;}


/* General Styles 
-----------------------------------------*/

h2 {font: 20px arial, verdana tahoma, sans-serif; color:#0071BC; margin:18px 0px 10px 0px; border-bottom:2px solid #0071BC;}
h3 {font: 18px arial, verdana tahoma, sans-serif; color:#0A6330; margin:8px 0 0 0;}
.hide {display:none;}

th{font:bold 16px/18px arial, verdana, tahoma, sans-serif; color:#0A6330; text-align:center;}

.padLeft {float:right; padding-left: 5px;}
.newsItems,.eventItems{margin-left: 20px;}
/*.newsItem,.eventItem {border-bottom: 1px dashed #cfcfcf;}*/
.contentSectionTitle{font: 16px arial, verdana tahoma, sans-serif;color:#0071BC;margin:10px 0px;}

.center{text-align: center;}
/* float info to the right in a box */
div.rightPullout {
	width: 250px; 
	float: right;
	padding: 3px;
	border: 1px solid #0071BC;
	margin-left: 5px;
}



/* Updated float info to the right in a box appearing on program page
----------------------------------------------- */
#programPullOut {
	width: 230px; 
	float: right;
	padding: 0;
	margin-left: 5px;
	background: url(../images/newsevents-bg.gif) bottom no-repeat;}
#programPullOut h3 {width:230px; height:43px; margin:0; padding:0; background:url(../images/newsevents-top.gif) top no-repeat;}
#programPullOut h4 {font:bold 13px arial, tahoma, verdana, san-serif; color:#FFF; margin:3px 20px 3px 15px; padding:0; border-bottom:1px dotted #FFF;  }

#programPullOut p {padding:10px 10px 10px 15px; font-size:11px; color:#FFF;}
#programPullOut  .eventItemProgramsHome {padding-bottom:30px;}

#programPullOut a {color:#FFF;}
#programPullOut a:hover {color:#EC572D; background:#FFF; text-decoration:none;}
/*
#hubPullOut {
	width: 230px; 
	float: right;
	padding: 0;
	margin-left: 5px;
	background: url(../images/newsevents-bg.gif) bottom no-repeat;
}
#hubPullOut h3 {
	width:230px; height:20px; margin:0; padding:0; background:url(../images/redPulloutTop.gif) top no-repeat;
}
#hubPullOut h4 {
	font:bold 13px arial, tahoma, verdana, san-serif; color:#FFF; margin:3px 20px 3px 15px; padding:0; border-bottom:1px dotted #FFF;  
}
*/
#hubPullOut p {padding:10px 10px 10px 15px; font-size:11px; color:#FFF;}
#hubPullOut a {color:#FFF;}
#hubPullOut a:hover {color:#EC572D; background:#FFF; text-decoration:none;}
}

/* form styles*/
/* Error Message */
div.errMsg {margin: auto;width: 500px;}
#content div.errMsg p,div.errMsg li,.red{color: #B22222;}
div.row,div.ed_toolbar { 
	clear: both;  
	padding-top: 5px;
	width: 100%;
	margin: 5px 0; 
}

/*inline error message*/
form div.error {
	font-size: smaller;
	color: #B22222;
}
div.label { 
	float: left; 
	margin: 0 10px 1px 0px; 
	/*font-weight: bold; */
	text-align: right; 
	width: 250px;
	
}
/* style for a scrolling list box in a form */
div.listscroll { height: 150px; overflow: auto; width: 200px; border: 1px solid #293C6D; }

span.requiredErrLabel { 
	color: #B22222; 
}
span.requiredAsterik { 
	color: #B22222; 
}

table.stdForm{border-left: 1px solid #293C6D; border-top: 1px solid #293C6D; margin: 10px auto; width: 80%;border-collapse: collapse;}
table.stdForm td,table.stdForm th{ border-right: 1px solid #293C6D;border-bottom: 1px solid #293C6D;}
table.stdForm td.label{text-align: right; padding: 3px 10px 3px 0; width: 125px;vertical-align: top; font-weight: bold;}
table.stdForm td.html{ padding: 5px 0 5px 5px;}
table.stdForm tr.headerRow th{text-align: center;padding: 5px 0;} 

#subpageGalleryImg {
width: 150px;
padding: 3px;
background-color: #FFF;
text-align: center;
}

#subpageGalleryImg img {
border: none;
}

/* Styles for contact info on hubs 
----------------------------------------------*/
#contact_info {
	float:right; 
	padding-left:8px; 
	width: 195px; 
	height:86px;
	background: url(../images/contact_bg.gif) top no-repeat;
}
#programcontact_info {float:right; padding-left:8px; width: 195px; height:86px; background: url(../images/programcontact_bg.gif) top no-repeat; margin-left: 10px;}
#programHeadSection{width: 100%;}

#contact_info p,#programcontact_info p {margin:30px 30px 0 10px;}
#contact_info a,#programcontact_info a {color:#FFF; text-decoration:none; font-weight:bold;}
#contact_info a:hover,#programcontact_info a:hover {text-decoration:underline;}

/* Style for message box same as in admin 
- used for message.tpl.html
----------------------------------------------*/

.message {
width: 600px;
margin:auto;
border: 1px solid red;

margin-top: 20px;
margin-bottom: 20px;
padding: 20px;
}

/* the following styles are for forms class=xForm - which i can use for tableless form rendering */
form.xform.xForm {
    margin: 0;
    padding: 0;
    /*
    min-width: 450px;
    max-width: 550px;
    */
    
    width: 90%;
    float: left;
    
}
form.xForm fieldset {
    /*clear: both;*/
    float: left;
    border: 0;
    margin: 0;
}
form.xform.xForm fieldset.hidden {
    border: 0;
}
form.xForm fieldset legend {
/*
    white-space: nowrap;
    background-color: #CCCCCC;
    font-weight: bold;
    width: 100%;
    padding: 1px;
    display: block;
    */
display: none;
}
form.xform.xForm fieldset ol {
    margin: 0;
    padding: 0;
}
form.xForm fieldset li {
    display: block;
   list-style: none;
    margin: 0;
    clear: both;
}
form.xForm label {
    margin: 0 0 0 5px;
}
form.xForm label.element {
    display: block;
    float: left;
    width: 150px;
    padding: 0;
    margin: 5px 0 5px 0;
    /*font-weight: bold;*/
    text-align: right;
}
form.xForm input, form.xForm textarea, form.xForm select {
    width: auto;
}
form.xForm textarea {
    overflow: auto;
}
form.xForm br {
    clear: left;
}
form.xForm div.element {
    display: inline;
    float: left;
    margin: 5px 0 5px 10px;
    padding: 0;
}
form.xForm li.reqnote {
    font-size: 80%; 
    margin: 5px;
}
form.xForm span.error, form.xForm span.required {
    color: #B22222;
    font-weight: normal;
}
form.xForm div.error {
    /*border: 1px solid red;*/
    padding: 3px 0;
}
form.xForm fieldset ol li.formHeading{
	text-align: center;
	background-color: #C9DA2A;
	padding: 3px;
	color: white;
	font-weight: bold;
	font-size: 14px;
	font-variant: small-caps;
	border-bottom: 5px solid #fff;
}
/* end form class=xForm styles */

/*simple table layout style*/
table.dataTable {
	border-top:	1px solid gray;
	border-left: 1px solid gray;
	border-collapse: collapse;
	width: 100%;
}
table.dataTable th, table.dataTable td {
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;	
	vertical-align: top;
	padding: 3px;
}
table.dataTable th {width: 33%;}
table.dataTable td {
	font-family: Arial, Verdana, sans-serif;
	font-size: small;	
}
table.dataTable td.headerCell {
	font-weight: bold;
	font-size: 	large;
	text-align: center;
	color: #993333;
}
/*end table layout style*/

/* the following is for the jquery zebra-stripes */
tr.alt td {background: #ecf6fc;}
tr.over td {background: #bcd4ec;}

#myHomeCalendar {
	width: 200px;
}
#myHomeCalendar h3 {
	color: #993333;
}
.homeCalendar {
width: 200px;
}
#home_content .homeCalendar a {
	color: #0a6330;
}
span.calendar-prev {
	margin-right: 5px;
}
span.calendar-next {
	margin-left: 5px;
}
#calendarContainer{
	float: right;
	width: 185px;
	padding: 2px 0 5px 10px;
	font-size: smaller;
	margin-top: 15px;
	margin-bottom: 5px;
	border-left: 1px dashed #cfcfcf;
	border-top: 1px dashed #cfcfcf;
	border-bottom: 1px dashed #cfcfcf;
}
.hubCalendarTable {
	border: 1px solid #cfcfcf;
	width: 180px;
	margin: auto;
}
#calendarContainer h3 {
	text-align: center;
}

#content .programCalendarTable a {color:#0a6330;}

/*
the following styles are for the full month calendar display
*/
.fullMonthCalendar {
	width: 95%;
	margin:auto;

}

.fullMonthCalendar .dayname {
	background-color: #cfcfcf;
	text-align: center;
	font-weight: bold;
}

.fullMonthCalendar .monthday, .fullMonthCalendar .saturday, .fullMonthCalendar .sunday, .fullMonthCalendar .nomonthday {
	border: 1px solid #cfcfcf;
	width: 65px;
	vertical-align: top;
}	

.fullMonthCalendar .monthname {
	text-align: center;
	font-weight: bold;
}

.fullMonthCalendar .prevMonthNav {
	text-align: left;
}
.fullMonthCalendar .nextMonthNav {
	text-align: right;
}

.fullMonthCalendar .today {
	background-color:#FFA500;
	color: #fff;
}

.fullMonthCalendar .monthDate {
	float: right;
	width: 15px;
	border-left: 1px dotted #cfcfcf;
	border-bottom: 1px dotted #cfcfcf;
	padding: 2px;
	clear: both;
}
.fullMonthCalendar .eventcontent {
	clear: both;
	font-size: 10px;
}

.fullMonthCalendar .titleRow td {
	color: #0071bc;
}
/*
end of full month calendar styles
*/
#hubProgramRightSide {
	float: right;
	width: 195px;
	margin-left: 3px;
}

/* added dec.27 - for profiles section */
.profileSideBar {float:right;width:195px;border-left: 1px solid black; border-bottom: 1px solid black; margin-left: 5px; padding-left: 5px;}
.profileSideBar p {}
.profileSidebarQuestion {font-weight: bold;}
.profileSidebarAnswer {color: #0a6330; font-style: italic; font-weight:bold;}
.profileLeftImage {width: 200px;}
.profileLeftImageCaption {text-align:center;font-weight:bold;}

/* style for in-page link block - i.e. faq */
.pageLinks {border-bottom:2px solid #0071BC; margin-bottom: 10px; padding-bottom: 10px;}

#HTML_AJAX_LOADING {display: none;}

/* style for recent albums div on home page */
#recentAlbums {margin: 10px 3px 3px 0; width: 95%;}
#recentAlbums ul {margin-left: 1.75em;padding-left: 0;}
#recentAlbums ul li{text-align: left; margin-left: 0; padding-left: 0;}
#recentAlbums a {color: blue;}