/*-----------------------------------------------------------------------------
Main Style Sheet created for Ecotex School Bags

Version:        1.1
Created:        April 2009
Last Edited:    30th September 2009
Edits Made:     Revised Home Page, added Map Link.
Coded by:       Richard Dale
Company:        Qwerty Design
Email:          richard@qwerty-design.co.uk
Website:        http://www.qwerty-design.co.uk
-----------------------------------------------------------------------------*/
/*Reset Browser Styles*/
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, li, fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

a:link, a:visited {
	text-decoration: none;
	color: #404041;
}

/*Remove dotted line around links in Firefox*/
a:focus {
	-moz-outline-style: none;
}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.65em;
	color: #404041;
	background: url(../images/backgroundGradStrip.jpg) repeat-x;
}

/*Use Body Tag ID to create different lengths of page
Border Construction Styles before content styles
*/
div#dropShadow {
	width: 994px;
	margin: 5px auto;
}

body#homePage div#dropShadow, body#kidsStuff div#dropShadow, body#contactUs div#dropShadow {
	height: 1225px;
	background: url(../images/dropShadMainPg.jpg) no-repeat;
}

body#howItWorks div#dropShadow, body#whoWeHelp div#dropShadow {
	height: 1524px;
	background: url(../images/dropShadLongPg.jpg) no-repeat;
}

div#container {
	width: 970px;
	margin: 12px 0 0 12px;
	float: left;
	display: inline;
	position: relative;
}

body#homePage div#container, body#kidsStuff div#container, body#contactUs div#container {
	height: 1204px;
}

body#howItWorks div#container, body#whoWeHelp div#container {
	height: 1503px;
}

div#logoArea {
	width: 341px;
	height: 315px;
	background: url(../images/logoAreaBG.jpg) no-repeat;
	float: right;
	position: relative;
}

body#kidsStuff div#logoArea {
	background: url(../images/logoAreaBGKidsStuff.jpg) no-repeat;
}

div#mainMenu {
	width: 629px;
	height: 140px;
	background: url(../images/mainMenuBG.jpg) no-repeat;
	float: left;
}

div#mainContent {
	width: 627px;
	background: #f1f0e5 url(../images/mainColBack.jpg) no-repeat left top;
	border-left: solid 2px #abc3ce;
	float: left;
	position: relative;
}

body#kidsStuff div#mainContent {
	background: #f1f1f2 url(../images/mainColBackKidsStuff.jpg) no-repeat left top;
}

body#homePage div#mainContent, body#kidsStuff div#mainContent, body#contactUs div#mainContent  {
	height: 902px;
}

body#howItWorks div#mainContent, body#whoWeHelp div#mainContent {
	height: 1201px; 
}

div#secondaryContent {
	width: 338px;
	background: #fcf7cd;
	float: right;
	border-left: solid 1px #f6921e;
	border-right: solid 2px #abc3ce;
}

body#kidsStuff div#secondaryContent {
	background: #d0f1f7;
	border-left: solid 1px #00adee;
}

body#homePage div#secondaryContent, body#kidsStuff div#secondaryContent, body#contactUs div#secondaryContent {
	height: 727px;
}

body#howItWorks div#secondaryContent, body#whoWeHelp div#secondaryContent {
	height: 1026px;
}

div#footer {
	width: 966px;
	height: 150px;
	background: url(../images/footerBackgroundGrad.jpg) repeat-x;
	border: solid 2px #abc3ce;
	border-top: solid 10px #98d5d8;
	clear: both;
	position: relative;
}

div#footerInnerClouds {
	width: 966px;
	height: 150px;
	background: url(../images/clouds.gif) no-repeat left bottom;
	position: absolute;
	left: 0;
	bottom: 0;
}

/*Home Page Main Content Styles
Home Page Main Menu*/
ul#mainNav {
	width: 584px;
	height: 87px;
	margin: 51px 0 0 17px;
	list-style-type: none;
}

