/************ GLOBAL ************/

*
{
    margin: 0px;
    padding: 0px;
}

html
{
    font-size: 100%;
    height: 101%;
    margin-bottom: 1px;
    background-color: #5B5B5B;
}

body
{
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #4B4B4B;
    background: #5B5B5B url("images/bg.gif") top repeat-x;
    font-size: 8px;
    padding: 12px 0;
}

hr
{
    border: none;
    border-top: solid 1px;
    height: 1px;
    margin: 8px auto;
	color: #0080c0; 
}

#outer
{
    text-align: center;
    margin-top: 0px;
    font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    font-size: 8pt;
    color: #009090;
    background-color: #5B5B5B;
}

#wrap
{
    width: 1024px;
    text-align: center;
    display: block;
    font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    margin-left: auto;
    margin-right: auto;
}

a, a:visited
{
    text-decoration: none;
    color: #0070D0;
}

a:hover, a:active
{
    text-decoration: none;
    color: #00B0FF;
}

span.corners-top
{
    background-image: url("images/corners_left.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 -6px;
    display: block;
    height: 6px;
    font-size: 1px;
    line-height: 1px;
}

span.corners-top span
{
    background-image: url("images/corners_right.png");
    background-position: 100% 0;
    background-repeat: no-repeat;
    display: block;
    height: 6px;
    font-size: 1px;
    line-height: 1px;
}

span.corners-bottom
{
    background-image: url("images/corners_left.png");
    background-position: 0 100%;
    background-repeat: no-repeat;
    margin: 0 -6px;
    display: block;
    height: 6px;
    font-size: 1px;
    line-height: 1px;
    clear: both;
}

span.corners-bottom span
{
    background-image: url("images/corners_right.png");
    background-position: 100% 100%;
    background-repeat: no-repeat;
    display: block;
    height: 6px;
    font-size: 1px;
    line-height: 1px;
}

/************ HEADER ************/

table.header
{
    width: 1024px;
    position: absolute;
    top: 10px;
}

td.header-left
{
    background: #F3F3EE url("images/header_left.png") no-repeat 0 0;
    width: 12px;
    height: 102px;
    font-size: 2pt;
}

td.header
{
    background: #F3F3EE url("images/header_bg.png") repeat-x 0 0;
    font-family: "Lucida Grande" , "Trebuchet MS" , Verdana, Helvetica, Arial, sans-serif;
    color: #ffffff;
    height: 102px;
    padding: 0 0;
}

td.header-right
{
    background: #F3F3EE url("images/header_right.png") no-repeat 0 0;
    width: 12px;
    height: 102px;
    font-size: 2pt;
}

#site-description
{
    text-align: left;
}

#logo
{
    padding: 4px 8px 3px 3px;
}

a.logo, a.logo:visited
{
    text-decoration: none;
    color: #106010;
}

a.logo:hover, a.logo:active
{
    text-decoration: none;
    color: #208020;
}

#site-logo-image
{
	margin-top: -10px;
    float: left;
}

a#logo:hover
{
    text-decoration: none;
}

p.sub-title
{
    font-size: 14pt;
    color: #206000;
    font-style: italic;
    font-family: "Lucida Grande" , "Trebuchet MS" , Verdana, Helvetica, Arial, sans-serif;
    margin-top: 18px;
    margin-left: 32px;
    font-weight: bold;
}

#contact-header
{
    position: absolute;
    left: inherit;
    top: inherit;
    width: 1000px;
    height: 80px;
    z-index: 80;
    font-family: Tahoma, Arial, Geneva, Sans-Serif;
    font-size: 8pt;
    font-weight: 900;
    color: #000000;
    text-align: right;
    white-space: nowrap;
    padding-top: 32px;
}

.header-spacer
{
	height: 100px;
}

/************ FOOTER ************/

div.footer
{
    width: 1024px;
    text-align: center;
    font-family: "Lucida Grande" , "Trebuchet MS" , Verdana, Helvetica, Arial, sans-serif;
    font-size: 7pt;
    color: #60a0ff;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4px;
    display: block;
}

.b
{
    background: url("images/footer_bg.gif") bottom repeat-x;
}

.bl
{
    background: url("images/footer_left.gif") bottom left no-repeat;
}

.br
{
    background: url("images/footer_right.gif") bottom right no-repeat;
    padding-bottom: 77px;
}

.style-selector
{
	text-align: right;
}

.footer-separator
{
	clear: both; 
	width: 100%; 
	margin-left: 8px; 
	margin-right: 8px; 
	background: url(images/bottom_edge.png) no-repeat center 0;
}

/************ MENU ************/

div.menu
{
    font-family: "Lucida Grande" , "Trebuchet MS" , Verdana, Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 10pt;
    background: #d1d1d1;
    text-align: left;
    color: #000000;
    padding: 0 6px;
    width: 200px;
    margin: 8px;
    z-index: 100;
    position: relative;
}

.menu-inner
{
	margin: 10px;
}

img.menu-separator
{
	vertical-align: middle; 
	border: none; 
	width: 170px; 
	height: 1px;
    text-align: center;
}

img.menu-icon
{
    vertical-align: bottom; 
	margin-right: 4px;
	width: 16px;
	height: 16px;
	border: 0px;
}

div.menu a, div.menu a:visited
{
    color: #006080;
}

div.menu a:active, div.menu a:hover
{
    color: #20c0d0;
    text-decoration: none;
}

div.product-menu
{
    font-family: "Lucida Grande" , "Trebuchet MS" , Verdana, Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 7.5pt;
    background: #393939;
    text-align: left;
    color: #ffffff;
    padding: 0 6px;
    margin-right: 8px;
}

/************ NOTICE ************/

div.notice
{
    background: #ffffff url("images/notice.png") repeat-x top left;
    padding: 0 6px;
    margin-top: 22px;
    margin-left: 20px;
    margin-right: 20px;
}

div.notice-inner
{
    font-family: Tahoma, Helvetica, Arial, sans-serif;
    font-size: 11pt;
    font-weight: bold;
    font-style: italic;
    text-align: left;
    background: url("images/announcement.png") no-repeat top left;
    padding-top: 14px;
    padding-left: 56px;
    height: 56px;
    color: #ffffff;
    margin: 6px 10px;
}

/************ CONTENT ************/

table.center
{
    background: #F3F3EE;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 12px;
}

table.center td.menu-cell
{
	vertical-align: top;
    text-align: left;
}

table.center td.content-cell
{
	vertical-align: top;
    width: 100%;
}

span.content-corners-top
{
    background-image: url("images/corners_left.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 -6px;
    display: block;
    height: 6px;
    font-size: 1px;
    line-height: 1px;
}

span.content-corners-top span
{
    background-image: url("images/corners_right.png");
    background-position: 100% 0;
    background-repeat: no-repeat;
    display: block;
    height: 6px;
    font-size: 1px;
    line-height: 1px;
}

span.content-corners-bottom
{
    background-image: url("images/corners_left.png");
    background-position: 0 100%;
    background-repeat: no-repeat;
    margin: 0 -6px;
    display: block;
    height: 6px;
    font-size: 1px;
    line-height: 1px;
    clear: both;
}

span.content-corners-bottom span
{
    background-image: url("images/corners_right.png");
    background-position: 100% 100%;
    background-repeat: no-repeat;
    display: block;
    height: 6px;
    font-size: 1px;
    line-height: 1px;
}

/*----------- CONTENT TOPSECTION -----------*/

div.top-section
{
    min-height: 64px;
}

img.top-section-icon
{
	float: left;
	border: 0px;
}

hr.top-section-separator
{
	margin-left: 8px;
}

div.site-title
{
    font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 16pt;
    color: #0090d0;
    margin-left: 88px;
    padding-top: 24px;
}

div.site-text
{
    font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    margin-left: 96px;
    margin-top: 10px;
    font-size: 9pt;
}

div.site-blurb
{
    color: #f04030;
    font-style: italic;
    font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    margin-left: 8px;
}
