/* CSS Document */
body
{
	background-color: #48704D;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

/* Global Link Colors, change if needed  */
a:link
{
	color: #C25F3A;
	text-decoration: underline;
}

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

a:visited
{
	color: #D05C31;
	text-decoration: none;
}

/* This is the Black Text Header above paragraphs, change color/size if wanted. Just select text and select the style to apply effect */
.textHeader
{
	font-size: 15px;
	font-weight: bold;
	color: #505050;
	}

/* This container holds everything, top and margins applied, adjust if necessary */
#container
{
	margin: 20px auto 20px auto;
	width: 782px;
	background-color: #FFFFFF;
}

/* Holds the top menu system */
#topMenu
{
	width: 782px;
	height: 47px;
	background-image: url(images/topMenuUp6.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

/* Holds everything between top Menu and Footer, used because of the Blue Border around everything. and allows for the blue border to resize vertially no matter how much content is in there */
#middleContainer
{
	border-top: 1px solid #173B5D;
	border-right: 5px solid #173B5D;
	border-bottom: 1px solid #173B5D;
	border-left: 5px solid #173B5D;
	width: 772px;
	background-color: #DEA544;
	margin: 0px;
	padding: 0px;
}

/* This holds the graphic between the top and middle Menu systems */
#topBanner
{
	width: 772px;
	height: 159px;
	background-color: 173B5D;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	margin-bottom: -2px;
}

/* This holds the middle menu system */
#middleMenu
{
	width: 772px;
	height: 41px;
	margin: 0px;
	padding: 0px;
}

/* This is the left column of stuff, currently there is no padding so all text will go right up to the edge of the div, you can make images the same width (preferrably a bit smaller though) of this div. ie. 170px */
#leftColumn
{
	float: left;
	margin-top: 20px;
	width: 172px;
}

/* This is the formatting for the Unordered List Menu */
#leftColumn ul
{
	float: left;
	margin: 20px 0 20px 0;
	padding: 0px;
}

/* This is the formmatting for each List Item */
#leftColumn li
{
	list-style-type: none;
	list-style: none;
	display: block;
	width: 133px;
	margin-left: 18px;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	border-top: 1px dotted #F3E8D2;
	border-bottom: 1px dotted #F3E8D2;
	font-family: Arial, Helvetica, sans-serif;
}

/* Link colors, decorations, etc for List Items in Left Menu */
#leftColumn li a:link
{
	color: #FFFFFF;
	text-decoration: none;
}

#leftColumn li a:hover
{
	color: #AF8738;
	text-decoration: none;
}

#leftColumn li a:visited
{
	color: #FAE2B2;
	text-decoration: none;
}

/* This Div holds the Member Login stuff, The text boxes can't be wider than what is set or else it breaks the layout in IE6 Has to do with how IE6 renders the text boxes or something. Set general text formmatin here if necessary */
#memberLogin
{
	clear: both;
	margin: 5px;
	padding: 7px;
	padding-bottom: 10px;
	background-color: #AF8738;
	color: #FAE2B2;
	font-weight: semi-bold;
	font-size: 14px;
	line-height: 20px;
}

/* This is for the text "Member Login" adjust if necessary*/
.memberTitle
	{
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	}

/* This div holds all content that needs to be on a white background, padding is applied to the left and right sides */
#content
{
	float: left;
	width: 550px;
	background-color: #FFFFFF;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 20px;
	text-align: justify;
}

/* If you need a horizontal dotted line, use <hr /> where you need it and this styling will get applied to it */
hr
{
border: 1px dotted #505050;
}

/* This div simply holds the search boxes and text, adjust font size and such here if wanted */
#search
{
	width: 522px;
	padding-top: 10px;
	text-align: right;
}
/* This div simply holds the search boxes and text, adjust font size and such here if wanted */
#googlesearch
{
	width: 550px;
	padding-top: 10px;
	text-align: left;
}
/* Holds the bottom menu system */
#bottomMenu
{
	clear: both;
	width: 772px;
	height: 42px;
}

/* Holds the Footer, adjust font size, color, etc here if needed If you add in links make sure you add in css for this. ie. #footer a:link.... */
#footer
{
	clear: both;
	width: 782px;
	height: 37px;
	color: #FFFFFF;
	padding-top: 8px;
	font-size: 9px;
	text-align: center;
	background-image: url(images/footerBackground21.jpg);
	background-repeat: repeat-x
}