body {
	margin: 0px;
	padding: 0px;
	text-align:left;
	background:#44A1D5;
	background-image: url(img/bkg.jpg);
	background-repeat: repeat-x;
}
body,tr,td,th,p {
	color: #222;
	margin:0;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, Sans-Serif;
	font-weight: normal;
}

a,a:link,a:visited,a:active {
	color: #003366;
	text-decoration: none;
}
a:hover {
	color: #0066cc;
	text-decoration: underline;
}
p {
	padding: 0px 0 10px 0;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	margin: 0px 0 5px 0;
	padding: 0px;
	color:#003366;
}

h1 { font-size: 22px; line-height: 24px; }
h2 { font-size: 18px; line-height: 20px; }
h3 { font-size: 14px; line-height: 16px; }
h4 { font-size: 12px; line-height: 13px; }
h5 { font-size: 10px; line-height: 11px; }
h6 { font-size: 10px; line-height: 11px; }

h1,h3,h5 {
	color:#003366;
}
h2,h4,h6 {
	color:#0066cc;
}

blockquote {
	color:#666;
	margin: 0 0px 15px 0px;
	padding: 5px;
	border-left: 5px solid #ddd;
	border-right: 5px solid #ddd;
	background-color: #f5f5f5;
}

ol {
	list-style-type:decimal;
	padding: 0 0 5px 20px;
	color: #0066cc;
}
ul {
	list-style-type: square;
	margin: 0;
	padding: 0 0 10px 15px;
	color: #0066cc;
}
li {
	margin: 0;
	padding: 0px;
	color: #333333;
	font-weight: normal;
	vertical-align: bottom; /* This fixes the IE5 Win gap! */	
}
code {
	font-size: 100%;
}
hr {
	border: 0px;
	border-bottom: 1px dotted #333333;
	text-align:center;
	height: 0px;
}
img {border:0 }

em, i {	font-style: italic}

strong, b {font-weight: bold;}

em b, 
i b, 
strong i, 
strong em {font-weight: bold; font-style: italic}

/* Forms ----------------------------------------------- */

form {
	margin: 0
	padding: 0;
	display: inline;
}

label { font-weight: bold; }
input, textarea, button, select,input[type="checkbox"] {
	background-color:#fff;
	color: #666;
	border: 1px solid #999;
	font-weight: normal;
	font-size: 12px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 5px;
	padding: 3px;

}
button, input[type="button"], input[type="submit"], input[type="reset"]   {
	background-color: #efefef;

}
button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover   {
	background-color: #0066cc;
	border: 1px solid #FFFFFF;

	color: #fff;
}
button:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active  {
	background-color: #fff;
	color: #000;
	border: 1px solid #0066cc;
}


input[type="text"], input[type="password"], textarea, select { 
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus	{ 
	border: 1px solid #0066cc;
}
fieldset {
	border: 1px solid #ddd;
	padding: 3px;
}

legend {
	font-weight: bold;
	font-size: 110%;
	padding: 3px;
}

.required {
	color: #FF0000;
}

textarea {
	height: 100px;
}

.phoneType, .occupation, .month, .year, .state {
	width: 80px;
}

/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.info, 
.success    { padding: 10px; margin-top: 5px; margin-bottom: 10px; border: 2px solid #ddd;  }
.error      { color: #D12F19; border-color: #FBC2C4; background: #fbe3e4 url(img/error.png) no-repeat 10px 11px; padding-left: 35px; }
.notice     { color: #817134; border-color: #FFD324; background: #FFF6BF url(img/note.png) no-repeat 10px 11px; padding-left: 35px; }
.success    { color: #529214; border-color: #C6D880; background: #E6EFC2 url(img/sucess.png) no-repeat 10px 11px; padding-left: 35px; }
.info       { color: #336699; border-color: #6299c5; background: #dff4ff url(img/info.png) no-repeat 10px 11px; padding-left: 35px; }

.note, .optional { color: #999; padding-left:5px;}

/* Layout ----------------------------------------------- */
#main {
	width:100%; 
	height:100%;
	margin: 0 auto;
	padding: 0;
}

.block {
	width:750px;
	text-align:left;
}

.clear { clear: both; }
.left { float: left; }
.right { float: right; }

.300 { width: 300px; }
.250 { width: 250px; }
.200 { width: 200px; }
.150 { width: 150px; }

/* Header ----------------------------------------------- */


#header {
	height: 400px;
	padding-top: 15px;
}

#logo
{ margin-left: auto; 
  margin-right: auto;
  width: 750px;
  height: 150px;
  text-align: left;
}

#logo
{ background: #26729C url(./img/banner.png) no-repeat;

}


#authentication, #authentication a {
	text-align: right;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
}

#authentication a:hover {

}

#search {
	text-align: right;
	padding: 5px 5px 5px 5px;
	color: #666;
	font-size: 10px;
}


/*------------------- Main Nav ----------------------*/		
.menu { 
	background: #00264c url("img/menu-bkg.gif") top left repeat;
	position: absolute;
	width: 750px; 	
	bottom: 0px;
	right: 0px;
	height: 33px; 
	margin: 0px 0 0 0px; 
	padding: 0px;  
	}

#menu { 
	position : absolute;
	background: #00264c url("img/menu-bkg.gif") top left repeat;
	width: 750px; 	
	height: 34px; 
	margin: 0px 0 0 0px; 
	padding: 0px;  
	}

#nav, #nav ul { /* all lists */
	float:left;
	list-style: none;
	background: none;
	padding:0;
	margin: 0;
}