ul#mainNav li {
	float: left;
	text-indent: -99999px;
}

body#homePage ul#mainNav li.home {
	background: url(../images/menuHomeDown.png) no-repeat;
	margin-top: 5px;
}

body#homePage ul#mainNav li.home a {
	display: block;
	width: 69px;
	height: 81px;
}

body#howItWorks ul#mainNav li.home, body#whoWeHelp ul#mainNav li.home, body#kidsStuff ul#mainNav li.home,
body#contactUs ul#mainNav li.home {
	background: url(../images/menuHome.png) no-repeat;
	margin-top: 49px;
}

body#howItWorks ul#mainNav li.home a, body#whoWeHelp ul#mainNav li.home a, body#kidsStuff ul#mainNav li.home a,
body#contactUs ul#mainNav li.home a {
	display: block;
	width: 69px;
	height: 37px;
}
 
body#howItWorks ul#mainNav li.howItWorks {
	background: url(../images/menuHowItWorksDown.png) no-repeat;
	margin: 1px 0 0 11px;
}

body#howItWorks ul#mainNav li.howItWorks a {
	display: block;
	width: 125px;
	height: 81px;
}

body#homePage ul#mainNav li.howItWorks a, body#whoWeHelp ul#mainNav li.howItWorks a, body#kidsStuff ul#mainNav li.howItWorks a, body#contactUs ul#mainNav li.howItWorks a {
	background: url(../images/menuHowItWorks.png) no-repeat;
	margin: 47px 0 0 11px;
	cursor: pointer;
}

body#homePage ul#mainNav li.howItWorks a, body#whoWeHelp ul#mainNav li.howItWorks a, body#kidsStuff ul#mainNav li.howItWorks a, body#contactUs ul#mainNav li.howItWorks a {
	display: block;
	width: 125px;
	height: 35px;
}

body#whoWeHelp ul#mainNav li.whoWeHelp {
	background: url(../images/menuWhoHelpDown.png) no-repeat;
	margin: 1px 0 0 13px;
}

body#whoWeHelp ul#mainNav li.whoWeHelp a {
	display: block;
	width: 126px;
	height: 82px;
}

body#homePage ul#mainNav li.whoWeHelp, body#howItWorks ul#mainNav li.whoWeHelp, body#kidsStuff ul#mainNav li.whoWeHelp, body#contactUs ul#mainNav li.whoWeHelp {
	background: url(../images/menuWhoHelp.png) no-repeat;
	margin: 47px 0 0 13px;
}

body#homePage ul#mainNav li.whoWeHelp a, body#howItWorks ul#mainNav li.whoWeHelp a, body#kidsStuff ul#mainNav li.whoWeHelp a, body#contactUs ul#mainNav li.whoWeHelp a {
	display: block;
	width: 126px;
	height: 36px;
}

body#kidsStuff ul#mainNav li.kidsStuff {
	background: url(../images/menuKidsStuffDown.png) no-repeat;
	margin: 0 0 0 14px;
}

body#kidsStuff ul#mainNav li.kidsStuff a {
	display: block;
	width: 106px;
	height: 83px;
}

body#homePage ul#mainNav li.kidsStuff, body#howItWorks ul#mainNav li.kidsStuff, body#whoWeHelp ul#mainNav li.kidsStuff, body#contactUs ul#mainNav li.kidsStuff {
	background: url(../images/menuKidsStuff.png) no-repeat;
	margin: 47px 0 0 14px;
}

body#homePage ul#mainNav li.kidsStuff a, body#howItWorks ul#mainNav li.kidsStuff a, body#whoWeHelp ul#mainNav li.kidsStuff a, body#contactUs ul#mainNav li.kidsStuff a {
	display: block;
	width: 106px;
	height: 36px;
}

body#contactUs ul#mainNav li.contactUs {
	background: url(../images/menuContactDown.png) no-repeat;
	margin: 0 0 0 12px;
}

body#contactUs ul#mainNav li.contactUs a {
	display: block;
	width: 108px;
	height: 82px;
}

