@charset "UTF-8";

html, body, div {
	margin: 0;
	padding: 0;	
}

a:link {text-decoration: none; color:#3c5750; font-weight:bold;}
a:visited {text-decoration: none; color:#3c5750; font-weight:bold;}
a:active {text-decoration: none; color:#3c5750; font-weight:bold;}
a:hover {text-decoration: underline; color: #3c5750; font-weight:bold;}

a img {
	border: none;
}

body {
	text-align: center;
	background-color: #e6ebe1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div#container {
    width: 997px;
    margin: 0 auto;
    text-align: left;
    border-width: 0 1px 1px 1px;
	border-color: #3C5750;
	border-style: solid;
    background-color: #FFFDF5;
    overflow: hidden;
}

div.positionContainer {
	position: relative;
	width: 0;
	height: 0;
}

div.error,
.disclaimer {
    width: auto;
    margin: 20px;
    padding: 10px 30px;
    background-color: #ffd871;
    color: #38534c;
    font-weight: bold;
    border: 1px solid #38534c;
}

.smallText {
    font-size: 12px;
}

ul {
    padding-left: 20px;
}

div.profileLinks {
	margin-bottom: 40px;	
}

.verisignSeal {
	display: inline-block;
	vertical-align: middle;
}

/* Subpage top elements */
#pageTitle {
	padding: 5px 0 5px 80px;
	font-weight: bold;
	font-size: 20px;
}

p.sectionIntro {
	float: left;
	font-size: 15px;
	line-height: 20px;
	width: 550px;
}

div.sectionIntroSide {
	float: right;
	width: 90px;
	overflow: visible;
	position: relative;
	top: -21px;
}

div.sectionIntroSide img {
    border: 1px solid #3C5750;
}

div.sectionIntroFoot {
	float: left;
	clear: both;
	width: 100%;
}

/* Minor hack to allow for vertically expanded columns
 * Without these classes, a div will only extend as far 
 * down as it has content to fill, which would make our
 * left and right columns too short. */
div.columnContainer {
	overflow: hidden;
}
div.columnContainer div.column {
    margin-bottom: -32000px;
    padding-bottom: 32000px;
}

/* Header */
div#header {
	float: left;
    background-color: #ffffff;
    width: 100%;
    border-bottom: 2px solid #3C5750;
}
div#header img.weilLogo {
	float: left;
}
div.profile {
    float: right;
    margin: 30px;
    font-size: 14px;
}

/* Footer */
#footer {
	text-align: center;
	margin-top: 40px;
	clear: left;
}
#footer .nav {
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	padding: 20px 0 20px 0;
}
#footer .copyright {
	color: #8C8C8C;
	font-size: 10px;
	line-height: 13px;
}
#footer .trustLogos {
	padding: 20px 0 20px 0;	
}

/* Layout */
div.topContent,
div.centerContent,
div.bottomContent {
    width: 100%;
    float: left;
}

div.rightContainer {
	float: left;
	width: 872px;
}

div.topBar {
	float: left;
	width: 100%;
	border-bottom: 1px solid #3C5750;
	background-color: #FFD871;
}

div.center {
	padding: 0 30px 30px 30px;
	width: 660px;
}

div.topContent div.left {
	float: left;
	width: 123px;
	border-color: #3C5750;
	border-style: solid;
	border-width: 0 2px 0 0;
	text-align: right;
	background-color: #FFD871;
}

div.topContent div.center {
	float: left;
}

div.topContent div.right {
	float: right;
	width: 150px;
	background-color: #FFD871;
	border-color: #3C5750;
	border-style: solid;
	border-width: 0 0 0 2px;
}

div.centerContent {
	border-top: 2px solid #3C5750;
	border-bottom: 2px solid #3C5750;	
}

div.bottomContent div.left {
    float: left;
	width: 123px;
	border-right: 2px solid #3C5750;
	background-color: #FFD871;
}
div.bottomContent div.center {
    float: left;
    padding-top: 20px;
}
div.bottomContent div.right {
    float: right;
	width: 150px;
	background-color: #FFD871;
	border-left: 2px solid #3C5750;
}