/******************************************************************************
 *  Colors
 *    Light Blue: 	#4579AD
 *    Dark Blue: 	#1D4872
 *    Light Beige: 	#F2E9D6
 * 	  Dark Beige: 	#dccbc8
 ******************************************************************************/

/******************************************************************************
 **********                        General text                      **********
 ******************************************************************************/
 
body, td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

.strong {
	font-weight:bold;
	padding:0px;
}

.extraLargeText {
	font-size:large;
}

.smallText {
	font-size:small;
}

.bodyTitle {
	font-size: x-large;
	color: #4579AD;
	padding-bottom: 10px;
}

#welcome	{
	font-size: small;
}
/******************************************************************************
 **********                            Links                         **********
 ******************************************************************************/
 
a:link, a:visited {
	color:#1D4872;
	text-decoration:none;
}

a:hover {
	color:#4579AD;
	text-decoration:underline;
}

a:active {
	color:#4579AD;
	text-decoration:none;
}

/******************************************************************************
 **********                          Navigation                      **********
 ******************************************************************************/
#medNav {
	font-size:10pt;
	text-align:right;
	color:#1D4872;
	text-decoration:none;
	padding-top: 1px;
}

#smNav {
	font-size:8pt;
	text-align:right;
	color:black;
	text-decoration:none;
	padding-top: 1px;
}

#footer .footerNav {
	/* this style intentionally left blank */
}

#leftBody #categoryList .category {
	padding-top: 2px;
	padding-bottom: 3pt;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 12pt;
}

.c4Network	{
	font-size:x-small;
}

h2	{
color:#1D4872;
font-size:1.3em;
margin-bottom:-2px;
}
/******************************************************************************
 **********                        Page layout                       **********
 ******************************************************************************/
 
#outerHeaderContent {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 1;
	height: 235px;
}

#outerBanner {
	position: absolute;
	width: 100%;
	left: 0px;
	background-color:#4579AD;
	text-align:center;
}

#outerBodyContent {
	position: absolute;
	left: 0px;
	top: 235px;
	width: 100%;
}

.innerContent {
	margin: auto;
	width: 718px;
	text-align:left;
}

#leftBody {
	width: 185px;
	float: left;
}

	#leftBody #categoryList {
		background-color:#F2E9D6;
	}
	
	#leftBody #ads {
		text-align: center;
		padding-top: 10px;
	}

#rightBody {
	width: 533px;
	float: left;
}

#leftContainer {
	width: 320px;
	float: left;
}

#rightContainer {
	width: 185px;
	float: right;
	padding-top:20px;
	
}

#fullContainer {
	width: 518px;
	padding-top:10px;
	padding-left:15px;
	text-align:left;
	float:left;
}

#mainTitleSpace {
	padding-top:17px;
}

.titleSpace {
	padding:5px;
}

#footer {
	font-size:8pt;
	vertical-align:bottom;
	text-align:center;
	text-decoration:none;
	clear: both;
	width:inherit;
	line-height: 20px;
}

#printFooter {
	clear: both;
	float: left;
	padding-top: 10px;
	font-style: italic;
	font-size: 8pt;
	text-align: left;
	display: none;
	width: 100%;
}

#footer .disclaimer, #printFooter .disclaimer {
}

#printHeader {
	display: none;
}

/******************************************************************************
 **********                   General Form Elements                  **********
 ******************************************************************************/

form {
	margin:0px;
}
 
input, textarea, select {
	font-family:Verdana, Arial, Helvetica;
	font-size:10pt;
}

textarea.code {
	border: 1px solid #4579AD;
	padding: 5px;
	font-family:"Courier New", Courier, mono;
	font-size: 8pt;
	width: 450px;
}

/******************************************************************************
 **********                        Search form                       **********
 ******************************************************************************/
#searchFormTable {
	color:white;
	height: 160px;
}

#searchFormTable th {
	padding-left:5px;
	padding-right:3px;
	text-align:left;
}

#searchFormTable .searchFormSubmitLink:link {
 	color: #ffffff;
}

/******************************************************************************
 **********                    Event search results                  **********
 ******************************************************************************/

.event .eventName {
	font-weight:bold;
	color:#1D4872;
}

.event .eventDescription {
	/* I got nothin' */
}

.event .eventDate {
	font-weight:bold;
	color:#4579AD;
}

.event .eventMore {
	text-align:right;
	color:#4579AD;
}

.event .eventDateCallout {
	float: left;
	text-align: center;
	text-transform: uppercase;
	width: 45px;
	padding: 3px 0px 3px 0px;
	background-color: #F2E9D6;
	margin-top: 4px;
	border: 1px solid #dccbc8;
	cursor: pointer;
}

	.event .eventDateCallout .date {
		font-size: 21px;
	}


/******************************************************************************
 **********                       Home Page                          **********
 ******************************************************************************/

/* Note from Rocky: the following two styles aren't found anywhere */

#upcomingEvents {
	/* do nothing. */
}

#upcomingEvents .event {
	/* do nothing. */
}

#weather {
	text-align: center;
	margin-bottom: 5px;
}

#weather #icon {
	float: left;
}

#weather #temperature {
	font-size: 12pt;
}

#weather #link {
	margin-top: 5px;
}

.callout	{
	background-color:#ddf6ff;
	border-color:#8cbdd9;
	border-width:thin;
	border-style:dotted;
	padding:5px;
	margin-left:5px;
	font-size:x-small;
	width:300px;
	float:left;
}

/******************************************************************************
 **********                       Event Detail                       **********
 ******************************************************************************/

#eventDetail .eventTitle {
	font-size:x-large;
	color:#4579AD;
}

#eventDetail .infoTitle {
	color: #1D4872;
	font-weight: bold;
	font-size: medium;
}

#eventDetail #eventDates {
	float: right;
	margin-left: 10px;
	text-align: right;
}

/******************************************************************************
 **********                Submission confirmation                   **********
 ******************************************************************************/
 
#confirmation .title {
	font-size:large;
}

/******************************************************************************
 **********                        Submit form                       **********
 ******************************************************************************/
 

#submitForm {
	
}

#submitForm td.label {
	width: 160px;
	text-align: right;
	padding-right: 10px;
	
}

#submitForm td.field {
	width: 300px;
}

/******************************************************************************
 **********                      Validation error                    **********
 ******************************************************************************/
 
#validationError {
	/* everything looks valid here */
}

/******************************************************************************
 **********                        Search Results                    **********
 ******************************************************************************/

#searchResults .resultsPager {
	padding-bottom: 1em;
	font-weight: bold;
}

#searchResults .resultsPager .resultsPagerLeft {
	float: left;
}

#searchResults .resultsPager .resultsPagerRight {
	float: right;
}

/******************************************************************************
 **********                            YUI                           **********
 ******************************************************************************/

/* This fixes a known bug between YUI 2 and IE that causes table borders within 
 * a hidden panel to remain visible. */
#calendarPanel_c.yui-overlay-hidden table td, 
#calendarPanel_c.yui-overlay-hidden table th {
	border: none;
}