body#homePage ul#mainNav li.contactUs, body#howItWorks ul#mainNav li.contactUs, body#whoWeHelp ul#mainNav li.contactUs, body#kidsStuff ul#mainNav li.contactUs {
	background: url(../images/menuContact.png) no-repeat;
	margin: 46px 0 0 12px;
}

body#homePage ul#mainNav li.contactUs a, body#howItWorks ul#mainNav li.contactUs a, body#whoWeHelp ul#mainNav li.contactUs a, body#kidsStuff ul#mainNav li.contactUs a {
	display: block;
	width: 108px;
	height: 38px;
}

h1.schoolBagsLogo {
	text-indent: -99999px;
	background: url(../images/schoolBagsLogo.jpg) no-repeat;
	position: absolute;
	top: 22px;
	right: 13px;
}

h1.schoolBagsLogo a {
	display: block;
	width: 258px;
	height: 222px;
}

h2.sayHello, h2.whoInvolved, h2.helpingTheEnviron {
	text-indent: -99999px;
	height: 29px;
}

h2.sayHello {
	width: 337px;
	margin: 72px 0 0 43px;
	background: url(../images/homeH2SayHello.gif) no-repeat;
}

p.firstPara {
	font-size: 1em;
	margin: 4px 0 0 43px;	
	width: 280px;
}

p.stdPara {
	margin: 30px 0 0 43px;
	width: 500px;
}

body#homePage p.stdPara span {
	width: 300px;
	display: block;
}

p.stdFirstPara {
	margin: 4px 0 0 43px;	
	width: 500px;
}

body#homePage img.littleBoy {
	position: absolute;
	top: 97px;
	right: 2px;
}

h2.whoInvolved {
	width: 277px;
	background: url(../images/homeH2WhoInvolved.gif) no-repeat;
	margin: 36px 0 0 43px;
}

h2.helpingTheEnviron {
	width: 319px;
	background: url(../images/homeH2HelpingTheEnviron.gif) no-repeat;
	margin: 36px 0 0 43px;
}

body#homePage img.recycleCircle {
	position: absolute;
	bottom: 80px;
	right: 26px;
}

div#mainContent p a:link, div#mainContent p a:visited {
	background: #C6DD66;
}

div#mainContent p a:hover {
	text-decoration: underline;	
}

/*Home Page Secondary Content Styles*/
h3.getPoster, h3.didYouKnow, h3.greatNews, h3.doCollect {
	text-indent: -99999px;
	height: 21px;
}

h3.doCollect {
	width: 236px;
	background: url(../images/homeH3DoWeCollect.gif) no-repeat;
	margin: 13px 0 0 29px;
}

h3.getPoster {
	width: 262px;
	background: url(../images/genericH3GetPoster.gif) no-repeat;
	margin: 13px 0 0 29px;
}

div#secondaryContent p {
	width: 280px;	
	margin: 2px 0 0 29px;
	padding-bottom: 80px;
	border-bottom: 1px solid #f6921e;
}

div#secondaryContent p.yourSchool {
	padding-bottom: 50px;
}

div#secondaryContent p a:link, div#secondaryContent p a:visited {
	background: #F7E861;
}

div#secondaryContent p a:hover {
	text-decoration: underline;	
}
	
div#secondaryContent img.posterIcon {
	margin: -160px 15px 0 0;
	float: right;
}

div#secondaryContent img.mapIcon {
	margin: -165px 15px 0 0;
	float: right;
}

h3.didYouKnow {
	width: 129px;
	background: url(../images/homeH3DidYouKnow.gif) no-repeat;
	margin: 20px 0 0 29px;
}
				
div#secondaryContent img.awardIcon {
	margin: -140px 15px 0 0;
	float: right;
}

div#secondaryContent p.awardText {
	padding-bottom: 50px;
}

h3.greatNews {
	width: 189px;
	background: url(../images/homeH3GreatNews.gif) no-repeat;
	margin: 20px 0 0 29px;
}

