html, body
{
behavior: url(csshover.htc);
margin: auto;
padding: 0px;
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
text-align: center;
}

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

h1, h2, h3
{
margin: 0px;
}

#header
{
margin: 10px auto 5px auto;
width: 775px;
height: 134px;
background-image: url(../images/header_bg.gif);
text-align: left;
clear: both;
}

.header_left
{
float: left;
width: 239px;
}

.header_right img
{
float: left;
}

.header_right
{
float: right;
}

.header_right img
{
float: right;
}

#menu
{
float: right;
}

#menu ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
float: left;
background-image: url(../images/menu_bg.gif);
border-right: solid 2px #000000;
}

#menu li
{
display: inline;
background-image: url(../images/menu_bg.gif);
float: left;
text-align: center;
}

#menu a, .portal a
{
font-size: 14px;
font-weight: bold;
}

#menu a:link, #menu a:visited, .portal a:link, .portal a:visited
{
color: #608fbf;
display: block;
text-decoration: none;
line-height: 28px;
}

#menu a:hover, .portal a:hover
{
color: #395673;
display: block;
text-decoration: underline;
line-height: 28px;
}

#title
{
float: left;
width: 775px;
height: 34px;
background-image: url(../images/title_bg.gif);
text-align: left;
}

#title h3
{
margin: 0px;
padding-left: 43px;
font-size: 16px;
font-weight: bold;
display: block;
width: 732px;
line-height: 26px;
padding-bottom: 8px;
}

#p_body_top
{
margin: 10px auto 0px auto;
text-align: left;
width: 775px;
clear: both;
}

#p_body_bottom
{
margin: 0px auto 10px auto;
text-align: left;
width: 775px;
clear: both;
}

#content
{
margin: 0px auto 0px auto;
width: 751px;
border-right: solid 2px #000000;
border-left: solid 2px #000000;
padding: 10px;
font-size: .83em;
clear: both;
}

.portal
{
width: 33%;
margin: -1px;
padding: 0px;
display: inline-table;
border-collapse: collapse;
position: relative;
text-align: center;
}

/* IE hack for inline div elements */
.portal
{
* float: left;
}

.portal img
{
display: inline;
}

.portal br
{
line-height: 5px;
}

#content h1, #content h2, #content h3
{
color: #395673;
}

.web_portfolio, .graphic_portfolio, .photo_portfolio
{
text-align: left;
margin-bottom: 15px;
}

.web_portfolio a, .graphic_portfolio a
{
font-size: 14px;
font-weight: bold;
}

.web_portfolio a:link, .web_portfolio a:visited, .graphic_portfolio a:link, .graphic_portfolio a:visited
{
color: #608fbf;
text-decoration: none;
margin: 0px;
}

.web_portfolio a:hover, .graphic_portfolio a:hover
{
color: #395673;
text-decoration: underline;
margin: 0px;
}

.web_portfolio img, .graphic_portfolio img, .photo_portfolio img
{
padding-top: 5px;
display: inline;
}

#footer
{
margin: 5px auto 10px auto;
text-align: center;
width: 775px;
line-height: 28px;
font-size: 12px;
font-weight: bold;
clear: both;
}

.footer_top
{
background-image: url(../images/footer_bg.gif);
background-repeat: no-repeat;
background-color: #6699cc;
}


img
{
display: block;
border: none;
}