/*Styling created by Benjamin Caplan- I Am Caplan.com--  http://www.iamcaplan.com*/ 


/*--Home Page CSS Styling--*/

/*-MAIN STYLES-*/
body { 
font-family: verdana, georgia, arial;
font-size: 12px;
line-height: 17px;
background: #ffffff;
}

a {
text-decoration: none;
}
a:visited {
color: #ffffff;
}
a:active {
color: #ffffff;
}
a:hover {
color: #ffffff;
}

img { 
border-width: 0px;
}


/*-DIVS-*/
/*Container*/
#container {
width: 750px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 20px;
background-color: #ffffff;
border: 0px;
}


/*Banner*/
#banner {
padding: 0px;
margin: 0px;
border: 0px;
}


/*Pic*/
#pic {
background-image: url("../images/pic.jpg");
padding: 0px;
height: 248px;
width: 400px;
margin-left: 343px;
margin-right: 0px;
margin-top: 20px;
border: 0px;
}

/*Menu*/
#menu {
float: left;
height: 250px;
width: 160px;
font-family: verdana, georgia, arial;
padding: 0px;
margin-left: 0px;
margin-right: 2px;
margin-top: 18px;
border: 0px;
font-weight: bold;
}
#menu ul {
height: 100%;
width: 100%;
padding: 0px;
margin: 0px;
list-style: none;
}
#menu ul li {
font-size: 12px;
width: 160px;
height: 20px;
padding: 2px 0px;
border: 2px solid #ffffff;
}
#menu ul li a{
padding: 5px 97px 5px 5px;
color: #ffffff;
line-height: 22px;
}
#menu ul li#one {
background-color: #cc6666;
}
#menu ul li#one a:hover {
padding: 5px 94px 5px 5px;
background-color: #7d4040;
}
#menu ul li#two {
background-color: #cc9966;
}
#menu ul li#two a:hover {
padding: 5px 80px 5px 5px;
background-color: #7d5e3f;
}
#menu ul li#three {
background-color: #ff9933;
}
#menu ul li#three a:hover {
padding: 5px 97px 5px 5px;
background-color: #a06121;
}
#menu ul li#four {
background-color: #cc6699;
}
#menu ul li#four a:hover {
padding: 5px 102px 5px 5px;
background-color: #7e3f5f;
}
#menu ul li#five {
background-color: #99cc33;
}
#menu ul li#five a:hover {
padding: 5px 118px 5px 5px;
background-color: #5e7d20;
}
#menu ul li#six {
background-color: #ccff66;
}
#menu ul li#six a:hover {
padding: 5px 92px 5px 5px;
background-color: #657d33;
}
#menu ul li#seven {
background-color: #33cccc;
}
#menu ul li#seven a:hover {
padding: 5px 126px 5px 5px;
background-color: #1f7c7d;
}
#menu ul li#eight {
background-color: #ffd577;
}
#menu ul li#eight a:hover {
padding: 5px 126px 5px 5px;
background-color: #aa8e50;
}
#menu ul li#nine {
background-color: #cccccc;
}
#menu ul li#nine a:hover {
padding: 5px 105px 4px 5px;
background-color: #7e7e7e;
}


/*Info*/
#info {
float: left;
height: 215px;
width: 157px;
background-image: url("../images/info4.jpg");
color: #eaf3ff;
font-family: Verdana, georgia, arial;
font-size: 12px;
padding: 25px 10px 10px 10px;
margin-left: 0px;
margin-right: 0px;
margin-top: 20px;
border-right:  1px solid #ffffff;
font-weight: bold;
}


/*News*/
#news {
clear: both;
height: 130px;
width: 750px;
color: #003399;
padding-top: 10px;
margin: 0px;
margin-top: 3px;
text-align: center;
border: 0px;
}
#news a {
color:#003399;
}
#news a:hover {
color:#5785a9;
}
#news span.date {
font-weight: bold;
}


/*Footer*/
#footer {
height: 12px;
width: 750px;
line-height: 10px;
font-size: 10px;
color: #003399;
padding: 0px;
margin: 0px;
text-align: center;
margin-top: 10px;
border:  0px;
}