div#secondaryContent p.wellDoneText {
	padding-bottom: 0;
	border-bottom: none;
}

div#secondaryContent img.wellDoneIcon {
	margin: -105px 8px 0 0;
	float: right;
}

/*Generic Footer Styles*/
div#footer h4 {
	text-indent: -99999px;
	background: url(../images/genericEcotexLogo.jpg) no-repeat;
	position: absolute;
	top: 15px;
	left: 43px;
}

div#footer h4 a {
	display: block;
	width: 129px;
	height: 33px;
}

ul#address, ul#contactDetails, ul#quickLinks {
	font-size: .75em;
	line-height: 1.75em;
	list-style-type: none;
	border-right: 1px solid #404041;
	float: left;
	width: auto;
	padding-right: 18px;
}

ul#address {
	margin: 15px 0 0 200px;
}

*html ul#address {
	margin-left: 100px;	
}

ul#contactDetails, ul#quickLinks {
	margin: 15px 0 0 18px;
}

ul#quickLinks {
	border-right: none;	
}

ul#address a:link, ul#address a:visited, ul#contactDetails a:link, ul#contactDetails a:visited,
ul#quickLinks a:link, ul#quickLinks a:visited {
	background: #98D5D8;
}

ul#address a:hover, ul#contactDetails a:hover, ul#quickLinks a:hover {
	text-decoration: underline;
}

div#footerInnerClouds p {
	font-size: .7em;
	clear: left;
	text-align: center;
	padding-top: 26px;
}

div#footerInnerClouds p a:hover {
	text-decoration: underline;	
}

/*How it works Main Content Styles*/
h2.itWorks, h2.afterReg, h2.followingColl {
	text-indent: -99999px;		
	height: 29px;
}

h2.itWorks {
	width: 180px;
	background: url(../images/howItWorksH2HowItWorks.gif) no-repeat;
	margin: 72px 0 0 43px;
}

h2.afterReg {
	float: left;
	width: 467px;
	background: url(../images/howItWorksH2WhatHappens.gif) no-repeat;
	margin: 43px 0 0 43px;
	display: inline;
}

h2.followingColl {
	float: left;
	width: 282px;
	background: url(../images/howItWorksH2Following.gif) no-repeat;
	margin: 43px 0 0 43px;
	display: inline;
}

/*How it works Secondary Content Styles*/
*html body#homePage div#secondaryContent p,
*html body#howItWorks div#secondaryContent p, *html body#whoWeHelp div#secondaryContent p,
*html body#kidsStuff div#secondaryContent p, *html body#contactUs div#secondaryContent p {
	margin-top: -3px;
}

h3.raiseFourHun, h3.bonus {
	text-indent: -99999px;
	height: 21px;
}

h3.raiseFourHun {
	width: 193px;
	background: url(../images/howItWorksH3Raise.gif) no-repeat;
	margin: 13px 0 0 29px;
}

body#howItWorks div#secondaryContent p.raiseText {
	padding-bottom: 35px;
}

body#howItWorks div#secondaryContent img.coins {
	margin: -165px 25px 0 0;
}

h3.bonus {
	width: 133px;
	background: url(../images/howItWorksH3Bonus.gif) no-repeat;
	margin: 20px 0 0 29px;
}

/*Who We Help Main Content Styles*/
h2.weHelp, h2.whatHappens, h2.helpEnviron {
	text-indent: -99999px;		
	height: 29px;
}

h2.weHelp {
	width: 183px;
	background: url(../images/whoWeHelpH2WeHelp.gif) no-repeat;
	margin: 72px 0 0 43px;
}

body#howItWorks p.stdFirstPara, body#whoWeHelp p.stdFirstPara {
	width: 560px;
	clear: left;
}

/*Added Class to whoWeHelp image to prevent conflict with Lightbox2*/
body#howItWorks img, body#whoWeHelp img.help, body#contactUs img {
	float: right;
	padding: 10px 0 0 40px;
}

