body {
	margin:0px;
	padding:0px;
	text-align:center;
	color: #383d44;
	font-size: small;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../img/page-background.jpg);
	background-repeat: repeat-x;
}

#container { 
	width: 810px;  
	margin: 0 auto 0 auto; 
	text-align: left; 
} 
#pre-header {
	background-color: #394a69;
	border-bottom: solid 1px #000000;
}
#pre-header-inner {
	width: 775px;
	margin: 0px auto 0px auto;
	text-align:left;
	font-size: 70%;
	letter-spacing: 0px;
	text-transform: uppercase;
	color: #FFFFFF;
	line-height:15px;
}
#header {
	padding: 0px;
	width: 100%;
	margin: 0px 0px 40px 0px;
	background-color: #31363E
} 
#header-inner {
	width: 835px;
	margin: 0px auto 0px auto; 
}
#header-logo {
	float:right;
	width:271px;
	margin: 0px 10px 0px 0px;
} 
/* navigation */
#nav {
	width:450px;
	margin: 28px 0px 0px 38px;
	padding: 0px;
	float:left;
	border-left: 1px solid #464a52;
	
	}
#nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	
	}
#nav li {
	float: left;
	margin: 0px;
	padding: 0px;
	font-size: 70%;
	letter-spacing: 2px;
	text-transform: uppercase;
	border-top: 1px solid #464a52;
	background: #383d44;	
	}
#nav li a {
	float: left;
	padding: 10px 12px;
	text-decoration: none;
	color: #e7e3d9;
	border: none;
	background: url(../img/nav-bg.gif) no-repeat right bottom;
	}
#nav li a:hover {
	color: #fff;
	background: #464a52;
	}
#nav li a.active {
	font-weight: bold;
	color: #fff;
}
/* Sidebar */
#sidebar {
	float: right;
	width: 250px;
	margin:0px;
	border: solid 1px #E9E9EC;
}
#sidebarInner {
	margin:3px;
	background-color: #F7F7F8;
}
#profile, .sub-profile-items 
{
    width:230px;
    margin:5px;
    
}
#profile p 
{
    text-align:left;
}

#main-body  
{
    width:500px;
	margin: 0px 0px 0px 0px;
	padding: 0 20px; 
} 
.center-float-wrapper {
	width: 50%;
	margin: 0px auto 10px auto;
}
.center-float-wrapper img
{
    margin: 0px 5px 0px 5px
}
.page-info {
	background-image: url(../img/info-background.jpg);
	background-repeat: repeat-x;
	width: 500px;
	border: 1px solid #ffe8cd;
	margin: 10px 0px 10px 0px;
	background-position: bottom;
} 
.page-info p {
	margin: 10px 10px 10px 10px;
}
.promo-box 
{
   width:100%;
   margin: 10px 0px 10px 0px;
}
.promo-box h2
{
    border-bottom:solid 1px #EEEEEE;
    font-size:1.3em;
    margin:0px;
}
.promo-box h3
{
    border:none;
    font-size:1.3em;
    margin: 10px 0px 0px 0px;
}
.promo-box p
{
    font-size:1.0em;
    margin: 5px 0px 0px 0px;
    text-align:justify;
}
.buttons-green {
	text-align:center;
	background-image: url(../img/button-green.jpg);
	width: 92px;
	height:20px;
	float:left;
	margin: 5px 10px 0px 10px;
}
.buttons-green a:link, .buttons-green a:visited, .buttons-blue a:link, .buttons-blue a:visited {
	margin: 2px 0px 0px 0px;
	padding: 0px;
	color: #FFFFFF;
	font-size: 0.9em;
	border:none;
	text-decoration:none;
}
.buttons-blue {
	text-align:center;
	background-image: url(../img/button-blue.jpg);	
	width: 92px;
	height:20px;
	float:left;
	margin:5px 5px 0px 20px;
}
.grid-header 
{
    border-bottom: solid 1px #31363E;
    color: #000000;
}
.grid-input
{
   margin: 0px 0px 0px 5px;
   font-size: 0.8em;
   width:95%;
}
.grid-input td
{
   width:130px;
   height:12px;
   margin: 0px;
}
.grid-input input, .grid-input td
{
    width:110px;
    margin: 0px;
}
.grid-input .header-text {
    margin: 0px;
	padding: 0px;
	font-size: 95%;
	font-weight: normal;
	color: #383d44;
	height:0px;
	}
