*
{
margin:0;
padding:0;
}

html
{
height: 100%;
}


body
{
font: 82% arial, sans-serif; 
background: #fff;
margin: 0;
padding: 0;
text-align: right;
height: 100%;
}


#container
{
width: 780px;
border-right: 2px #976397 dotted;
border-left: 2px #976397 dotted;
margin: 0 auto -14em;
background: url('images/body2.png') repeat-y;
min-height: 100%;
height: auto !important;
height: 100%;
}

.push 
{
height: 14em;
clear: both;
}

/*----------------HEADER CSS--------------*/

#header
{
background-image: url(images/header_home.png);
background-repeat: no-repeat;
height: 172px;
padding-right: 10px;
}


#logo, #logo img
{
position: abosolute;
top:0;
left:0;
border: 0;
width: 151px;
float: left;
}


#nav
{
width: 600px;
float: right;
}



#search
{
height:50px;
}

#upper_nav 
{
height: 80px;
text-align: right;
color: #E06B04;
font-family: "trebuchet ms";
font-size: .85em;
}

#upper_nav ul li
{
list-style-type: none;
display:inline; 
}


#upper_nav a
{
color: #E06B04;
text-decoration: none;
margin:0;
padding:0; 
}




#main_nav
{
margin-top: 0px;
margin-bottom: 0px;

}

#main_nav ul li
{
display: inline;
float:right;
padding-left: 15px;
background-repeat: no-repeat;

}

#main_nav a
{
padding-left: 20px;
text-decoration: none;
color: #fff;
font-family: "trebuchet ms";
font-size: 1.3em;

}

#main_nav a:link, #main_nav a:visited
{
padding-left: 15px;
}

#main_nav a:hover
{
padding-left: 15px;
background: url(images/bullet_purplehover.png);
background-repeat: no-repeat;
background-position: 0 5px;} 


#main_nav #current a {
	color: #fff;
	background: url(images/bullet_purplecurrent.png) left center no-repeat;
	}






/*----------------BODY CSS--------------*/

#body
{
padding-top: 2em;
padding-bottom: 1em;
background-image: url(images/home_body.png);
background-repeat: no-repeat;
height: 328px;
}


#side_nav
{
float:left;
width: 315px;
padding-left: 30px;
}

#text
{
padding-left: 30px;
color: #fff;
font-size: 1.3em;
}

#pictures
{
padding-top: 30px;
float: right;
}

#pictures img
{
padding-left: 10px;
}

#content 
{
float:right;
width: 280px;
text-align: left;
padding: 50px 5px 0 10px;
}



#footer
{
height: 14em;
color: #666;
text-align: center;
font-weight: bold; 
font-size: .8em;
clear: both;
}

/*----------------STYLE CSS--------------*/


h1 
{
font-size: 1.2em;
color: #000;
font-weight: bold;
}


h2
{
font-size: 1em;
color: #5D265D;
}


p
{
font-size: 1em;
line-height: 1.4;
margin-bottom: 1em;
}

.caption
{
font-size: .8em;
color: #5D265D;
}


#content ul
{
margin-top: 15px;
font-size: 1.1em;
list-style-type: square;
line-height: 1.2;
}


#content li
{
margin-bottom: 10px;
}

hr
{
color: #853685;
background-color: #853685;
width: 440px;
height: 1px;
border: 0;
text-align: center;
margin: 0 auto;
margin-bottom: 10px;

}

.clear
{
clear: both;
}

/*----------------LINK CSS--------------*/

#content a:link    {color: #000; text-decoration: none;}
#content a:visited {color: #000; text-decoration: none;}
#content a:active  {color: #000; text-decoration: none;}
#content a:hover   {color: #000; text-decoration: none;}

#content a img {border: 0px;}

#footer a:link    {color: #853685; font-weight: bold; text-decoration: none; }
#footer a:visited {color: #853685; font-weight: bold; text-decoration: none; }
#footer a:active  {color: #853685; font-weight: bold; text-decoration: none; }
#footer a:hover   {color: #853685; font-weight: bold; text-decoration: none; }
