/* CSS Styling for PING */

/*

all titles are graphical, all body text is html. The review pages are a simulation of how the html text should look - it will not layout exactly as on the review page when done in html.
Ping logo links to home
default text is html verdana 10, color #444444, link text is html verdana 10, color #465f85, underlined where indicated on review site
dark blue is #002b5e, medium blue is #465f85 (used in html titles), light blue is #3f71a0
regular paragraphs = 12

bottom contact info is html verdana 10, color #444444 and is on every page with the same amount of spacing below border and above end of browser (please make sure this is consistent)
pages expand to fit content - background area gets larger and border encompasses everything
menu and any buttons are in layer comps and are html with javascript rollovers
all sidebars etc. are graphical even though text looks like html

*/





body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #444444;
	background-color: #ffffff;
	line-height:14px;
}

A:link {text-decoration: none; color:#465f85;}
A:visited {text-decoration: none; color:#465f85;}
A:active {text-decoration: none; color:#465f85;}
A:hover {text-decoration: underline; color:#465f85;}


p {
	margin: 0 0 9px 0;
	padding: 0 0 0 0;
	line-height:13px;
}

.subhead {
	color: #465f85;
	font-weight:bold;
	padding: 3px 0 6px 0;
}

.bulo {
	color: #465f85;
	font-weight:bold;
}

.bulo2 {
	color: #3f71a0;
}

.bulolist {
	padding: 0 0 5px 5px;
}

.bulo2tight {
	color: #3f71a0;
	padding: 0 0 0 10px;
}

.bulolisttight {
	padding: 0 0 0 7px;
}


.bulonav {
	color: #002b5e;
	padding: 2px 7px 0 0;
	line-height:11px;
}

.bglist {
	padding: 2px 0 0 0;
	color: #ffffff;
	line-height:11px;
}

.maintable {
	width:900px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.maindiv {
	width:900px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align:left;
}


.logo {
	padding: 0 1px 0 0;
	margin: -20px 0 0 0;
	position:relative;
	top:30px;
	left:700px;
}


.logo2 {
	padding: 0 1px 0 0;
	margin: 0 0 0 0;
	position:relative;
	top:16px;
	left:700px;
}

.cornertopright {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	position:relative;
	top:33px;
	left:892px;
}

.navtop {
	background-color: #465f85;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 7px 12px 7px 12px;
}

.navtop A:link {text-decoration: none; color:#ffffff;}
.navtop A:visited {text-decoration: none; color:#ffffff;}
.navtop A:active {text-decoration: none; color:#ffffff;}
.navtop A:hover {text-decoration: underline; color:#ffffff;}


.navtopnub {
	background-color: #465f85;
	padding: 0 0 0 0;
}

.navbot {
	padding: 2px 1px 10px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.navbot A:link {text-decoration: underline; color:#465f85;}
.navbot A:visited {text-decoration: underline; color:#465f85;}
.navbot A:active {text-decoration: underline; color:#002b5e;}
.navbot A:hover {text-decoration: underline; color:#002b5e;}

.morenav {
	padding: 10px 10px 1px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.morenav A:link {text-decoration: underline; color:#465f85;}
.morenav A:visited {text-decoration: underline; color:#465f85;}
.morenav A:active {text-decoration: underline; color:#002b5e;}
.morenav A:hover {text-decoration: underline; color:#002b5e;}




.listlinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0 0 0 0;
	color:#ffffff;
	line-height:11px;
}

.listlinks A:link {text-decoration: none; color:#ffffff;}
.listlinks A:visited {text-decoration: none; color:#ffffff;}
.listlinks A:active {text-decoration: underline; color:#002b5e;}
.listlinks A:hover {text-decoration: underline; color:#002b5e;}



.sidetext {
	color:#ffffff;
}

.sidetext A:link {text-decoration: underline; color:#ffffff;}
.sidetext A:visited {text-decoration: underline; color:#ffffff;}
.sidetext A:active {text-decoration: underline; color:#002b5e;}
.sidetext A:hover {text-decoration: underline; color:#002b5e;}




.sm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
}

.boxmain {
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
	border-top: 1px solid #444444;
	border-right: 1px solid #444444;
	border-left: 1px solid #444444;
}

.formtext {
	margin: 0 0 0 0; 
	padding: 10px 0 0 0; 
}

.formfield {
	margin: 0 0 0 0; 
	padding: 8px 0 0 20px; 
}

.content {
	margin: 0 0 0 0; 
	padding: 15px 25px 15px 32px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #444444;
	text-align:left;
}

.heading {
	margin: 0 0 0 0; 
	padding: 14px 6px 15px 0;
	text-align:right;
}





#nav1on {display:none;}
#nav1off {display:block;}
#nav2on {display:none;}
#nav2off {display:block;}
#nav3on {display:none;}
#nav3off {display:block;}
#nav4on {display:none;}
#nav4off {display:block;}
#nav5on {display:none;}
#nav5off {display:block;}