/* BASE */
* { margin:0; padding:0; }	


body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 76%;
}


/* =============================================================== */
/* GLOBAL HTML STYLES*/
/* =============================================================== */
p, a {
	font-size:1em;
}
a:link, a:visited {
	color:#666;
	text-decoration:none;
}
a:hover {
	color:#333;
	text-decoration:underline;
}
p {
	margin:10px 35px 15px 25px;
	line-height:1.4em;
	text-align:left;
	/*color:#666;*/
}
h1, h2 {
	margin:10px 25px;
}
h3, h4 {
	margin:10px 15px;
}
h2 { font-size:2em; text-shadow: 2px 2px 3px #333; }
h3 { font-size:1.5em; text-shadow: 2px 2px 3px #333; }
ul, ol {
	margin:10px 60px;
}
li {
	margin-bottom:5px;
}
dl {
	margin:10px 45px 15px 25px;
	border-bottom:1px solid #EFEFEF;
}
dt {
	font-size:1.25em;
	margin-bottom:5px;
}
dd {
	margin-left:10px;
	margin-bottom:5px;
}
img {
	border:2px solid #666;
}
blockquote {
	margin:10px 20px;
	padding-top:5px;
	border:1px solid #efefef;
	background:url(../images/css/bg_quote.gif) top left no-repeat;
}
	blockquote p {
		margin:10px 10px 5px 45px;
		font-size:1.25em;
	}
	blockquote p.source {
		margin:5px 10px 5px 150px;
		text-align:right;
		font-style:italic;
		color:black;
		font-size:1em;
	}
/* =============================================================== */
/* PAGE STRUCTURE */
/* =============================================================== */

div#pageHolder {
	margin:0px auto;
	width:775px;
	
}
div#header {
width:100%;
position:relative;

}
div#contentHolder {
margin:0px 100px 0 100px;
/*border:1px dotted red;*/
}
div#mainContent {
width:370px;
float:right;
}
div#subContent {
width:200px;
float:left;
}
div#wideContent, div#pageIntro {
	width:100%;
	padding-top:5px;	
}
	div#pageIntro a {
		color:white;
	}
div#wideContent {
	/*border:1px solid blue;*/
}
/*TWO COLUMN UPCOMING EVENT LAYOUT*/
div#leftC, div#rightC {
	width:280px;
	float:left;
	margin:2px;
}


div#footer {
width:100%; height:50px;
clear:both;
}


/* =============================================================== */
/* SOMEHTING */
/* =============================================================== */

/*THIS DOES NOT WORK*/
div#resourceHolder {
border:2px solid black;
margin-top:5px;
text-indent:5px;
}
div#resourceHolder h3 {
	margin:0; padding:0;
	line-height:1em;
}
div#sideBarHolder {
	border:2px solid black;
	position:relative;
}
	div#sideBarHolder img.sidePic {
		width:175px;
		margin:8px;
	}





/* =============================================================== */
/* SUB CONTENT SPECIFIC HTML STYLES */
/* =============================================================== */
div#subContent p {
	margin:5px;
	font-size:1em;
	/*color:#999;*/
}
div#subContent h3 {
	margin:2px;
}



/* =============================================================== */
/* CHARACTER STYLES */
/* =============================================================== */
.hidden { text-indent:-99999px; }
.photoCaption {
	color:#999;
	font-style:italic;
 }
.instructions { }
.blurb {
	color:#999999;
	font-style:italic;
	border:1px solid #ECECEC;
	padding:5px;
}

.notice {
	color:darkred;
	font-size:x-small;
	}

/* =============================================================== */
/* IMG TOOLS */
/* =============================================================== */
.floatLeft { float:left; }
.floatRight { float:right; }
.displayBlock { display:block; }
.noBorder { border:none; }

/* =============================================================== */
/* TOP NAV HOLDER */
/* =============================================================== */
div#topNavHolder {
	width:505px;
	margin:0 50px 0 160px;
/*	padding-top:110px !important;
	padding-top:15px;*/
	text-align:left;
	/*border:1px solid pink;*/
}
	div#topNavHolder ul {
		list-style-type:none;
		margin:0;
	}
	div#topNavHolder li {
		display:inline;
		margin:0 5px;
	}




