@charset "UTF-8";
/* CSS Document */

body
{
width: 955px;
height: 500px;
margin-left: auto;
margin-right: auto;
background-color: #ccd6e0;
}

#header
{
width: 955px;
height: 195px;
margin-left: auto;
margin-right: auto;
background-color: #003366;
}

#content
{
width: 955px;
height: auto;
padding: 0px;
margin-left: auto;
margin-right: auto;
background-image: url(assets/bg/tealtile.jpg);
background-repeat: repeat;
}

#sidebar1
{
float: left;
width: 200px;
height: 520px;
background-color: #5c4a1f;
margin: 0px;
padding: 0px;
}

#maincontent
{
margin-left: 200px;
margin-right: 0px;
padding: 0px 0px 0px 20px;
width: auto;
height: 460px;
background-image: url(assets/bg/attybg.jpg);
background-repeat: no-repeat;
}

#callout1
{
width: 400px;
height: 600px;
padding: 0;
margin-left: auto;
margin-right: auto;
background-image: url(assets/bg/handsbg.jpg);
background-repeat: no-repeat;
}

#callout2
{
width: 400px;
height: 600px;
padding: 0px;
margin-left: auto;
margin-right: auto;
background-image: url(assets/bg/phonebg.jpg);
background-repeat: no-repeat;
}

#callout3
{
width: 400px;
height: 600px;
padding: 0px;
margin-left: auto;
margin-right: auto;
background-image: url(assets/bg/printbg.jpg);
background-repeat: no-repeat;
}

p
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
color: #000000;
}

h1
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 2em;
font-style: italic;
font-weight: bold;
}

h2
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-style: normal;
font-weight: bold;
}

h3
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-style: normal;
font-weight: bold;
color: #FF0000;
}

strong
{
font-style: normal;
font-weight: bold;
}

em
{
font-style: italic;
font-weight: normal}


a:link
{
color: #18750F;
text-decoration: none
}

a:visited
{
color: #18750F;
text-decoration: none
}

a:hover
{
color: #18750F;
text-decoration: none
}

a:active
{
color: #ffff00;
text-decoration: none
}

.navvert
{
width: 100%;
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #ffffff;
text-align: left;
}

.navverthead
{
width: 100%;
margin: 0px;
padding: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-style: italic;
color: #ffffff;
text-align: left;
}

.navvert li 
{
list-style-type: none;
padding: 10px;
margin: 0px;
}

.navvert li a:link, .navvert li a:visited 
{
color: #000000;
}

.navvert li a:hover {
color: #ffff00;
}

.navvert li a:active {
background-color: #ffff00;
color: #333333;
}

#topbar
{
background-color: #000000;
margin: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
font: 0.9em Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
text-align: left;
}

.navhoriz
{
font-style: normal;
font-weight: bold;
}

.navhoriz li 
{
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 20px;
padding-right: 20px;
border-right-color: #5c4a1f;
border-right-style: solid;
border-right-width: 2px;
display: inline;
}

.navhoriz li a:link, .navhoriz li a:visited 
{
color: #f5eea5;
}

.navhoriz li a:hover {
color: #ffff00;
}

.navhoriz li a:active {
background-color: #ffff00;
color: #000000;
}

img.floatright {
float: right;
margin: 20px;
border: 2px solid #003366;
}