@import url(subdomains.css);

/* Design44 Base HTML/CSS  -  Written By: Eric Florez  -  Last Updated: 2006-12-28 */

/* ====================== Page Formatting  ========================*/
body, table, td, div, p, a {
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
body {
	text-align: center;
	background: #DDDDC4 url(/Common/Img/bkgndBodyGray.gif) repeat-y center top;}

#bodyId {background: url(/Common/Img/bkgndBodyBlue.gif) repeat-x 0px 0px;}

input, select, textarea {
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}

td {
	margin: 0px;
	padding: 0px;
	vertical-align: top;}
ul {
	padding: 0px;
	list-style-type: square;
	margin: 0px 0px 10px 20px;}
li {padding: 0px;}
li a {text-decoration: underline;}

a h1, a h2, a h3, a h4, a h5, a h6, a h7, 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a {
	color: #003A66;
	display: inline;
	text-decoration: underline;}

h1, h2, h3, h4, h5, h6, h7 {
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-weight: normal;}
h1, h1 a {
	color: #415A80;
	font-size: 22px;
	padding-bottom: 8px;}
h2, h2 a {
	color: #86866D;
	font-size: 13px;
	padding-bottom: 10px;}
h3, h3 a {
	color: #86866D;
	font-size: 14px;}
h4, h4 a {
	color: #003A66;
	font-size: 12px;
	padding-bottom: 10px;}
h5, h6, h7, h5 a, h6 a, h7 a {
	color: #003A66;
	font-size: 11px;
	font-weight: bold;}

.col2 h3, .col2 h3 a {font-size: 11px;}

a {text-decoration: underline;}
a:hover {text-decoration: none;}

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

#content ul {padding-bottom: 10px;}

img {
	border: 0px;
	padding: 0px;}
	
hr {
	border: 0px;
	height: 1px;
	padding: 0px;
	color: #EFEFEF;
	margin: 5px 8px;
	background-color: #EFEFEF;}
*html hr {margin: 0px 8px;}

.link {
	cursor: hand;
	cursor: pointer;}

.hint {
	color: #86866D;
	font-size: 11px;}


/* ====================== Layout & Columns ========================*/
#bodyContainer {
	width: 750px;
	text-align: left;
	padding-bottom: 10px;
	margin: 0px auto 0px auto;
	background: url(/Common/Img/bkgndBody.gif) repeat-x 0px 0px;}

#pageContainer {
	padding: 0px 15px;
	background: #FFFFFF url(/Common/Img/borders/bkgndPageContainer.gif) repeat-y 0px 0px;}

#leftMaster {
	float: left;
	width: 140px;}
#rightMaster {
	float: right;
	width: 570px;}
#rightMasterCol1 {
	float: left;
	width: 400px;}
#rightMasterCol2 {
	float: right;
	width: 160px;
	overflow: hidden;}

#content {
	padding: 10px 15px 10px 10px;
	background: url(/Common/Img/borders/bkgndContent.gif) repeat-y 0px 0px;}

#pagePhotoContainer {
	width: 570px;
	text-align: center;
	margin-bottom: 15px;
	background: url(/Common/Img/borders/bkgndPagePhoto.gif) repeat-y 0px 0px;}

.dynamicCategoryTitle {
	color: #415A80;
	font-size: 22px;}
.dynamicPageTitle {
	color: #86866D;
	font-size: 18px;
	margin-bottom: 6px;}
	
#leftMaster .dynamicCategoryTitle {font-size: 18px;}
#leftMaster .dynamicPageTitle {display: none;}


/* ====================== Header/Footer Positioning ====================== */
#header {
	height: 160px;
	position: relative;}

#logo {
	top: 0px;
	left: 15px;
	z-index: 900;
	position: absolute;}

#topMenu {
	top: 45px;
	right: 0px;
	z-index: 800;
	color: #415A80;
	position: absolute;
	margin-right: 15px;}
#topMenu a {color: #415A80;}


#searchContainer {
	top: 10px;
	right: 0px;
	z-index: 999;
	position: absolute;
	padding-right: 15px;}

#mainAddress {
	top: 65px;
	right: 10px;
	z-index: 700;
	position: absolute;}
	