h2.whatHappens {
	float: left;
	width: 398px;
	background: url(../images/whoWeHelpH2WhatHappens.gif) no-repeat;
	margin: 43px 0 0 43px;
	display: inline;
}

p.captionOne, p.captionTwo, p.captionThree {
	position: absolute;
	left: 345px;
}

p.captionOne {
	top: 362px;
}

p.captionTwo {
	top: 697px;
}

p.captionThree {
	bottom: 141px;	
}

h2.helpEnviron {
	float: left;
	width: 386px;
	background: url(../images/whoWeHelpH2HelpEnviron.gif) no-repeat;
	margin: 43px 0 0 43px;
	display: inline;
}

/*Who We Help Secondary Content Styles*/
h3.theLoop, h3.recycleNow, h3.regForm, h3.partOfEcotex {
	text-indent: -99999px;
	height: 21px;
}

h3.theLoop {
	width: 214px;
	background: url(../images/whoWeHelpH3TheLoop.gif) no-repeat;
	margin: 13px 0 0 29px;
}

body#howItWorks div#secondaryContent p, body#whoWeHelp div#secondaryContent p {
	padding-bottom: 25px;
}

h3.recycleNow {
	width: 140px;
	background: url(../images/whoWeHelpH3StartRecycle.gif) no-repeat;
	margin: 20px 0 0 29px;
}

body#whoWeHelp img.recycleNowLogo {
	border: none;
	margin: -65px 30px 0 0;
	float: right;
}

h3.regForm {
	width: 247px;
	background: url(../images/genericH3RegForm.gif) no-repeat;
	margin: 20px 0 0 29px;
}

body#howItWorks img.pdfLogo, body#contactUs img.pdfLogo {
	margin: -108px 20px 0 0;
	border: none;
}

body#whoWeHelp img.pdfLogo {
	border: none;
	margin: -98px 20px 0 0;
	float: right;
}

body#howItWorks div#secondaryContent p.regFormText, body#whoWeHelp div#secondaryContent p.regFormText,
body#contactUs div#secondaryContent p.regFormText
{
	padding-bottom: 55px;
}

body#howItWorks h3.getPoster, body#whoWeHelp h3.getPoster {
	margin-top: 20px;
}

body#howItWorks div#secondaryContent p.posterText, body#whoWeHelp div#secondaryContent p.posterText {
	padding-bottom: 80px;
}

body#howItWorks div#secondaryContent img.posterIcon {
	margin: -170px 15px 0 0;
}

body#whoWeHelp div#secondaryContent img.posterIcon {
	margin: -160px 15px 0 0;
}

h3.partOfEcotex {
	width: 253px;
	background: url(../images/genericH3PartOfEcotex.gif) no-repeat;
	margin: 20px 0 0 29px;
}

body#howItWorks div#secondaryContent p.partOfText, body#whoWeHelp div#secondaryContent p.partOfText {
	border: none;
	padding-bottom: 0;
}
/*Kids Stuff Main Content Styles*/
h2.colourIn, h2.tastySnacks {
	text-indent: -99999px;
	height: 29px;
}

h2.colourIn {
	width: 168px;
	margin: 72px 0 0 43px;
	background: url(../images/kidsStuffH2ColourIn.gif) no-repeat;
}

body#kidsStuff p.firstPara {
	width: 510px;
}

body#kidsStuff p a:link, body#kidsStuff p a:visited {
	background: none;	
}

body#kidsStuff ul#colourInList {
	width: 557px;
	height: 374px;
	list-style-type: none;
	margin: 25px 0 0 40px;
}

body#kidsStuff ul#colourInList li h4 img {
	border: none;
}

body#kidsStuff ul#colourInList li {
	width: 181px;
	float: left;
}

body#kidsStuff ul#colourInList li.bottomRowLH, body#kidsStuff ul#colourInList li.bottomRowCEN, body#kidsStuff ul#colourInList li.bottomRowRH {
	margin-top: 45px;
}

