@charset "utf-8";
/* CSS Document */

/***********************
	TAGS
***********************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #3d54a4; 
	background-image: url(../images/vanow_bkg.gif);
	background-repeat: repeat-x;
	margin:20px auto;
	width:800px;
}

.style3 {font-size: 12px}


p {
	font-size: 12px;
	text-align:left;
	padding-left: 28px;
	padding-right: 18px;
	padding-top: 24px;
	line-height: 1.8em;
}

h1 {
	font-size: 12px;
	text-align:left;
	padding-left: 28px;
	padding-right: 18px;
	line-height: 1.8em;
	font-weight: normal;
}

table {
	background-image:url(images/vanow_navbkg.gif);
	background-repeat:repeat-y;

}

.inset tr {
	font-size: 11px;
	background-image:url(images/liteblue_tblbkg.gif);
	float:right;

}

.left-Nav {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	float:left;

}

.inset p {
	font-size: 11px;
	text-align:left;
	line-height:1.3em;
	padding-left:12px;
	padding-right:8px;
	padding-top: 12px;
}

.insethead {
	font-size: 14px;
	font-weight: bold;
	padding-top: 12px;
}

.small {
	font-size: 11px;
	text-align:left;
	padding-left:28px;
	padding-right:18px;
	line-height:1.5em;
}

.legal {
	font-size: 9px;
	text-align:left;
}

.header {
	font-size: 13px;
	color: #6878B0;
	font-weight: bold;
}

.paddedcell {
	padding:28px;
}


h2 {
	font-size: 14px;
	color:#3d54a4;
	font-weight: bold;
	text-align:left;
	line-height:1.3em;
	padding-left:28px;
	padding-right:18px;
	padding-top:24px;

}

h3 {
	font-size: 12px;
	font-weight: bold;
}

#errormsg { 
	border:2px solid #c00;
	padding:2px; 
	width:20em;
	}    
.error{ 
	background:#fcc;
	}
.callout { 
	font-style: italic;	
	color: #ff0000; 
	font-size: 11px;
	display: inline;

	}

/***********************
	ANCHOR
***********************/

a:link {
	color: #3d54a4;
}

a:visited {
	color: #333333;
}

a:hover {
	text-decoration: none;
}

.small a:link {
	color: #3d54a4;
}

.small a:visited {
	color: #333333;
}

.small a:hover {
	text-decoration: none;
}


.homelegal a:link {
	color: #3d54a4;
	font-size: 9px;
	display: inline;
}

.homelegal a:hover {
	text-decoration: none;
	font-size: 9px;
}

.homelegal a:visited {
	color: #fff;
	font-size: 9px;

}

.Nav a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
}

.Nav a:hover {
	color: #FFFF00;
	text-decoration: none;
	font-size: 13px;
}

.Nav a:visited {
	color: #ffffff;
	text-decoration: none;
	font-size: 13px;

}

ul {
list-style:none;
padding:0px;
margin:25px 0 0 0;
}

li {
padding:0px;
margin:7px 0 0 10px;
}


.MainContent {
	width:100%;
	background-color:#fff;
	background-image:url(../images/vanow_navbkg.gif);
	background-repeat:repeat-y;
	position:relative;
	
}

.Nav {
	width:145px;
	position:relative;
	float:left;

}

#RegContent{
	width:405px;
	position:relative;
	float:left;
}

#RegFields{
	width:220px;
	position:relative;
	float:left;
	margin-top:25px;

}

.RegisterFormContainer { /* This is a container that holds the three elements of the edit form (RequiredMark, label, input) */
width:100%; /* Width should be just bigger then the three elemets combined */
padding:10px;
border:1px solid #7F8CBC;
}

.Register br { /* This creates line brake between form elements */
clear:both;
}

.RegisterSumitButton{
margin-top:10px;
background-image:url('../images/SubmitButton.gif');  
border:none;
background-repeat:no-repeat; 
background-color:transparent; 
width:179px;  /* Should be the width of the image */
height:22px;  /* Should be the height of the image */
cursor:pointer;
margin-bottom:5px;
}

textarea{ /* Used to set the size of the textarea on composeletters page & Tell-Ariend */
width:90%;
height:150px;
}

label { 
display:block;  
width:7.5em;  
float:left;  
text-align:left; /* Change to text-align:right; to align the labels from the right */
padding-right:3px;
cursor:pointer;
font-size:10px;
}

input{
width:115px;
margin-bottom:5px;
font-size:10px;
}

select{
width:120px; /* Select boxs need to be just bigger then input areas, to look the same size on the page */
margin-bottom:5px;
font-size:10px;
}

.RequiredMark { /* Formats the * for required field in the form (Register, MyInfo, & Login) */
display:block; 
width:15px;
font-size:10px; 
float:right; /* Change to float:right; to move the * to the right of the field */
}

.ContentContainer{
	width:610px;
	margin-right:10px;
	float:left;
	position:relative;
}

#tellafriend input {
width:200px;
}