#footer {
	clear: both;
	text-align: left;
	padding: 30px 30px 0px 10px;}
#footer p {
	color: #86866D;
	font-size: 11px;
	padding-bottom: 10px;}
#footer ul {
	margin: 0px;
	padding: 0px;
	list-style: none;}
#footer li {
	margin: 0px;
	display: inline;
	padding: 0px 6px;
	border-right: 1px solid #000000;}
#footer li.first {border-left: 1px solid #000000;}
#footer li a {
	color: #000000;
	text-decoration: underline;}
#footer a {text-decoration: none;}


/* ====================== Menu ====================== */
#navMenu {
	left: 0px;
	width: 100%;
	bottom: 15px;
	height: 40px;
	z-index: 900;
	position: absolute;
	background: url(/Common/Img/bkgndNav.gif) repeat-x 0px 0px;}
	
#navMenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none none;}
#navMenu li {
	float: left;
	padding: 0px;
	display: block;
	font-size: 11px;
	padding: 14px 0px 13px 0px;}
#navMenu li a {
	color: #FFFFFF;
	font-size: 11px;
	text-align: left;
	text-decoration: none;
	padding: 14px 8px 13px 8px;
	border-right: 1px solid #3994C5;}
#navMenu li a:hover {background: url(/Common/Img/bkgndNavHover.gif) repeat-x 0px 0px;}

#navMenu ul ul {
	top: 90px;
	left: 0px;
	z-index: 900;
	width: 125px;
	margin-left: 10px;
	position: absolute;
	border-top: 1px solid #E3E3E3;}
#navMenu li li {
	float: none;
	padding: 4px 0px;
	display: list-item;
	border-bottom: 1px solid #E3E3E3;}
#navMenu li li a {
	border: none;
	padding: 2px 0px;}
#navMenu li li a:hover {
	color: #86866D;
	background: none;}


/* ====================== Hide/Show Menu Links ====================== */
#navMenu ul ul, #navMenu li.menuHome ul, #navMenu li.hidden a {display: none;}

#navMenu .CurrentCategory1 ul, #navMenu li.hidden ul a {display: block;}

#navMenu .CurrentCategory1 a {background: url(/Common/Img/bkgndNavHover.gif) repeat-x 0px 0px;}

#navMenu li.CurrentCategory1 li a, #navMenu li li.CurrentPage a {
	color: #000000;
	background: none;}
#navMenu li li.CurrentPage a {color: #86866D;}


/* ====================== Callouts ======================== */
.callout {
	width: 160px;
	margin-bottom: 10px;
	border-collapse: collapse;
	background: url(/Common/Img/borders/bkgndCallout.gif) repeat-y 0px 0px;}
.callout2Col {
	clear: both;
	margin-bottom: 10px;
	border-collapse: collapse;
	background: url(/Common/Img/borders/bkgndCallout2Col.gif) repeat-y 0px 0px;}

.calloutText {padding: 0px 3px;}

.callout p {padding: 0px 8px 5px;}
.callout h2 {padding: 0px 8px;}
.callout td h2 {padding: 0px;}
.callout ul {padding: 0px 8px 7px 8px;}
.callout table {width: 100%;}

.callout .quickLinks {
	padding-bottom: 5px;
	background-color: #DDDDC4;}
.homeQuick ul {
	padding-left: 0px;
	padding-right: 7px;}
.calloutTable .col1 {border-right: 1px solid #86866D;}
.calloutTable .col1, .calloutTable .col2 {padding: 5px;}


/* ====================== Table Styling ====================== */
.miniPromo {margin: 5px 0px 15px 0px;}

.miniPromoPhoto {
	width: 80px;
	vertical-align: top;
	padding: 10px 0px 5px 0px;}

.miniPromoText {
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #E3E3E3;}


/* ====================== Home Page Overides ====================== */
.categoryHome #pagePhotoContainer {
	margin: 0px;
	width: 265px;
	height: 225px;
	text-align: left;
	background: none;}

.categoryHome #leftMaster {width: 385px;}
.categoryHome #rightMaster {width: 325px;}

.categoryHome #rightMasterCol1 {
	float: left;
	width: 160px;}

.categoryHome #content {
	background: none;
	padding: 0px 10px 0px 10px;}


