@import url("css/menu.css");

/*-------------Page Layout--------------*/
body 
{
    background-image:url(images/bg_main1.jpg);
	background-position:top left;
	background-repeat:repeat-x;
    background-color:#d7d3ca;
    margin:auto;
}

/*------------Site Template--------------*/
.template 
{
    width:1000px; 
    margin:auto; 
    background-color:transparent;
}

.links
{
	color:#003366;
}
/*---------Section Templates: Top, Mid, Bottom-----------*/
.top_pad
{
	width:950px;
	height:100px;
	margin:auto; 
    background-image:url(images/top_part.jpg);
    background-repeat:no-repeat;
    background-color:Transparent;
}
.mid_pad
{
    width:1000px;
    margin:auto;
	background-color:transparent;
}
.bottom_pad
{
    height:50px;
	width:950px;
	margin:auto;
	background-image:url(images/bot_part.jpg);
	background-repeat:no-repeat;
	background-color:Transparent;
}
.top_background_image
{
	background-image:url(images/mid_part_top.jpg);
	background-repeat:no-repeat;
   	background-color:transparent;
	background-position:top center;
	overflow:hidden;
	
}
.bottom_background_image
{
   	background-image:url(images/mid_part_bottom.jpg);
   	background-repeat:no-repeat;
   	background-color:transparent;
	background-position:bottom center;
	overflow:hidden;
	
	
}
.filler_image
{
    background-image:url(images/mid_part_repeat.png);
    background-repeat:repeat-y;
    background-position:top center;
    overflow:hidden;
}

/*-------Top section content--------*/
.logo
{
	float:left;
	position:relative;
	top:13px;
	left:175px;
    background: transparent;
}
.infoAndLogin
{
	float:right;
	width:400px;
	position:relative;
	top:20px;
}
.login_style,a.login_style:link,a.login_style:active,a.login_style:visited 
{ 
	color: Black; 
	font-size:12px;
}
a.login_style:hover
{
	color:#C00;
}
.info_style
{
	position:relative;
	top:30px;
	left:65px;
	font-size:18px;
	color:#663300;
	z-index:5;
}

/*------------Mid section content-------------*/
.menu
{
	width:230px;
	height:809px;
	padding:10px;
	float:left;
	z-index:4;
	background-image:url(images/menu_bg1_sub.gif);
	background-color:transparent;
	background-repeat:no-repeat;
}
.menu_style
{
	width:230px;
	height:500px;
	margin-top:5px;
	float:left;
	z-index:5;
	overflow:auto;
}

.content_area
{
	float:left;
    width:700px;
    min-height:350px;
    margin-top:25px;
    background:white;
    z-index:2;
    
	left:0px;
	top:0px;
    border:2px solid #03086b;
    padding: 2px;
    background:white;
    /*------------position:relative; (Can't have this here as the links get messed up then) -----------------------*/
    /*-------------- However, now the content pane isn't in the same positin as the flash is on the home page ---------*/
}

/*----------------Footer------------------*/
.footer
{
    padding: 0px 10px 0px 5px;
	height:50px;
	position:relative;
	top:20px;
}
.link_style
{
    color:White;
	margin:10px;
    position:relative;
    left:50px;
    top:0px;
    font-size:12px;
}

.terms_style,a.terms_style:link,a.terms_style:active,a.terms_style:visited 
{ 
	color:white; 
	font-size:12px;
	float:left;
	margin-left:10px;
}
a.terms_style:hover
{
	color:#C00;
}
.copy_style,a.copy_style:link,a.copy_style:active,a.copy_style:visited 
{ 
	color:white; 
	font-size:12px;
	float:left;
	position:relative;
	left:355px;
	top:-13px;
}
a.copy_style:hover
{
	color:#C00;
}

.wood_saying
{
    position:relative;
	top:12px;
	left:-77px;
    font-size:14px;
    color:#663300;
    z-index:5;
}
h1
{
	color:#623D23;
}
h3
{
	color:#663300;
}

.weblink
{
    color:Black;
    font-size:12px;
    font-family:Arial;
}

.contactPicture
{
    background-image:url(/Portals/0/images/BuildingContact.jpg);
    background-repeat:no-repeat;
    width:450px;
    height:320px;
}

.business
{
    color:White;
    font-size:22px;
    position:relative;
    left:175px;
    top:-7px;
    
}