/* =============================================================== */
/* TOP SUB NAV HOLDER */
/* =============================================================== */
div#topSubNavHolder {
	width:500px;
	margin:5px 0 5px 150px;
	background:#EFEFEF url(../images/css/bg_topSubNavHolder.jpg) top right repeat-y;
}
	div#topSubNavHolder ul {
		list-style-type:none;
		margin:2px;
	}
	div#topSubNavHolder li {
		display:inline;
		margin:0 8px;
	}




/* =============================================================== */
/* TEXT TOOL HOLDER */
/* =============================================================== */
div#textToolHolder {
	
	margin-right:40px;
	/*margin-top:10px;*/
	font-size:1em;
	text-align:right;
	
	
}
	div#textToolHolder ul {
		list-style-type:none;
	}
	div#textToolHolder li {
		display:inline;
		margin:0 2px;
	}
	div#textToolHolder a {
		color:#CCCCCC;
	}
	
	



/* =============================================================== */
/* GLOBAL NAV */
/* =============================================================== */	
div#globalNavHolder {
	margin:0 90px 0 440px;
}
	div#globalNavHolder ul {
		list-style-type:none;
		margin:0;
	}
	div#globalNavHolder li {
		float:left;
		height:1%;
		margin:8px 4px;
	}
	div#globalNavHolder a span {
		width:55px;
        padding-top: 63px;
	}	
	div#globalNavHolder a {
		width:52px; height:85px;
		display:block;
		text-align:center;
		font-size:.8em;
		text-indent:-99999px;	
	}
/* =============================================================== */
/* BTN SPECIFIC BACKGROUNDS */
/* =============================================================== */
div#globalNavHolder a.cir:link, div#globalNavHolder a.cir:visited {
	background:url(../images/css/nav_cir.jpg) bottom center no-repeat;
}
div#globalNavHolder a.cir:hover {
	text-decoration:none;
	background:url(../images/css/nav_cir.jpg) top center no-repeat;
}
/* ================================= */
div#globalNavHolder a.etc:link, div#globalNavHolder a.etc:visited {
	background:url(../images/css/nav_etc.jpg) bottom center no-repeat;
}
div#globalNavHolder a.etc:hover {
	text-decoration:none;
	background:url(../images/css/nav_etc.jpg) top center no-repeat;
}
/* ================================= */
div#globalNavHolder a.deaf:link, div#globalNavHolder a.deaf:visited {
	background:url(../images/css/nav_deaf.jpg) bottom center no-repeat;
}
div#globalNavHolder a.deaf:hover {
	text-decoration:none;
	background:url(../images/css/nav_deaf.jpg) top center no-repeat;
}
/* ================================= */
div#globalNavHolder a.store:link, div#globalNavHolder a.store:visited {
	background:url(../images/css/nav_store.jpg) bottom center no-repeat;
}
div#globalNavHolder a.store:hover {
	text-decoration:none;
	background:url(../images/css/nav_store.jpg) top center no-repeat;
}	
/* ================================= */
	
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */
a.active {
	font-weight:bold;     /*used to highlight current page in txt navigation*/
	color:#000;
}

.gActive {
	background-position:top center;
}



/* =============================================================== */
/* PRODUCT LIST */
/* =============================================================== */
div#productList {
	margin:5px 25px;
	border:2px solid #999;
	background:#F2F2F2;
}
	div#productList dl {
		margin:3px;
		border:1px solid #CCC;
		background:#fff;
	}
		div#productList dt {
			margin:3px;
		}
			div#productList dd.thumb {
				display:none;
			}
			div#productList dd.price {
				font-size:2em;
				float:right;
				margin-top:-15px;
			}
			div#productList dd.price span {
				font-size:.7em;
				float:left;
				color:#666;
			}	
	div#productList dl.odd {
		background:#D9D9D9;
	}
	
	
	
	
