/* CSS Document */
/* These definitions apply to the entire document; */
*{
	margin:0px;
	padding:0px;
}
body{
	background-color:#E8DECA;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


/***********************************************************************************/
/* Container control for center the page and the background*/
/***********************************************************************************/
#wrapper{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../design_images/wrapper_bg.jpg);
	background-repeat:repeat-y;
}

/***********************************************************************************/
/* This section handle the way the content is rendered*/
/***********************************************************************************/
/* These rules are  IE 6 Box Model Hack */
#content_wrapper{
clear:both;
}
#content{
	width:685px;
	margin:10px 20px;
	float: right;
}

/* frontpage slideshow */
#feature {
    width:658px;
    margin-bottom:20px;
}

/* These rules are for Compliant Browsers 
html>body #content{
	width:530px;
}*/

#content ul, #content ol{
	margin-left:3em;
	margin-top:1em;
	margin-bottom:1.75em;
	line-height: 1.25em;
}
#content li {
	font-size:80%;
}

#content p {
	font-size:80%;
	margin:1em;
	line-height:1.75em;
}

#content blockquote p {
	margin:1em 3em;
}

#content li li {
	font-size:100%;
}

#content a:visited {
	text-decoration:underline;
	color:#650031;
}

#content a:link {
	text-decoration:underline;
	color:#396BA5;
}
#content a:hover {
	color: #999999;
}

#content .middlewrapper 
{
    height:545px;
}

#content .rightside 
{
    float:right;
    width:350px;
}

#content .leftside 
{
    float:left;
    border-right:solid 1px Black;
    width:313px;
    height:100%;
}

/***********************************************************************************/
/* This is where the header is and the logo in the background and tabbed navigation info*/
/***********************************************************************************/
#header{
	height:155px;
	width: 950px;
	background-image:url(../design_images/header_bg.jpg);
	background-repeat:repeat-x;
}
#header_img{
	float:left;
	border:0px;
	width:500px;
}
#tabbed_nav{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	width: 378px;
	float: right;
}
#tabbed_nav ul {
	list-style:none;
	height: 30px;
}
#tabbed_nav li {
	font-size: 75%;
	font-weight:bold;
	display:block;
	width: 126px;
	height: 30px;
	float: left;
}
#tabbed_nav a:link, #tabbed_nav a:visited {
	text-decoration:none;
	color:#FFF;
	width: 126px;
	height: 20px;
	display:block;
	background-image:url(../design_images/nav_tab.jpg);
	background-repeat:no-repeat;
	text-align:center;
	vertical-align:middle;
	padding-top:10px;
}
#tabbed_nav a:hover {
	text-decoration:none;
	color:#000;	
	width: 126px;
	height: 20px;
	display:block;
	background-image:url(../design_images/nav_tab_hover.jpg);
	background-repeat:no-repeat;
}
#tabbed_nav a.active:link, #tabbed_nav a.active:visited {
	background-image:url(../design_images/nav_tab_hover.jpg);
	background-repeat:no-repeat;
	color:#000;
}

#search{
	float:right;
	width:430px;
	height: 68px;
	font-size:80%;
	text-align: right;
	padding-right: 20px;
	padding-top: 30px;
}

/***********************************************************************************/
/* This is all the style information about the navigation*/
/***********************************************************************************/
#nav{
	width:225px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	background-image:url(../design_images/nav_bg.jpg);
	background-repeat:repeat-y;
	float: left;
}
#nav_content{
	background-image: url(../design_images/nav_leftside.jpg);
	background-repeat:no-repeat;
	padding-left: 65px;
	padding-right: 15px;
	height:255px;
}
#nav_content ul {
	list-style:none;
	margin-left:0.5em;
	padding-top:10px;
	padding-left:0;
	margin-right: 0.5em;
}
#nav_content li {
	font-size: 75%;
	border-bottom: 1px dotted #EEEEEE;
	margin-bottom: 0.5em;
	padding-bottom:0.5em;
	font-weight:bold;
}
#nav_content  a:link {
	text-decoration:none;
	color:#FFFFFF;
}
#nav_content  a:visited {
	text-decoration:none;
	color:#DDDDDD;
}
#nav_content  a:hover {
	text-decoration:none;
	color:#DFCFC0;
	padding-left:5px;
}
#nav_content  p {
	font:75% Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	padding:3px 6px;

}


/***********************************************************************************/
/* This section  takes care of rendering the footer and the links within the footer */
/***********************************************************************************/
#footer{
	background-image:url(../design_images/footer_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	clear:both;
	height: 30px;
	padding-left: 100px;

}
#footer p{
	padding:.6em;
	text-align:center;
	font-size:70%;
	color:#FFFFFF;
}

#footer a:link, #footer a:visited {
	text-decoration:underline;
	color:#FFF;
}

#footer a:hover {
	color:#666;
	text-decoration:none;
}