#nav li { /* main list items */
	float: left;
	text-align: center;
	}

#nav a{
	padding: 8px 10px 9px 10px;
	background-image: url("img/menu-divider.gif");
	background-position: bottom right;
	background-repeat: no-repeat;
	display : block;
	font: 12px Verdana, Arial, Helvetica, san-serif;
	color : #FFFFFF;
	margin: 0;
	font-weight : bold;
	text-decoration : none;
	border:none;
	width:105px;
	height:auto;
	white-space:nowrap;
	}
	
* html #nav a{ width: 2em;w\idth: 2em;}

#nav li a:hover {
	padding: 8px 10px 9px 10px;
	display : block;
	color : #FFFFFF;
	margin: 0;
	font-weight : bold;
	text-decoration : none;
	width: 105px;
	height:auto;
	}
	
* html #nav a:hover{ width: 2em;w\idth: 2em;}	

#nav li ul { /* second-level lists */
	position : absolute;
	left: -9999px;
	margin: 0;
	/* top: 29px; */
	width: 105px; 
	}

#nav li ul  a {
	width: 145px;
	padding: 8px 0px 7px 8px;
	display: block;	
	background: #0066cc;
	color: #fff;
	font: 9px Verdana, Arial, Helvetica, san-serif;
	font-weight: normal;
	text-align: left;
	float: none;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	}

#nav li ul  a:hover {
 	width: 145px;
 	padding: 8px 0px 7px 8px;
	display: block;
	background: #15294e;
	color: #fff;
	float: none;
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
	}

#nav li ul ul{ /* third-level lists */
	margin: -28px 0 0 153px;
	}

#nav li ul ul  a {width: 210px;}

#nav li ul ul  a:hover {width: 210px;}
	
#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul {
	left: -9999px;
	}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}

#nav li:hover, 
#nav li.sfhover {
	background: #0066cc;
	}
	
	
#logo2
{ margin-left: auto; 
  margin-right: auto;
  width: 750px;
  height:251px;
  text-align: left;
}

#logo2
{ background: #26729C url(./img/brandon2.png) no-repeat;

}	

/* Content ----------------------------------------------- */

#content {
	margin:0;
	padding: 0px;
}

/* Main Content ----------------------------------------------- */

#mainContent {
	background-color: #FFF;
	float: left;
	width: 710px;
	margin: 0;
	padding: 20px;
}

#leftColumn {
	float: left;
	width: 275px;
	margin: 0;
	padding: 0;
}

#rightColumn {
	float: right;
	width: 275px;
	margin: 0;
	padding: 0;
}

/* Footer ----------------------------------------------- */


#footer {
	padding: 15px;
}
#footerMenu {
	margin:0  auto;
	text-align: center;
	padding: 0px;
	color: #003366;
	font-weight: bold;
	font-size: 12px;

}
#footerMenu a, #footerMenu a:link, #footerMenu a:visited, #footerMenu a:active {
	color: #003366;
}
#footerMenu a:hover {
	color: #0066cc;
}

#copyright {
	margin:0  auto;
	text-align: center;
	padding: 0px 0 0 0;
	color: #00264c;
	font-size: 10px;
 }


/* Progress ----------------------------------------------- */

#profileProgress {
	background-color:#dff4ff;
	border: 1px solid #336699;
	color:#333;
	margin-bottom: 10px;
	padding: 10px;
	width: 280px;
}
#profileProgress h3 {
	color:#336699;
}
#progressBox {
	border: #336699 1px solid;
	background-color: #FFFFFF;
}
#progressBar {
	background-color: #336699;
	color:#FFFFFF;
}

/* Ad ----------------------------------------------- */

#displayAd {
	margin-bottom: 10px;
	visibilty: hidden;
	display: none;
}



/* Profile ----------------------------------------------- */
.profileImage {
	width: 200px;
}

#profilePhoto {
	margin-bottom: 10px;
}

#profileLogo {
	margin-bottom: 20px;
}

#profileAd {
	margin-bottom: 20px;
}
#profileInfo {
	margin-bottom: 20px;
}
#profileBilling {
	margin-bottom: 20px;
}
#profileInvites {
	margin-bottom: 20px;
}

/* Signup ----------------------------------------------- */

.signupform {
	margin: 0 0 15px 15px;
	padding: 15px;
	color: #336699; 
	border: #6299c5 solid 1px;
	background-color: #dff4ff; 
}

.rightFloat {
	float: right;
	width: 280px;
}
.successProfile {
	margin: 0 0 15px 15px;
	padding: 15px;
}
/* productBox ----------------------------------------------- */

.productBox {
	float: right;
	width: 200px;
	margin: 0 0 15px 15px;
	padding: 15px 15px 0 15px;
	color: #336699; 
	border: #6299c5 solid 1px;
	background-color: #dff4ff; 
}

/* Buttons ----------------------------------------------- */



.button, .button span {
	height:25px;
	color: #0289b6;
	background: transparent url(img/btn_white.gif) no-repeat;
}

.button {
	padding: 2px 20px 3px 20px;
	background-position:right 0;
	position:absolute;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 10px;
}

.button span {
	background-color: #FFFFFF;
	background-position:left top;
	width: 15px;
	position: absolute;
	top:0px;
	left:0px;
	display:block;
	cursor:pointer; /* mostly needed for internet explorer */
}