.line-item 
{
    background-image: url(../img/grey-graid-bg.jpg);
    background-repeat:repeat-x;
    background-position:bottom;
    border: solid 1px #CCCCCC;
    padding:1px;
    height:85px;
}
#footer { 
	width: 100%;
	margin: 50px 0px 0px 0px;
	border-top: solid 1px #9EA5AE;
	font-size:0.7em;
	text-align:right;
} 
#footer p {
	margin: 0; 
	padding: 10px 0; 
	text-transform: uppercase;
	font-size: 0.9em
}
.clearit { 
	clear:both;
}

/* Typography */

a:link, a:visited {
	padding-bottom: 0;
	color: #326ea1;
	text-decoration: none;
}
a:hover {
	padding-bottom: 0;
	color: #383d44;
	text-decoration: underline;
}
#pre-header-inner a:link, #pre-header-inner a:visited {
	padding-bottom: 0;
	color: #7087B1;
	text-decoration: none;
}
#pre-header-inner a:hover {
	padding-bottom: 0;
	color: #7087B1;
	text-decoration: underline;
}
.line 
{
    border-bottom: 1px dashed #394a69;
    margin:5px 0px 5px 0px;
    padding: 0px;
    text-align:right;
}
.myp
{
    margin: 0px 0px 10px 0px;
}
.table-label 
{
    width:150px;
}
.paragraph-background 
{
    background-color: #E5EAF1;
	width: 485px;
	border: 1px solid #394A69;
	margin:10px;
	height:120px;
}
.paragraph-background ul
{
    margin: 0px 0px 10px 10px;
    list-style-type: none;
    font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.paragraph-background li
{
    float: left;
    width: 215px;
	margin: 5px 0px 5px 0px;
	padding: 0px;
	font-size: 85%;
	letter-spacing: 2px;
	text-align:center;
}

h1, .login, .line-title  {
	margin: 0;
	padding: 0;
	font-size: 170%;
	line-height: 1.2em;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0;
	color: #383d44;
	border-bottom: 1px solid #dbd5c5;
}
h2 {
	margin: 5px 0px 0px 5px;
	padding: 0;
	font-size: 170%;
	line-height: 1.2em;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0;
	color: #326ea1;
}
h3{
	margin: 0px 0px 12px 5px;
	padding: 0px 0px 5px 0;
	font-size: 120%;
	line-height: 1em;
	letter-spacing: 0px;
	font-weight:normal;
	color: #693;
	border-bottom: 1px solid #dbd5c5;
}
h4, .profile-header
{
   border-bottom: 1px solid #dbd5c5;
    display:block;
    margin: 0px 10px 10px 0px;
    font-size:115%;
    padding: 0px;
	font-weight: normal;
	line-height: 1.5em;
	color: #326ea1;
	background-color:#F7F7F8; border-bottom: solid 1px #DDDDDD; 
	width:98%;
	height:25px;
	
}
input {
   
}
textarea 
{
    width:100%;
    border:solid 1px #DDDDDD;
    font-size:100%; 
    font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
	line-height: 1.2em;
	color: #326ea1;
}
.navcontainer  
{
    width: 100%; 
    border-top: 1px solid #394A69;
    border-left: 1px solid #394A69;
    border-right: 1px solid #394A69;
    
}

.navcontainer ul
{
    margin: 0px;
    padding:0px;
    list-style-type: none;
    font-family: Arial, Helvetica, sans-serif;

}
.navcontainer li 
{  
    border-bottom: 1px solid #394A69;
    font-size:100%;
}
.navcontainer a
{
    display: block;
    color: #314973;
    font-size:85%;
    background-color:#E5EAF1;
    padding: 3px;
}

.navcontainer a:link, .navlist a:visited
{
    color: #314973;
    text-decoration: none;
    background-color:#E5EAF1;
    font-size:85%;
    display: block;
    padding: 3px;
}

.navcontainer a:hover
{
    color: #FFFFFF;
    background-color:#394A69;
    font-size:85%;
    display: block;
    padding: 3px;
}
/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	
}

.modalPopup {
	background-color:#ffffff;
	border-width:1px;
	border-style:solid;
	border-color:#31363E;
	padding:3px;
	width:250px;
}