*
{
	margin:0px;
	padding:0px;
}
body
{
	background:#E6E4CF;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	padding-bottom:20px;
}

a:link{color:#0010A0;} /*#356334*/
a:visited{color:#004060;} /*#4E7D4D*/
a:hover{text-decoration:none;}
a:active{color:#F00;}

img { border-width:0px; }

#BodyContainer
{
	border:0px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	width:770px;
	background:#FFF url(../image-files/bodycontainer-bg.gif) repeat-y;
}

.ClearIt
{
	clear:both;
	float:none;
	font-size:1px;
	height:0px;
}

#Header
{
	background:#F1F0E4 url(../image-files/header-bg.jpg) no-repeat center top;
	height:183px;
}

#Content
{
	float:right;
	margin:25px 15px 45px 25px;
	text-align:left;
	font-size:.8em;
	line-height:150%;
	width:511px;
	/* The following line is there to make IE assign a proper margin to a floated div when the margin is in the same direction as the float. Other browsers ignore it. Even IE ignores it, but it still makes it assign proper margins. */
	display:inline; /* DO NOT remove */
}

#Content h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:normal;
	line-height:110%;
	margin:0px;
	margin-bottom:19px;
	margin-top:-2px;
	color:#956A27;
	text-transform:capitalize;
}


#Content h2
{
	font-size:20px;
	font-weight:normal;
	line-height:110%;
	margin:10px 0px;
	color:#956A27;
}

#Content h3
{
	font-size:18px;
	font-weight:normal;
	margin:10px 0px;
	color:#956A27;
}

#Content h4
{
	font-size:14px;
	font-weight:bold;
	margin:10px 0px;
	color:#956A27;
}

#Content p
{
	padding:10px 0px;
}

#Content li
{
	padding:10px 0px 0px 0px;
	margin-left:40px;
}

#NavBox
{
	float:left;
	font-size:12px;
	width:205px;
	margin-top:0px;
}

.LinkBox
{
	float:left;
	margin:5px auto;
	padding:10px 0px 20px 30px;
}

.LinkBox ul
{
	padding:0px;
	margin:0px;
	margin-top:5px;
	margin-bottom:25px;
	font-size:12px;
	line-height:140%;
	list-style:none;
}

.LinkBox li .LinkBox li a
{
	margin:0px;
	padding:0px;
}

.LinkBox p
{
	font-size:11px;
	color:#666;
}

.LinkBox img
{
	border:none;
    margin-top:5px;
}

#NavBox .LinkBox p a:link, #NavBox .LinkBox p a:visited, #NavBox .LinkBox p a:active, #NavBox .LinkBox p a:hover
{
	color:#000;
	text-decoration:underline;
}

.LinkBox li a
{
	text-decoration:none;
	font-weight:normal;
	color:#000;
}

.LinkBox li a:visited
{
	color:#000;
}

.LinkBox li a:hover
{
	color:#000;
	text-decoration:underline;
}

#NavBox .LinkBox h6, #NavBox .LinkBox h6 a:link, #NavBox .LinkBox h6 a:visited, #NavBox .LinkBox h6 a:active, #NavBox .LinkBox h6 a:hover
{
	font-size:16px;
    margin-top:13px;
	color:#226B12;
	line-height:18px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	/*text-transform:uppercase;*/
}
#NavBox .LinkBox h6 a:hover
{
	text-decoration:underline;
}

.box
{
	border:#956A27 2px dashed;
	border-width:1px 1px;
	margin: 10px 10px 10px 0px ;
    padding:0px 10px;
	font-size:0.9em;
    font-style:italic;
	background:#F0F0E4;
}

#Content .box li
{
	padding:0px;
	margin-left:40px;
}

#BreadCrumbs
{
	position:absolute;
	top:150px;
	background:transparent;
	text-align:left;
	font-size:11px;
	color:#000;
}

#BreadCrumbs a:link, #BreadCrumbs a:visited, #BreadCrumbs a:active, #BreadCrumbs a:hover
{
	font-size:11px;
	color:#000;
	font-weight:normal;
	text-decoration:underline;
}
#BreadCrumbs a:hover
{
	text-decoration:none;
}

#top_nav
{
	position:absolute;
	top:170px;
	text-align:right;
	width:760px;
	list-style:none;
	line-height:18px;
	font-size:13px;
	color:#000;
}

#top_nav a:link, #top_nav a:visited, #top_nav a:hover, #top_nav a:active
{
	background:transparent;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	margin:0px 0px 0px 65px;
}
#top_nav a:hover
{
	text-decoration:underline;
}

#top_nav li
{
	float:right;
}

#footer_container
{
	background:#F1F0E4 url(../image-files/footerbottom-bg.jpg) center bottom no-repeat;
}

#footer
{
	background:transparent url(../image-files/footertop-bg.gif) no-repeat center top;
	color:#666;
	font-size:11px;
	line-height:150%;
	padding:30px;
}

#footer p
{
	padding:10px 0px;
}
#footer a:link, #footer a:visited, #footer a:active, #footer a:hover
{
	color:#666;
	text-decoration:none;
}
#footer a:hover
{
	text-decoration:underline;
}

/* This is for centering images and horizontal rules, I just have to put class="center" (left,right) inside the image tag */

.center
{
	display:block;
	margin-left:auto;
	margin-right:auto;
}