@import url(navMenu.css);
@import url(callout.css);
@import url(search.css);

/* Design44 Base HTML/CSS  -  Written By: Eric Florez  -  Last Updated: 2007-11-14 */
/* ====================== Page Formatting  ========================*/
body, table, p, a, div {
	margin: 0px;
	padding: 0px;
	color: #6A737B;
	font-size: 12px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}
body {background-color: #333333;}

input, select, textarea {
	margin: 0px;
	padding: 0px;
	color: #6A737B;
	font-size: 10px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
	margin: 0px;
	padding: 0px;
	color: #003D79;
	font-weight: normal;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}
h1, h1 a {
	font-size: 20px;
	padding-bottom: 10px;}
h2, h2 a {font-size: 18px;}
h3, h3 a {font-size: 16px;}
h4, h4 a {font-size: 14px;}
h5, h5 a {
	color: #6A737B;
	font-size: 14px;
	font-weight: bold;}
h6, h6 a {
	font-size: 13px;
	font-weight: bold;}

a {color: #003D79;}
a:hover {text-decoration: underline;}

ul {
	padding: 0px;
	list-style-type: square;
	margin: 0px 0px 12px 20px;}
li {padding: 2px 0px 2px 0px;}
li a {text-decoration: none;}
li a:hover {text-decoration: underline;}

p {padding: 0px 0px 12px 0px;}

hr {
	height: 1px;
	border: none;
	margin: 10px 0px;
	background-color: #C9CACB;}


/* ====================== layout & columns ========================*/
#bodyContainer {
	width: 800px;
	margin: 0px auto;}

#pageContainer {
	padding: 0px 1px 10px 1px;
	background-color: #FFFFFF;}

#main {background: url(../Img/backgrounds/bkgndMain.gif) repeat-y 0px 0px;}
#leftMaster {
	float: left;
	width: 255px;
	padding-left: 5px;}

#rightMaster {
	float: right;
	width: 533px;}

#pagePhotoContainer {
	width: 533px;
	height: 205px;
	overflow: hidden;}

#content, #contentContainer {
	width: 470px;
	padding: 0px 0px 0px 22px;}
.contentFull #content, #contentContainer {width: 500px;}


#breadCrumbs {
	color: #6A737B;
	font-size: 9px;
	padding-top: 52px;
	position: relative;
	text-transform: lowercase;}
#breadCrumbs a {
	color: #6A737B;
	font-size: 9px;
	text-transform: lowercase;
	text-decoration: underline;}


#rightMaster .dynamicCategoryTitle {
	color: #003D79;
	font-size: 20px;
	padding: 4px 0px;
	margin: 2px 0px 16px 0px;
	border-top: 1px solid #C9CACB;
	border-bottom: 1px solid #C9CACB;}
#rightMaster .dynamicPageTitle {display: none;}


/* ====================== Header & Footer ====================== */
#headerContainer {
	height: 117px;
	position: relative;}
#header {
	height: 25px;
	border-bottom: 1px solid #C9CACB;
	background: url(../Img/backgrounds/bkgndTopMenu.gif) repeat-x 0px 0px;
}
#logo {padding: 0px 0px;}

#topMenu, #topMenu a {
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}
#topMenu {
	text-align: right;
	padding-right: 14px;
	padding-top: 2px;
}
	

#footer {
	clear: both;
	font-size: 10px;
	margin-top: 15px;
	text-align: center;}
#footer a, #footer p {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;}


/* ====================== Table Styling ======================== */
table {margin-bottom: 10px;}
td {
	margin: 0px;
	padding: 0px;
	vertical-align: top;}

#content table {
	width: 100%;
	border-top: 1px solid #DADCDE;
	border-right: 1px solid #DADCDE;}
#content td {
	margin-bottom: 5px;
	padding-right: 18px;
	vertical-align: middle;
	border-bottom: 1px solid #DADCDE;}
#content td.promoPhoto {width: 136px;}

#content table.noBorder, #content table.noBorder td, #content.noBorder table, #content.noBorder table td {border: none;}


/* ====================== News Table Styling ======================== */
#newsContainer {padding-left: 14px;}

#newsContainer td {padding: 12px 4px 12px 0px;}
#newsContainer td p, #newsContainer td a, #newsContainer td li {
	padding: 0px;
	font-size: 10px;}


/* ====================== E-News Styling ======================== */
.eventDetails #bodyContainer {width: 500px;}

.eventDetails #topMenu, .eventDetails #searchContainer, 
.eventDetails .labelVenue, .eventDetails .labelTime {display: none;}

.eventDetails #main {background: none;}

.eventDetails .dynamicCategoryTitle {
	color: #003D79;
	font-size: 20px;
	margin: 2px 0px 16px 0px;
	padding: 4px 0px 4px 5px;
	border-top: 1px solid #C9CACB;
	border-bottom: 1px solid #C9CACB;}
	
.eventDetails .labelDate, .eventDetails .labelLDesc {display: block;}
.eventDetails .labelDate {
	color: #003D79;
	font-size: 11px;
	padding-left: 16px;
	background: url(../Img/backgrounds/bkgndEventBulletArrow.gif) no-repeat 0px 4px;}
	
/* ===================== Form Styling ==================== */
.modal-overlay {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background:#000000;
	opacity:.65;
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	z-index:99;
}
.modalWindow {
	position: absolute;
	width: 400px;
	padding: 10px;
	top:30%;
	left:50%;
	margin:0;
	z-index:102;
	margin-left: -200px;
	background: #ffffff;
	border: solid 2px #333333;
}
.required { color: #FF0000; }