<style type="text/css">

#wholeScreen {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000066; }

#contentArea {height: 800px; width:1024px; margin-top:0; padding-top:0; border-top:0; margin-left:auto; margin-right:auto;
	background-image:  url("images/bluesky.gif"); background-repeat:no-repeat; z-index:2; 
	font-family: arial, helvetica, sans-serif; color:#000066; }
	
#pageHeader {position:relative; top:0; height:120px; width:auto;}

/* margin-left sets indent of menu items, margin-right sets edge of navigation id to white box left edge */
#navigation {float:left; margin-top:50px; margin-left:83px; margin-right:0px; height:600px; width:306px; display:inline; }
#navigation a {font-family: arial, helvetica, sans-serif; color:#000033; font-size:1.05em; font-weight:bold;text-decoration:none; }
#navigation a:hover {color:#FFFF95; }
#navigation a:active {color:white;}
#home a.home {color:white;}
#ipa a.ipa {color:white;}
#ipl a.ipl {color:white;}
#ipj a.ipj {color:white;}
#sst a.sst {color:white;}
#wp  a.wp {color:white;}
.navSub {font-size:.8em; font-style:italic; }
#navigation p {margin-bottom:2.5em;}

/* set font and link defaults for bodyArea */
#bodyArea {float:left; width:485px; height:485px; margin:0 0 0 0; display:inline;}
#bodyArea p {font-size:.8em; font-family: arial, helvetica, sans-serif; color:#000066; margin: 0 2.5em .8em 2em; }
a {font-family: arial, helvetica, sans-serif; color:red; text-decoration: none;}
a:hover {text-decoration: underline;}
ul {font-size: .8em; font-family: arial, helvetica, sans-serif; margin-right:0; }

#bodyHeader {margin:20px 0 0 .7em; } 
#bodyHeader .headerLink {display:block; position:relative; top:-1.2em; left:330px; margin:0; }

/* CONTACT PAGE --------------------------------------------- */
#contactBox {float:left; margin:0 0 0 2em; }
#contactBox p.contactOrg {font-weight:bold; margin:2em 0 0 0; }
#contactBox p.contactDetail {margin:0}


#quoteBox {float:left; padding-top:4.5em;}
#quoteBox .quoteLine {font-size:1.3em;  margin:0 0 .5em 1em; }
#quoteBox .quoteLine2 {font-size:1.3em;  margin: 1em 0 .8em 1em;}

#newsBox {float:left; margin-top:0; }

#newsContent {float:left; width:100%; }
#newsImage {float:left; height:100%;  }
#newsImage img {display:block; margin-left:1.6em; padding:0px; }
#newsArticle {float:left; width:65%; }
#newsContent .articleTitle {font-weight:bold; padding:0 0 0 0; margin: 0 0 .5em 1.5em;}
#newsContent .articleBody {padding:0 3em 0 0; margin: 0 0 .5em 1.5em;}
#newsContent ul.bigLink {list-style-type:none; line-height:2.5em; }
#newsContent li.bigLink {padding-left:1em; background:transparent url("images/red_ball_bullet.gif") no-repeat; background-position:0 11px;
		font-size:1.2em; }
#newsContent ul.grayLink {list-style-type:none; line-height:2.2em; padding:0; margin-left:2em; }
#newsContent li.grayLink {padding-left:1.3em; background:transparent url("images/bw_ball_bullet.gif") no-repeat; background-position:0 11px; }


#leftColumn {float:left; width:49%; margin-left:0em; display:inline; }
#rightColumn {float:left; width:49%; margin-left:0em; }

/* height sets distance below to newsPicture and newsContent */
#dividerBox {clear:both; width:465px; height:80px; margin-right:-10px; background:  url("images/divider.gif") no-repeat;}
#dividerBox p {padding-top:1.9em; padding-left:1em; font-size:.9em; font-weight:bold; color:white; }

/* CONTACT PAGE --------------------------------------------- */
#main_text_box p.contact_org {font-weight:bold; margin-top:2em; margin-bottom:0; margin-left:1.5em; }
#main_text_box p.contact_detail {margin-left:1.5em; margin-bottom:0;}
p.contact_detail a {color:#000033;}
p.contact_detail a:hover {color:red:}

/* Signup form --------------------------------------------- */
#bodyArea p.smallHeading {position:relative; text-align:center;
	font-size:.9em; font-weight:bold; margin-top:2em; margin-bottom:.7em;}

div#formContainer {width:420px; margin-left:20px; margin-top:10px;}
div#formContainer span {color:red; font-weight:bold; }
div#formContainer form {font-size:.75em; }
div#formContainer div.formEntry {margin-top:2px; }
div#formContainer form label {width:100px; float:left; color:#003366; margin:0 10px; }
div#formContainer div.checkbox {float:left; margin:0px; padding:0px; }
div#formContainer input.tiny {font-size:12px;}
div#submit {padding:10px 0; margin-left:180px; }
div#mailchimp {float:right; margin:0px 30px; }
div#fineprint p {margin-right:5em; font-size:.73em}
div#fineprint span {color:red; font-size:1.2em; font-weight:bold; }

/* FOOTER ID */
#footerBox {float:left; width:475px; margin:0; font-size:.8em;}
p.leftSide {float:left; width:220px; text-align:left;}
p.rightSide {float:right; width: 220px; text-align:right;}
#footerBox p a {color:#000033;}