/* =============================================================== */
/* STORE THUMBS */  /*thumbs used to display search resaults in store*/
/* =============================================================== */
div#storeList {
	
	
}
	div#storeList ul {
		list-style-type:none;
		margin:0;
	}
	div#storeList li {
		height:1%;
		float:left;
		margin:6px;
		text-align:center;
	}
		div#storeList li a {
		width:168px;
		padding-bottom:2px;
		display:block;
		}
		
			div#storeList li a:link, div#storeList li a:visited {
				background:#fff;
				/*border-right:1px dotted #ccc;*/
				/*border-bottom:1px dotted #ccc;*/
			}
			
			div#storeList li a:hover {
				background:#fff url(../images/css/bg_product_hover.jpg) bottom center no-repeat;
				text-decoration:none;
			}
		
		
		div#storeList li img {
			margin:5 0;
		}

	div#storeList li div {
		margin:0;
		text-align:center;
		color:#fff;
		height:4.5em;
	}
		div#storeList li div span {
			color:#333;
			display:block;
		}
div#storeList div.listDivider {
	clear:both;
	background:#0015C8;
	font-size:16px;
	color:white;
	padding:5px;
	font-weight:bold;
}

/*********************************************************/
/*  STORE - PRICE TAG */
/*********************************************************/
div.productDetail {
	margin:10px 5px;
	border:2px solid #000;
	background:white;
	color:black;
}
	div.productDetail span.price {
		display:block;
		font-size:3em;
		margin:5px;
		text-align:center;
		border-bottom:1px solid #CCC;
		color:#000;
	}
		div.productDetail span.price span {
			font-size:.60em;
			vertical-align:text-top;
			color:#666;
		}
	div.productDetail span.detail {
		display:block;
		margin:2px 10px;
		color:#000;
	}
		div.productDetail span.detail span {
			font-weight:bold;
			margin:2px;
			color:#000;
		}
	div.productDetail p {
		color:black;
	}

/* =============================================================== */
/* PHOTO LIST */  /* used as wrapper on content page side photos */
/* =============================================================== */
div#photoList { padding-top:3px;}

/*********************************************************/
/* IMAGE GALLERY - Thumbnail view of images */
/*********************************************************/
div#imageGallery {
	text-align:left;
	padding-top:3px;
	margin:10px 30px 15px 25px;
	border:1px solid #ECECEC;
}
div#imageGallery ul {
	list-style-type:none;
	margin:0 6px;
}
div#imageGallery li {
	height:1%;
	float:left;
	margin-left:0;
}
	div#imageGallery a {
		display:block;
		margin:3px;
		text-decoration:none;
		text-align:center;
		background-image:none;
		
	}
	div#imageGallery a img {
		margin:0;
		border:2px solid #A10707;
	}
	div#imageGallery span {
		color:#fff;
		display:block;
	}


/* =============================================================== */
/* AD LIST */  /* used on section home pages */
/* =============================================================== */
div#banners {
	margin:5px;
	width:100%;
	text-align:left;
}
	div#banners img {
		border:none;
		margin:0;
	}

/* =============================================================== */
/* MONTH DIVIDER */
/* =============================================================== */
div.monthDivider {
	/*margin:5px 0;
	border:2px solid black;*/
	color:#fff;
	font-size:1.5em;
	padding-left:5px;
}
	div.monthDivider span {
		font-weight:bold;
		margin:15px;
	}
/* =============================================================== */
/* NEWSLETTER */
/* =============================================================== */
div#newsHolder {
	margin:5px;
	padding-bottom:5px;
	border:1px solid #CCC;
	background:#F6F6F6;
}
	div#newsHolder h2 {
		margin:10px;
		padding-left:5px;
	}
div#newsHolder h2 span {
	font-size:12px;
	font-weight:normal;
	text-shadow:none;
}
	div#newsHolder h2 {
		margin:5px 0;
	}
div.article {
	border:2px solid #A10707;
	background:#fff url(../images/css/bg_article.jpg) bottom right no-repeat;
	margin:10px;
}
	div.article img {
		margin:10px;
	}
	div.article h3, 
	div.article h4 {
		color:white;
		margin:3px 5px;
	}

	div.article h4 span {
		float:right;
	}
	div.article div.redBG {
		border:2px solid #A10707;
	}
	div.article div.rightImageWrapper {
		float:right;
		margin:0;
	}
/* =============================================================== */
/* FORMs */
/* =============================================================== */
form {
	margin:10px 30px;
}
	form label {
		display:block;
		margin:10px 5px;
	}
	form label span {
		width:150px;
		display: block;
		font-weight:bold;
		
	}
	submit {
		color:black;
	}
	fieldset {
		border:1px solid #CCC;
		margin:15px;
	}
	span.instructions {
		margin:0 0 0 160px;
		font-style:italic;
		color:#999;
		
	}
	legend {
		font-size:1.25em;
		color:#000;
		font-weight:bold;
	}