/* ====================== Event Detail Overides ====================== */
.eventCalendar .eventDesc {padding: 2px 5px 0px 5px;}

.eventDetails #bodyContainer {width: 500px;}

.eventDetails #pageContainer {background: #FFFFFF url(/Common/Img/borders/bkgndPageContainerEvents.gif) repeat-y 0px 0px;}

.eventDetails #content {width: 390px;}

.eventDetails #header {height: 100px;}

.eventDetails #searchContainer, .eventDetails #topMenu {visibility: hidden;}
	

/* ====================== Search Results ======================== */
.pageSearchResults #content {background: url(/Common/Img/borders/bkgndPagePhoto.gif) repeat-y 0px 0px;}

.SearchResult, .SearchResultAlt {padding-bottom: 15px;}
.SearchResultTitle, .SearchResultTitle a:link, .SearchResultTitle a:hover, .SearchResultTitle a:visited, .SearchResultTitle a:active {
	color: #415A80;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;}	
.SearchResultTitle a:hover {text-decoration: underline;}

.SearchResultsHighlight {
	color: #788068;
	font-style: italic;}
	
#resultsSearchPhrase, #resultsSearchQty, .SearchResultUrl a:link, .SearchResultUrl {color: #999999;}
.SearchResultUrl a:link, .SearchResultUrl {font-size: 9px;}

#resultsSearchQty {padding-bottom: 12px;}

.selHint {background-color: #DDDDC4;}

#results div a span {background-color: #DDDDC4;}
	
.ezcount {
	float: right;
	color: #788068;
	font-size: 9px;}

#results {
	top: 36px;
	right: 0px;
	z-index: 999;
	width: 175px;
	display: block;
	overflow: hidden;
	text-align: left;
	position: absolute;
	visibility: hidden;
	border: solid 1px #000000;
	background-color: #FFFFFF;}
#results a {color: #788068;}

#EasySearchLiveResults {
	z-index: 100;
	display: none;
	position: absolute;
	border-width: 13px;
	border-color: black;
	margin-bottom: 10px;
	background-color: #FFFFFF;}


/* ====================== Styling for Submit button on Login ========================*/
a.adminButton {display: block;}
.adminButton , a.adminButton, a.adminButton:link, a.adminButton:visited, a.adminButton:hover, .smallButton{
	width: 125px;
	cursor: pointer;
	cursor: hand;
	color: #FFFFFF;
	font-size: 12px;
	padding-top: 6px;
	text-align: center;
	padding-bottom: 6px;
	text-decoration: none;
	vertical-align: middle;
	background-color: #636363;
	border-right: 8px solid #003A66;}
	
/* ======================= Photo Gallery Styles ================ */
.mainGallery {
	margin-top: 5px;
	padding-top: 10px;
	padding-right: 10px;
	width: 375px;
}
.mainGallery fieldset {
	padding-left: 10px;
	padding-bottom: 10px;
}
.mainGallery td {
	padding-right: 5px;
}
#content .mainGallery img {
	margin-bottom: 10px;
	padding-left: 0px;
	padding-bottom: 0px;
}
.mainGallery td, .other td {width: 33%; padding-bottom:15px;}
.mainGallery a, .other a {font-weight: bold; color:#666666;}
#CategoryName, #AlbumName {
	font-weight: bold;
	margin-bottom: 10px;
	color:#666666;
}
.mainGallery img, .categoryView img {display: block;}
.mainGallery span, .categoryView span, .other span {display: block;}
.other {
	margin-top: 5px;
	padding-top: 5px;
	font-size: 9px;
	padding-left: 5px;
}
.other fieldset {
	padding-left: 5px;
	padding-bottom: 5px;
}
.other img {
	width: 50px;
	height: 50px;
	display: block;
}
.other legend {
	font-weight: bold;
	margin-bottom: 5px;
	color:#999999;
}
.slideshow {
	width: 490px;
	margin-top: 5px;
	padding: 10px;
}
#PhotoGalleryPhotoDetail1_ImageContainer {
	margin-bottom: 10px;
}
fieldset {
	border: none;
}