body {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 150%;
	text-align: center;
	background-image: url(../images/bg.gif);
}


/* MAIN CONTENT CONTAINERS */	

#bodyWrapper {
	width: 740px;
	background-image: url(../images/transwhite.gif);
	text-align: left;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
}


#feature {
	width: 740px;
	margin: 0;
	padding: 0;
}

#featureSubpages {
	width: 720px;
	margin: 0;
	background-repeat: no-repeat;
	height: 175px;
	background-color: #FFFFFF;
	background-image: url(../images/backgroundSUBpages.gif);
	border: 10px solid #FFFFFF;
	background-position: right bottom;
}

#subContent {
	width: 740px;
	float: right;
	padding: 10px 0 0;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-top-color: #990000;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #990000;
	background-color: #FFFFFF;
	
}

#mainContent {
	width: 740px;
	border: thin solid #000000;
	background-color: #FFFFFF;

}


#footer {
	clear: both;
	width: 720px;
	margin: 0px 0px 2px;
	padding: 0px;
	border: 10px solid #FFFFFF;
	text-align: center;
	font-size: 10px;
}


/* MENUS */	

a.nav, a.nav:link, a.nav:visited {
	float: left;
	background:#fff;
	display: block;
	width: 123.2px;
	height: 25px;
	text-align: center;
	text-decoration: none;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	color: #000;
	overflow: hidden;
	padding-top:15px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;


} 

a.nav:hover {color:#fff; background:#669933;}

a.nav:active, .chosen {color:#fff; background:#890C08;} 

#subNav {
	width: 170px;
	float: left;
	border: thin solid #000000;
	padding: 5px;
	background-color: #FFFFFF;
}

#subMenu {
	margin: 0;
	padding: 0;
	width: 0;
	background-color: #FFFFFF;
}
#subMenu li {
	list-style-type:none;
	margin: 0 0 2.5px 0;
}

#subMenu a, #menu a:visited {
	display: block;
	width: 170px;
	border: 1px solid #808;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	background: #fff;
	color: #eee;
	padding: 2.5px;
	
}
	
	#subMenu a:hover  {
	background: #ddd;
	color: #808
	
}


/* SECONDARY CONENT CONTAINERS */	

	

#leftFeature {
	width: 240px;
	float: left;
	margin: 0 0 0 5px;
	padding: 0px;
}


#middleFeature {
	width: 240px;
	float: left;
	margin: 0 0 0 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

#middlepage2 {
	width: 450px;
	float: right;
	padding: 3px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	background-image: url(../images/whitebg.gif);
}

#rightFeature {
	width: 210px;
	float: right;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}


/* TYPOGRAPHY */	

h1 {
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0 0px -3px;
	padding: 0px;



}
a:link {
	color: #FF6600;
	text-decoration: underline;
}
a:visited {
	color: #0099FF;
}
a:active {
	color: #00FF00;
}
a:hover {
	color: #CCCCCC;
}

h2 {
	font-size: 14px;
	color: #000000;
	margin: 0px 0px -3px;
	padding: 0px;
}

p {
	padding: 5px;
}

/* ART GALLERY */

/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
color:#000;
}
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
	width:240px;
	height:260px;
	margin:0 auto 10px;
	border-top: 0px none #fff;
	border-right: 1px dashed #fff;
	border-bottom: 0px none #fff;
	border-left: 1px dashed #fff;
	background:#669933 url(../images/storefront.jpg) no-repeat;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
	padding:0;
	list-style-type:none;
	position:relative;
	width:240px;
	margin-top: 200px;
	margin-bottom: 0;
	margin-left: 10px;
}
/* remove the default image border */
.gallery img {
border:0px none;
}
/* make the list horizontal */
.gallery li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:11px;
float:left; 
text-decoration:none; 
color:#000; 
background:#fff; 
text-align:center; 
width:26px; 
height:26px; 
line-height:24px; 
border:1px solid #444;
margin:3px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:-100px; 
left:0; 
visibility:hidden; 
border:1px none;

}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
	top:-180px;
	left:0;
	padding: 3px;
	border: 1px solid #FF6600;
	background-color: #FFFFFF;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
left:5px;
border-left:5px solid #eee;
border-right:5px solid #eee;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#444; 
color:#fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}

.clear {
	clear: both;
}
td {
	background-color: #FFFFFF;
	padding: 2px;
	}
	
.padding {
	background-color: #FFFFFF;
	padding: 3px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 1px solid #FF6600;
}

.padding2 {
	background-color: #FFFFFF;
	padding: 3px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 75px;
	border: 1px solid #FF6600;
}

a.hid {color:#000; text-decoration:none; outline-style:none;}
a.hid em {display:none;}
a.hid:hover {text-decoration:none;}
a.hid:active, a.hid:focus {background:#fff;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display:block; color:#555; width:100%; font-style:normal; cursor:default;}
.white {
	color: #FFFFFF;
}
.orange {
	color: #FF6600;
}
.tablemenu {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	border: 0px none #FFFFFF;
}
.dashmaroon {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-bottom-color: #990000;
}
.maroondash {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-bottom-color: #990000;
}
.whitec1 {
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}