body#kidsStuff ul#colourInList li.topRowCEN, body#kidsStuff ul#colourInList li.bottomRowCEN, body#kidsStuff ul#colourInList li.topRowRH, body#kidsStuff ul#colourInList li.bottomRowRH {
	margin-left: 7px;	
}

body#kidsStuff ul#colourInList li p a:link, body#kidsStuff ul#colourInList li p a:visited {
	padding-left: 3px;
}

h2.tastySnacks {
	width: 172px;
	background: url(../images/kidsStuffH2Tasty.gif) no-repeat;
	margin: 46px 0 0 43px;
}

body#kidsStuff ul#recipeList {
	width: 557px;
	height: 168px;
	list-style-type: none;
	margin: 25px 0 0 40px;
}

body#kidsStuff ul#recipeList li h4 img {
	border: none;
}

body#kidsStuff ul#recipeList li {
	width: 181px;
	float: left;
}

body#kidsStuff ul#recipeList li p a:link, body#kidsStuff ul#recipeList li p a:visited {
	padding-left: 3px;
}

body#kidsStuff ul#recipeList li.CEN, body#kidsStuff ul#recipeList li.RH {
	margin-left: 7px;	
}

h3.thePoll, h3.links {
	text-indent: -99999px;
	height: 21px;
}

h3.thePoll {
	width: 203px;
	background: url(../images/kidsStuffH3Poll.gif) no-repeat;
	margin: 13px 0 0 29px;
}

body#kidsStuff div#secondaryContent p {
	border: none;
	padding-bottom: 0;
}

body#kidsStuff div#secondaryContent p.formTitle {
	padding: 10px 0 0 28px;
}

form#pollForm {
	width: 275px;
	height: auto;
	margin: 0 0 0 28px;
}

form#pollForm input {
	float: left;
	margin-top: 7px;
}

*html form#pollForm input {
	margin-top: 3px;
}

form#pollForm label { 
	float: left;
	width: 100%;
}

form#pollForm label span {
	float: right;
	width: 89%;
}

form#pollForm div input {
	border: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color: #fff;
	background: #00aced;
	width: 60px;
	height: 31px;
	cursor: pointer;
	border: 2px solid #0c84c7;
	margin: 10px 0 0 32px;
}

form#pollForm div input:hover {
	border: 2px solid #03066f;
}

h3.links {
	clear: left;	
	float: left;
	background: url(../images/kidsStuffH3Other.gif) no-repeat;
	margin: 25px 0 0 29px;
	width: 186px;
	display: inline;
}

body#kidsStuff div#secondaryContent p.linkText {
	clear: left;
	width: auto;
}

body#kidsStuff ul#linksList {
	width: 288px;
	height: 250px;
	list-style-type: none;
	margin: 10px 0 0 26px;
}

body#kidsStuff ul#linksList li {
	width: 137px;
	height: 76px;
	float: left;
}

body#kidsStuff ul#linksList li img {
	border: none;	
}

body#kidsStuff ul#linksList li.rightTop, body#kidsStuff ul#linksList li.rightCen, body#kidsStuff ul#linksList li.rightBot {
	margin-left: 14px;	
}

body#kidsStuff ul#linksList li.leftCen, body#kidsStuff ul#linksList li.rightCen, body#kidsStuff ul#linksList li.leftBot, body#kidsStuff ul#linksList li.rightBot {
	margin-top: 11px;	
}



/*Contact Us Main Content Styles*/
h2.contactSchool {
	text-indent: -99999px;
	height: 29px;
	width: 281px;
	margin: 72px 0 0 43px;
	background: url(../images/contactH2Contact.gif) no-repeat;
}

body#contactUs #secondaryContent h3.regForm {
	margin: 13px 0 0 29px;
}

body#contactUs #secondaryContent p {
	margin: 2px 0 0 29px;
	width: 280px;
}

