* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;

	color: #fff; 
	margin: 0;
	padding: 0;
}
	
html, body {
    height: 100%;
}

body {
    margin: 0;
	padding: 0;
	text-align: center;
	background: #fff;
}

a {
	text-decoration: none;
	color: #fff;
}

a:hover {
    text-decoration: underline;
}

img {
	border: none;
	vertical-align: top;
}

table {
	border: 0;
}

table th, table td {
	margin: 0;
	padding: 0;
}


/*
------------------------------------------------------------------------------
GENERAL LAYOUT
------------------------------------------------------------------------------*/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
.clearfix {display:block;}
/* End hide from IE-mac */

#container {
    position: relative;
    margin: 0 auto;
    padding-top: 50px;
    width: 700px;
}

#logo {
    width: 162px;
    height: 70px;
    background: url(../images/logo.gif) no-repeat 0 19px;
}

#content, #contentHome {
    text-align: left;
    height: 500px;
    padding: 0 14px 0 15px;
    background: #acacac;
}

#contentHome { position: relative; height: 534px; background: url(../images/home_bg.gif) no-repeat right top; }

ul#homeNav {
	list-style: none;
	padding: 164px 0 0 10px;
}

ul#homeNav li {
	line-height: 23px;
}

ul#homeNav ul { list-style: none; }
ul#homeNav ul li { margin-left: 20px; line-height: 18px; }


p#intro { position: absolute; bottom: 91px; width: 380px; margin: 86px 0 0 10px; font-size: 11px; }

#nav {
    position: relative;
    float: left;
    width: 129px;
    height: 360px;
    background: #676767;
}

#nav a#promo {
    position: absolute;
    top: 278px;
    left: 8px;
}

#nav ul {
    margin-top: 50px;
}

#nav ul li {
    list-style: none;
    margin: 0;
    padding: 3px 0 2px 16px;
}

#nav ul li.subSection {
    padding-left: 26px;
}

#nav ul li.subSection a {
    font-size: 12px;
}

#nav ul li.current {
    font-weight: bold;
    background: url(../images/arra_current.gif) no-repeat 1px 7px;
}

#nav ul li.withSub {
    padding-bottom: 1px;
    font-weight: bold;
    background: url(../images/arra_current_sml.gif) no-repeat 16px 7px;
}

#nav ul li.sub {
    padding: 1px 0 1px 26px;
}

#nav ul li.subCurrent {
    font-weight: bold;
}

#nav ul li.endSub {
    padding-bottom: 6px;
}

#nav ul li.sub a {
    font-size: 10px;
    color: #ddd;
}

#nav ul li.sub a:hover {
    color: #fff;
}

#main {
    float: left;
    width: 542px;
    height: 360px;
    background: #fff;
}

#footer {
    clear: left;
    width: 671px;
    height: 78px;
    padding: 0 0 0 10px;
    background: url(../images/icon.gif) no-repeat 616px 9px;
}

#contentHome #footer {
	background: none;
}

#footer a {
    float: left;
    font-size: 10px;
    color: #7d7d7d;
}

#listing { position: absolute; bottom: 0; clear: left; margin-left: 8px; font-size: 11px; color: #6d6f72; }

#listing a {
    font-size: 11px;
    color: #6d6f72;
    text-decoration: underline;
}

#listing a:hover {
    text-decoration: none;
}

#disclaimer {
    display: none;
    font-size: 10px;
    color: #7d7d7d;
}

/*
p#comingSoon {
    padding: 215px 0 10px 0;
}
*/

#sappi {
    position: absolute;
    visibility: hidden;
    top: 100px;
    left: 200px;
    width: 400px;
    border-right: 1px #999 solid;
    border-bottom: 1px #666 solid;
    background: #fff;
}

#sappi h1 {
    float: left;
    margin: 35px 0 10px 25px;
    font-size: 12px;
    color: #464749;
}

#sappi #closeBtn {
    float: right;
    margin: 12px 12px 0 0;
}

#sappi #closeBtn a {
    font-size: 10px;
    color: #464749;
}

#sappi p {
    clear: left;
    margin: 0 15px 12px 25px;
    color: #464749;
    font-size: 10px;
    line-height: 13px;
}

#sappi em {
    font-weight: bold;
    font-size: 10px;
    color: #464749;
}

#sappi p a {
    margin-bottom: 315px;
    font-size: 10px;
    font-weight: bold;
    color: #464749;
}

/* REFRESH	*/
body#refresh { background: #d3ece8; }
#contentRefresh { height: 534px; border: 1px solid #b8c9c8; }
#contentRefresh img { padding: 215px 0 28px 0; border-bottom: 5px #818285 solid; }
body#refresh a { font-size: 11px; color: #818285; font-weight: bold; }
body#refresh a:hover { text-decoration: underline; }
#contentRefresh #text { text-align: right; margin: 25px 62px 0 0; font-size: 11px; color: #818285; }


/*
------------------------------------------------------------------------------
TYPE
------------------------------------------------------------------------------*/

small {
    font-size: 9px;
}

h1 {
    
}

h2 {

}

h3 {

}

h4 {

}