/* =============================================================== */
/* LIST HOLDER */
/* =============================================================== */
div.listHolder {
	background-color:white;
}
	div.listHolder ul {
		list-style-type:none;
		margin:0; padding:0;
	}
	div.listHolder li {
		width:100%;
		margin:0;
	}
	div.listHolder li span {
		color:#999;
		font-weight:normal;
		display:block;
	}
	div.listHolder a {
		padding:3px 0px;
		display:block;
		color:black;
		border-bottom:1px dotted #ccc;
		font-weight:bold;
	}
		div.listHolder a:link, div.listHolder a:visited {
			text-decoration:none;
		}
		div.listHolder a:hover {
			background:#F5F5F5;
			
		}
/*LIST HOLDER BORDER COLORS BASED ON CONTAINTER...*/
/*RED*/
div.redBG div.listHolder {
	border-top:4px solid #A10707;
	border-bottom:4px solid #A10707;
}
/*ORANGE*/
div.orangeBG div.listHolder {
	border-top:4px solid #FF7413;
	border-bottom:4px solid #FF7413;
}
/*GREEN*/
div.greenBG div.listHolder {
	border-top:4px solid #007900;
	border-bottom:4px solid #007900;
}
/*BLUE*/
div.blueBG div.listHolder {
	border-top:4px solid #0015C8;
	border-bottom:4px solid #0015C8;
}

/* =============================================================== */
/* FEATURED HOLDER */
/* =============================================================== */
div#featuredHolder {
	border:1px solid #ccc;
	margin:0;
	padding-bottom:10px;
	background:#fff url(../images/css/bg_article.jpg) bottom right no-repeat;
	line-height:1.5em;
}
	div#featuredHolder img {
		float:right;
		marign-top:0;
	}
	div#featuredHolder div#detailHolder {
		margin-right:205px;
	}
	div#featuredHolder div#detailHolder h2 {
		/*font-size:1.25em;*/
		margin:5px;
		line-height:1.25em;
	}
	div#featuredHolder div#detailHolder p {
		text-align:justify;
		margin:10px;
	}
	div#featuredHolder h2 {  /*headline in featured title*/
		margin:0;
		padding-top:5px;
	}
		div#featuredHolder div.redBG {
			border-bottom:3px solid #A10707;
			margin-top:0;
		}
		div#featuredHolder div.greenBG {
			border-bottom:3px solid #007900;
		}
		div#featuredHolder div.orangeBG {
			border-bottom:3px solid #007900;
		}
		div#featuredHolder div.blueBG {
			border-bottom:3px solid #0015C8;
		}
	div#featuredHolder ul {
		margin:5px;
		text-indent:10px;
	}
	div#featuredHolder li {
		list-style-type:none;
		background:#EFEFEF url(../images/css/bg_topSubNavHolder.jpg) top right repeat-y;
		margin:1px;
		border:2px solid white;
	}
/* =============================================================== */
/* RESOURCE LIST */
/* =============================================================== */
div.resourceList {
	width:285px;
}
div.resourceDivider {
	margin:3px 5px;
	clear:both;
} 
	div.resourceDivider div.typeHeader {
		margin:3px; width:273px; border:1px solid white; text-indent:3px;
	}
		div.redBG div.typeHeader {
			background:#A10707;
		}
		div.orangeBG div.typeHeader {
			background:#FF7413;
		}
		div.greenBG div.typeHeader {
			background:#007900;
		}

div.resourceList a {
	display:block;
	margin:3px 5px;
	border:1px solid #CCCCCC;
	font-size:medium;
}
div.resourceList span.note {
	margin:5px 5px 10px 5px;
	display:block;
}
/* =============================================================== */
/* FEATURED STORE ITEM */
/* =============================================================== */
div#featuredStoreItem {
	background-color:#fdc689;
	padding:5px;
	margin-top:10px;
	}
div#featuredStoreItem img {
	margin-right:20px;
}

/* =============================================================== */
/* EXTRA STUFF */
/* =============================================================== */
	div.productDetail p {
		color:black;
	}