h3.howToFind, h3.contactDetails {
	text-indent: -99999px;
	height: 21px;
	width: 126px;
	background: url(../images/contactH3HowToFind.gif) no-repeat;
	margin: 20px 0 0 29px;
}

h3.howToFind {
	width: 126px;
	background: url(../images/contactH3HowToFind.gif) no-repeat;
}

body#contactUs #secondaryContent p.findUsText {
	padding-bottom: 25px;	
}

h3.contactDetails {
	width: 164px;
	background: url(../images/contactH3OurDetails.gif) no-repeat;
}

body#contactUs #secondaryContent p.contactDetailsTextTop {
	padding-bottom: 25px;
	border-bottom: none;
}

body#contactUs #secondaryContent p.contactDetailsTextBot {
	padding-bottom: 0;
	border-bottom: none;
}

/*The Contact Form Styles
overflow:auto used to force the div to acknowledge its full length*/
form#contactForm {
	width: 558px;
	height: auto;
	overflow:auto;
	margin: 28px 0 0 43px;
}

form#contactForm input, form#contactForm textarea { 
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color: #404041;
}

form#contactForm fieldset#requiredFields input, form#contactForm fieldset#requiredFields textarea {
	border: 2px solid #FF8B00;
	background: #FCF7CD;
}

form#contactForm fieldset#requiredForReg input, form#contactForm fieldset#requiredForReg textarea {
	border: 2px solid #31540B;
	background: #E6F9CA;
}

form#contactForm input { 
	height: 24px;
	width: 285px;
	padding-top: 5px;
}

form#contactForm textarea { 
	width: 285px;
	height: 90px;
	overflow: auto;
}

form#contactForm fieldset#requiredFields input:hover, form#contactForm fieldset#requiredFields textarea:hover { 
	border: 2px solid #D2000F;
}

form#contactForm fieldset#requiredForReg input:hover, form#contactForm fieldset#requiredForReg textarea:hover { 
	border: 2px solid #69B209;
}

form#contactForm fieldset#requiredFields input:focus, form#contactForm fieldset#requiredFields textarea:focus { 
	background: #F7E861;
}

form#contactForm fieldset#requiredForReg input:focus, form#contactForm fieldset#requiredForReg textarea:focus { 
	background: #C6DD66;
}

form#contactForm label { 
	float: left;
	width: 100%;
	padding-bottom: 10px;
}

form#contactForm label span {
	float: left; 
	width: 45%;
	height: 29px;
	font-size: 1em;
	text-align: left;
	padding-top: 6px;
	margin-right: 8px;
}

form#contactForm label span.required {
	background: url(../images/contactRequiredRed.gif) no-repeat center right;
}

form#contactForm label span.reqForReg {
	background: url(../images/contactRequiredGreen.gif) no-repeat center right;
}

/*Remove all button styles, button would have black stroke otherwise in IE6*/
form#contactForm div input {
	border: none;
	background: none;
	cursor: pointer;
	width: 60px;
	height: 29px;
	padding-bottom: 8px;
}

/*Style Div to make it look like a button*/
form#contactForm div {
	width: 60px;
	height: 29px;
	border: 2px solid #2E3191;
	background: #C7DAE7;
	float: right;
	margin-right: 7px;
	display: inline;
}

form#contactForm div:hover {
	border: 2px solid #00ADEE;
}

body#contactUs img.reqIconRed {
	margin-left: 3px;
	float: left;
	padding-right: 8px;
}

body#contactUs p.requiredText {
	margin-top: 9px;
	float: left;
}

body#contactUs img.reqIconGreen {
	float: left;
	margin-left: -10px;
	padding-right: 8px;
}

/*Contact Success Page Styles*/
h2.thanksForEmail {
	text-indent: -99999px;
	height: 29px;
	width: 256px;
	margin: 72px 0 0 43px;
	background: url(../images/contactSuccH2Thanks.gif) no-repeat;
}

body#contactUs img.contactBird {
	margin: -75px 30px 0 0;
}