html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0;}
img { border: none;}
.clear { clear: both;}

body { background: #000 url(images/bg.jpg) no-repeat; font-family: Tahoma, "Arial Narrow", Arial, sans-serif; font-size: 13px; line-height: 120%;}

#container { margin: 0 auto; width: 1186px; overflow: hidden;}
#sidebar { float: left; width: 165px; height: 400px;}
#content { float: left; width: 1021px; height: 769px;}
#footer { clear: both; width: 100%; height: 50px; text-align: right;}
  #footer p { padding: 30px 30px 0 0; color: #999; font-size: 10px;}
  #footer a { color: #999; text-decoration: none;} #footer a:hover { text-decoration: underline;}

/*----- LAYOUTS -----*/
#home #content { background: url(images/homecontent.png) no-repeat;}
#home #content p { margin: 255px 0 0 284px; font-size: 12px; line-height: 130%; letter-spacing: 0.02em;}

#influence #content { background: url(images/influcontent.png) no-repeat;}
#influence .col1 { display: inline; float: left; margin: 205px 0 0 89px; text-align: right; width: 190px; font-size: 16px; line-height: 170%; color: #603;}
  #influence .col1 a { padding-right: 5px; font-size: 13px; color: #FFF; text-decoration: underline;} #influence .col1 a:hover { text-decoration: none;}
#influence .col2 { float: left; margin: 211px 0 0 36px; width: 180px;}
  #influence .col2 a { position: relative; top: 25px; padding-left: 104px; font-size: 13px; line-height: 120%; color: #FFF; text-decoration: underline;} #influence .col2 a:hover { text-decoration: none;}
#influence .col3 { float: left; margin: 211px 0 0 24px; width: 185px;}
#influence .form { float: left; margin: 415px 0 0 -184px; color: #FFF; font-weight: bold; line-height: 120%;}
  #influence input { margin: 0 5px 0 0; vertical-align: middle;}
  
  
  #influence2 #content { background: url(images/success.png) no-repeat;}
#influence2 .col1 { display: inline; float: left; margin: 205px 0 0 89px; text-align: right; width: 190px; font-size: 16px; line-height: 170%; color: #603;}
  #influence2 .col1 a { padding-right: 5px; font-size: 13px; color: #FFF; text-decoration: underline;} #influence .col1 a:hover { text-decoration: none;}
#influence2 .col2 { float: left; margin: 211px 0 0 36px; width: 180px;}
  #influence2 .col2 a { position: relative; top: 25px; padding-left: 104px; font-size: 13px; line-height: 120%; color: #FFF; text-decoration: underline;} #influence .col2 a:hover { text-decoration: none;}
#influence2 .col3 { float: left; margin: 211px 0 0 24px; width: 185px;}
#influence2 .form { float: left; margin: 415px 0 0 -184px; color: #FFF; font-weight: bold; line-height: 120%;}
  #influence2 input { margin: 0 5px 0 0; vertical-align: middle;}

#help #content { position: relative; background: url(images/helpcontent.png) no-repeat;}
#help .col1 { display: inline; float: left; margin: 270px 0 0 140px; width: 180px;}
#help .col2 { float: left; margin: 270px 0 0 27px; width: 180px;}
#help .col3 { float: left; margin: 270px 0 0 41px; width: 180px;}
#help blockquote { display: inline; float: left; margin: 415px 0 0 -650px; width: 430px; font-size: 16px; line-height: 170%; color: #660033;}
#help #links { display: inline; float: left; margin: 400px 0 0 -180px; width: 150px; font-size: 15px; line-height: 150%; font-weight: 700;}
  #links .blue a { color: #09F; font-family: Verdana, Arial, Helvetica, sans-serif;}
  #links .pink a { color: #FC1C74; font-family: Verdana, Arial, Helvetica, sans-serif;}
  #links .orange a { color: #F60; font-family: Verdana, Arial, Helvetica, sans-serif;}
  #links .green a { color: #090; font-family: Verdana, Arial, Helvetica, sans-serif;}

#tips #content { position: relative; background: url(images/tipscontent.png) no-repeat;}
#tips blockquote { display: inline; float: left; margin: 240px 0 0 105px; width: 550px; color: #603;}
#tips .col1 { display: inline; float: left; margin: 18px 0 0 150px; width: 178px;}
#tips .col2 { float: left; margin: 18px 0 0 34px; width: 180px;}
#tips .col3 { float: left; margin: 11px 0 0 18px; width: 130px; font-size: 16px; line-height: 170%; color: #360;}

#unit #content { position: relative; background: url(images/unitcontent.png) no-repeat;}
#unit .col1 { display: inline; float: left; margin: 172px 0 0 64px; text-align: justify; width: 427px; color: #603;}
#unit .col2 { display: inline; float: left; margin: 65px 0 0 64px; width: 170px;}

#nhs #content { position: relative; background: url(images/nhscontent.png) no-repeat;}
#nhs blockquote { display: inline; float: left; margin: 280px 0 0 90px; text-align: justify; width: 530px; color: #603;}
#nhs .col1 { display: inline; float: left; margin: 5px 0 0 85px; width: 125px; font-size: 16px; line-height: 170%; text-align: right; color: #360;}
#nhs .col2 { float: left; margin: 9px 0 0 49px; width: 180px;}
#nhs .col3 { float: left; margin: 9px 0 0 35px; width: 178px;}

#effects #content { position: relative; background: url(images/effectscontent.png) no-repeat;}
#effects blockquote { display: inline; float: left; margin: 260px 0 0 120px; width: 500px; text-align: justify; color: #603;}
#effects .col1 { display: inline; float: left; margin: 11px 0 0 46px; width: 180px; text-align: right; font-size: 16px; line-height: 170%; color: #360;}
  #effects .purple { color: #663366;}
#effects .col2 { float: left; margin: 47px 0 0 45px; width: 180px;}
#effects .col3 { float: left; margin: 47px 0 0 45px; width: 165px;}

#downloads #content { position: relative; background: url(images/downloadscontent.png) no-repeat;}
  #downloads #content a { color: #000; text-decoration: none;} #effects #content a:hover { text-decoration: underline;}
#downloads blockquote { display: inline; float: left; margin: 90px 0 0 96px; text-align: justify; width: 530px; color: #603;}
#downloads .col1 { display: inline; float: left; margin: 68px 0 0 141px; width: 180px;}
#downloads .col2 { float: left; margin: 68px 0 0 54px; width: 180px;}
#downloads .col3 { float: left; margin: 68px 0 0 36px; width: 180px;}
#downloads #walls { clear: both; display: inline; float: left; margin: 121px 0 0 100px; text-align: right; line-height: 170%;}
  #downloads #walls a { color: #FFF; text-decoration: none;} #effects #walls a:hover { text-decoration: underline;}
  
#signs #content { position: relative; background: url(images/signscontent.png) no-repeat;}
#signs blockquote { display: inline; float: left; margin: 224px 0 0 147px; width: 550px; color: #603;}
#signs .col1 { display: inline; float: left; margin: 19px 0 0 228px; width: 180px;}
#signs .col2 { display: inline; float: left; margin: 126px 0 0 265px; width: 140px;}
#signs .col3 { float: left; margin: -85px 0 0 37px; width: 180px; font-weight: bold;}

#contact #content { position: relative; background: url(images/contactcontent.png) no-repeat;}
#contact blockquote { display: inline; float: left; margin: 132px 0 0 84px; width: 280px; text-align: justify; color: #603;}
  #contact blockquote a { color: #000; text-decoration: none; font-weight: bold; letter-spacing: 0.06em;} #contact blockquote a:hover { text-decoration: underline;}
#contact .col1 { display: inline; float: left; margin: 50px 0 0 136px; width: 235px;}
  #contact .blue { font-weight: bold; color: #3399FF;}
  #contact #content a { color:#000; text-decoration: none;} #contact #content a:hover { text-decoration: underline;}
#contact .col2 { float: left; margin: 50px 0 0 30px; width: 235px;}

/*----- Subpages -----*/

#pres #content { position: relative; background: url(images/prescontent.png) no-repeat;}
#pres blockquote { display: inline; float: left; margin: 332px 0 0 170px; width: 385px; text-align: justify; color: #603;}
#pres .col1 { display: inline; float: left; margin: 6px 0 0 92px; width: 570px; font-size: 16px; line-height: 170%; color: #360;}
#pres .col2 { display: inline; float: left; margin: 8px 0 0 170px; width: 180px;}
#pres .col3 { float: left; margin: 8px 0 0 26px; width: 180px;}

#age4 #content { position: relative; background: url(images/age4content.png) no-repeat;}
#age4 blockquote { display: inline; float: left; margin: 316px 0 0 142px; width: 450px; text-align: justify; color: #360;}
#age4 .col1 { display: inline; float: left; margin: 13px 0 0 115px; width: 110px; font-size: 16px; line-height: 170%; text-align: right; color: #603;}
#age4 .col2 { float: left; margin: 20px 0 0 22px; width: 175px;}
#age4 .col3 { float: left; margin: 20px 0 0 9px; width: 180px;}

#age8 #content { position: relative; background: url(images/age8content.png) no-repeat;}
#age8 blockquote { display: inline; float: left; margin: 244px 0 0 197px; width: 450px; text-align: justify; color: #603;}
#age8 .col1 { display: inline; float: left; margin: 7px 0 0 50px; width: 130px; text-align: right; font-size: 16px; line-height: 170%; color: #360;}
#age8 .col2 { float: left; margin: 13px 0 0 18px; width: 180px;}
#age8 .col3 { float: left; margin:  13px 0 0 11px; width: 200px;}
  #age8 .green { font-size: 16px; line-height: 170%; color: #360;}

#age12 #content { position: relative; background: url(images/age12content.png) no-repeat;}
#age12 blockquote { display: inline; float: left; margin: 314px 0 0 117px; width: 500px; text-align: justify; color: #603;}
#age12 .col1 { display: inline; float: left; margin: 11px 0 0 108px; width: 350px; text-align: right; font-size: 16px; line-height: 170%; color: #360;}
#age12 .col2 { display: inline; float: left; margin: 95px 0 0 -177px; width: 180px;}
#age12 .col3 { float: left; margin: 16px 0 0 13px; width: 180px;}

#law #content { position: relative; background: url(images/lawcontent.png) no-repeat;}
#law blockquote { display: inline; float: left; margin: 395px 0 0 102px; width: 258px; text-align: justify; color: #603;}
#law .col1 { display: inline; float: left; margin: 22px 0 0 129px; width: 170px;}
#law .col2 { display: inline; float: left; margin: 22px 0 0 70px; width: 170px;}

#comp #content { position: relative; background: url(images/compcontent.png) no-repeat;}
#comp blockquote { display: inline; float: left; margin: 0 0 0 0; width: 258px; text-align: justify; color: #603;}
#comp .col1 { margin: 70px 0 0 460px; width: 290px;}
#comp .maroon { color: #603; font-weight: bold;}
#comp .form { margin: 15px 0 0 460px; width: 380px;}


/* FORM ELEMENTS */


.fieldNote {
	width: 260px;
	float: left;
}

.fieldNoteWide {
	width: 400px; 
}

.fieldNote p, .fieldNoteWide p {
	font-size: 0.85em;
	color: #333;
	margin: 0 0 1em;
}

.fieldNote strong, .fieldNoteWide strong {
	font-weight: normal;
	color: black;
}