/* CSS Document */

* {padding: 0; margin: 0;}
div {padding:0; margin:0}
p {margin:0px 0px 15px 0px; padding:0px; text-indent:0px;}
div > p:first-child {text-indent:0;}

ul {padding: 0; margin:0px 10px 15px 30px;}
li {margin:0px 0px 5px 0px;}
img {border:none;}

ol {list-style-type: lower-alpha; list-style-position:outside; margin:0px 0px 0px 40px;}

body {font:12px/16px "Lucida Sans Unicode", "lucida grande", Arial, Helvetica, sans-serif; color:#868686;}
body.hm{background: #1e1e1e url(../images_layout/pageBG_hm.jpg) repeat-x top;}
body.fw{background: #1e1e1e url(../images_layout/pageBG_hm.jpg) repeat-x top;}
body.cr{background: #1e1e1e url(../images_layout/pageBG_hm.jpg) repeat-x top;}
body.ft{background: #519fb3 url(../images_layout/pageBG_ft.jpg) repeat-x top;}

body.cc{background: #526a0a url(../images_layout/pageBG_cc.jpg) repeat-x top;}
body.es{background: #710c00 url(../images_layout/pageBG_es.jpg) repeat-x top;}
body.sd{background: #18655d url(../images_layout/pageBG_sd.jpg) repeat-x top;}
body.hr{background: #6f4811 url(../images_layout/pageBG_hr.jpg) repeat-x top;}


#page{width:902px; margin:0 auto;}
#header{height:165px;}

#wrapper{}
.hm #wrapper{background: #000000 url(../images_layout/cols_hm.gif) repeat-y; border-top: 2px solid #333333;}
.cc #wrapper{background: #000000 url(../images_layout/cols_campaign.gif) repeat-y; border-top: 2px solid #99cc33;}
.es #wrapper{background: #000000 url(../images_layout/cols_campaign.gif) repeat-y; border-top: 2px solid #ce2e20;}
.sd #wrapper{background: #000000 url(../images_layout/cols_campaign.gif) repeat-y; border-top: 2px solid #08b2a0;}
.hr #wrapper{background: #000000 url(../images_layout/cols_campaign.gif) repeat-y; border-top: 2px solid #c4a100;}
.fw #wrapper{background: #000000 url(../images_layout/cols_campaign.gif) repeat-y; border-top: 2px solid #333333;}
.cr #wrapper{background: #000000 url(../images_layout/cols_2cols.gif) repeat-y; border-top: 2px solid #333333;}
.ft #wrapper{background: #000000 url(../images_layout/cols_ft.gif) repeat-y; border-top: 2px solid #519fb3;}

#wrapperL{float:left; width:109px; padding:0px 10px 0px 10px; margin-left:1px;}
#wrapperR{float:right; width:770px; background:#003333; margin-right:1px;}
.hm #wrapperR{background:url(../images_page/hm/pageBg.jpg) no-repeat top right;}
.cc #wrapperR{background:url(../images_page/cc/pageBg.jpg) no-repeat top right;}
.es #wrapperR{background:url(../images_page/es/pageBg.jpg) no-repeat top right;}
.sd #wrapperR{background:url(../images_page/sd/pageBg.jpg) no-repeat top right;}
.hr #wrapperR{background:url(../images_page/hr/pageBg.jpg) no-repeat top right;}
.fw #wrapperR{background:url(../images_page/fw/pageBg.jpg) no-repeat top right;}
.cr #wrapperR{background:url(../images_page/cr/pageBg.jpg) no-repeat top right;}
.ft #wrapperR{background: #000000 url(../images_page/ft/pageBg.jpg) no-repeat top right;}

#grass{background:url(../images_layout/footerGrass.jpg) repeat-x top;}
#grassR{float:right;}
#grassL{float:left;}

#footer {
	clear: both; background-color:#000000;
	font-size:10px; font-weight:bold; line-height:20px; font-family: Arial, Helvetica, sans-serif;
	border-right:1px dotted #393939; border-left:1px dotted #393939;
}
#footerNav{padding:17px 15px 15px 15px; text-align:center; border-top:1px solid #333333; border-bottom:1px solid #333333; background: #111111 url(../images_layout/footerNavBG.gif) repeat-x;}
#footer a{margin:3px 8px 3px 8px; border-bottom:none; font-weight:bold;}

#footerCopyright{width:880px; padding:20px; text-align:center; margin:0px;}
#siteBy{margin:0px 0px 0px 20px;}

.clear{width:100%; clear:both;}
.diagonal{width:100%; background:url(../images_layout/diagonal.gif) repeat-x; height:300px; margin-top:10px;}

a:link{color:#e4e4e4; text-decoration:none; border-bottom:1px dotted #e4e4e4;}
a:visited{color:#e4e4e4; text-decoration:none; border-bottom:1px dotted #e4e4e4;}
a:hover{color:#6d6d6d; text-decoration:none; border-bottom:0px dotted #6d6d6d;}
a:active{color:#ffffff; text-decoration:none; border-bottom:0px dotted #ffffff;}

a.featureLink:link{color:#519fb3; border-bottom:none;}
a.featureLink:visited{color:#519fb3; border-bottom:none;}
a.featureLink:hover{color:#6d6d6d; border-bottom:none;}
a.featureLink:active{color:#FFFFFF; border-bottom:none;}

a.ccLink:link{color:#99cc33; border-bottom:none;}
a.ccLink:visited{color:#99cc33; border-bottom:none;}
a.ccLink:hover{color:#6d6d6d; border-bottom:none;}
a.ccLink:active{color:#FFFFFF; border-bottom:none;}

a.esLink:link{color:#ce2e20; border-bottom:none;}
a.esLink:visited{color:#ce2e20; border-bottom:none;}
a.esLink:hover{color:#6d6d6d; border-bottom:none;}
a.esLink:active{color:#FFFFFF; border-bottom:none;}

a.sdLink:link{color:#08b2a0; border-bottom:none;}
a.sdLink:visited{color:#08b2a0; border-bottom:none;}
a.sdLink:hover{color:#6d6d6d; border-bottom:none;}
a.sdLink:active{color:#FFFFFF; border-bottom:none;}

a.hrLink:link{color:#c4a100; border-bottom:none;}
a.hrLink:visited{color:#c4a100; border-bottom:none;}
a.hrLink:hover{color:#6d6d6d; border-bottom:none;}
a.hrLink:active{color:#FFFFFF; border-bottom:none;}

/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*	Title	*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
h1 {font:34px/40px "Lucida Sans Unicode", "lucida grande", Arial, Helvetica, sans-serif; font-weight:normal; text-transform:capitalize; color:#e5e5e5;} /*	page title	*/
h2 {font:16px/20px "Lucida Sans Unicode", "lucida grande", Arial, Helvetica, sans-serif; font-weight:normal; text-transform:capitalize; margin:3px 0px 10px 0px;}
h3 {font:18px/24px "Lucida Sans Unicode", "lucida grande", Arial, Helvetica, sans-serif; font-weight:normal; text-transform:capitalize;}
h4 {font:15px/20px "Lucida Sans Unicode", "lucida grande", Arial, Helvetica, sans-serif; font-weight:normal; text-transform:capitalize; margin:3px 0px 5px 0px;}
h5 {font:13px/16px "Lucida Sans Unicode", "lucida grande", Arial, Helvetica, sans-serif; font-weight:normal; text-transform:capitalize; margin:3px 0px 5px 0px;}
h6 {font:16px/18px "Lucida Sans Unicode", "lucida grande", Arial, Helvetica, sans-serif; font-weight:normal; margin:40px 0px 10px 0px; color:#cccccc;}

.cc h1{color:#99cc33;} .cc h3{color:#99cc33;} .cc h4{color:#99cc33;}
.es h1{color:#ce2e20;} .es h3{color:#ce2e20;} .es h4{color:#ce2e20;}
.sd h1{color:#08b2a0;} .sd h3{color:#08b2a0;} .sd h4{color:#08b2a0;}
.hr h1{color:#c4a100;} .hr h3{color:#c4a100;} .hr h4{color:#c4a100;}

/*	------------------------------------------------------------------------------------------------	*/
/*	CONTENT: Home	*/
/*	------------------------------------------------------------------------------------------------	*/
#contentL_hm{width:449px; float:left; padding:0px 20px 20px 20px; border-top:7px solid #333333;}
#contentR_hm{width:280px; float:right; padding:0px 0px 20px 0px;}

#blurbTitle_hm{margin-bottom:50px;}
#blurb_hm{font-size:14px; line-height:22px; width:285px;}

#support{margin:0px 0px 0px 0px;}

#hmActionsLink{font-size:12px; line-height:14px; padding:6px 0px 20px 0px; width:80%;}
#hmActionsLink ul {margin:0px 0px 0px 30px; list-style:disc;}
#hmActionsLink li {margin:0px 0px 8px 0px;}
#hmActionsLink a{font-weight:normal;}

.supportBox{margin:0px 0px 10px 0px;}
.supportBox h2{font-size:14px;}
.supportBox:hover .supportContent{background:#0b0b0b url(../images_layout/hoverBG.gif) repeat-x;}
#supportTabFeature{background: #111111; padding:5px 15px 5px 11px; font-weight:bold; color:#6b5818; font-size:10px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:1px; border-left:4px solid #519fb3;}
#supportTabCC{background: #111111; padding:5px 15px 5px 11px; font-weight:bold; color:#99cc33; font-size:10px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; border-left:4px solid #99cc33;}
#supportTabES{background: #111111; padding:5px 15px 5px 11px; font-weight:bold; color:#ce2e20; font-size:10px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; border-left:4px solid #ce2e20;}
#supportTabSD{background: #111111; padding:5px 15px 5px 11px; font-weight:bold; color:#08b2a0; font-size:10px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; border-left:4px solid #08b2a0;}
#supportTabHR{background: #111111; padding:5px 15px 5px 11px; font-weight:bold; color:#c4a100; font-size:10px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; border-left:4px solid #c4a100;}
#supportTab{background: #111111; padding:5px 15px 5px 11px; font-weight:bold; color:#555555; font-size:10px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; border-left:4px solid #555555;}

.supportImg{float:right; margin:2px 0px 4px 10px; border:3px solid #444444;}
.supportImg a{background-color:transparent; border:none;}
.supportImg img{border:1px solid #000000;}
.supportImg:hover{border:3px solid #e6e6e6;}

.supportFooter{
	padding:3px 0px 3px 10px; border-top:1px dotted #333333; background: url(../images_layout/viewAll.gif) left top no-repeat;
	font-size:10px; line-height:18px; 
}

.supportContent{padding:8px 15px 10px 15px;}
.supportContent:hover{background:#0b0b0b url(../images_layout/hoverBG.gif) repeat-x;}

.supportTxt{}


/*	------------------------------------------------------------------------------------------------	*/
/*	CONTENT: Campaigns	*/
/*	------------------------------------------------------------------------------------------------	*/
#contentR_campaign{width:180px; float:right; padding:20px 15px 20px 15px;}

#contentL_campaign{width:520px; float:left; float:left; padding:30px 20px 0px 20px; border-top:5px solid #99cc33;}
.cc #contentL_campaign{ border-top:5px solid #99cc33;}
.es #contentL_campaign{ border-top:5px solid #ce2e20;}
.sd #contentL_campaign{ border-top:5px solid #08b2a0;}
.hr #contentL_campaign{ border-top:5px solid #c4a100;}
.fw #contentL_campaign{ border-top:5px solid #333333;}
.cr #contentL_campaign{ border-top:0px solid #333333;}
.ft #contentL_campaign{ border-top:0px solid #519fb3;}

#campaignBlurb{padding:0px 0px 0px 10px; width:300px;}
#campaignTitle{margin:10px 0px 20px 0px;}
#campaignTxt{font-size:14px; line-height:22px; width:300px;}

#campaignsTitle{margin:40px 0px 15px 15px;}
.campaigns{width:520px; margin-left:0px; border-top:2px solid #414141; margin-bottom:20px;}
.campaign{padding:15px 15px 5px 15px; border-bottom:1px dotted #3a3a3a; background:#111111 url(../images_layout/overviewBoxBg.gif) repeat-x;}
.campaign:hover{background:#0b0b0b url(../images_layout/hoverBG.gif) repeat-x;}

.campaignTxt{}

.campaignImgHolder{float:right; margin:4px 0px 12px 14px; width: 230px;}
.campaignImg{ padding:1px 1px 1px 1px; border:3px solid #444444;}
.campaignImg img{border:1px solid #000000;}
.campaignImg a{background-color:transparent; border-bottom:none;}
.campaignImg:hover{border:3px solid #ffffff;}
.campaignImgCaption{margin-top:3px; background:url(../images_layout/triangle.gif) no-repeat center left; padding-left:7px;}
.campaignImgCaption a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; line-height:12px;}

.campaignClear{clear:both; height:10px; margin:0px; width:100%;}
.campaign p{margin:0px 0px 10px 0px;}

.more{margin:0px 0px 30px 10px; font-size:13px; line-height:20px; width:340px;}
.moreCaption{margin:0px 0px 10px 0px; background:url(../images_layout/triangle.gif) no-repeat center left; padding-left:10px;}
.displayOn {display: active;}
.displayOff {display: none;}

.youTube{width:345px; margin:40px 0px 30px 0px; border-bottom:1px dotted #393939; padding-bottom:3px;}
.youTubeVideo{border:3px solid #333333;}
.youTubeCaption{margin-top:5px; font-size:10px;}


/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*	Google search box	*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
#googleSearch{width:180px; padding:12px 0px 15px 0px; border-bottom:1px dotted #444444; margin:0px 0px 20px 0px; font-size:12px;}
#googleTitle{padding:0px 0px 0px 5px; font-size:15px;}
.googleInputTxt{background:#414141; border:0px solid #999999; padding:3px 2px 3px 2px; font:11px/14px "Lucida Sans Unicode", "lucida grande", Arial, Helvetica, sans-serif; color:#ffffff; width:143px;}
.googleTickBox{font:10px/12px "Lucida Sans Unicode", "lucida grande", Arial, Helvetica, sans-serif; margin:0px 0px 5px 0px;}
.googleBtn{float:right; padding-top:1px;}
.googoleSearchStr{background:#646464; padding:4px 0px 4px 5px; vertical-align:top;}


/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*	CONTENT: FragileWorld	*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
#fwBlurb{padding:0px 0px 0px 10px; width:300px;}
#fwTitle{margin:20px 0px 35px 0px;}
#fwTxt_lrg{font-size:13px; line-height:22px; width:400px;}
#fwTxt_sml{font-size:12px; line-height:18px; width:400px;}

#privacyDate{font-size:10px; margin:10px 0px 30px 0px;}

/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*	CONTENT: Newsletters	*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
.subscriptionForm{margin:20px 0px 100px 0px;}
.formEntry{width:300px; margin:5px 0px 5px 0px;}
.formLabel{float:left; width:80px;}
.formInput{float:right; width:220px;}
.textField{width:100%; border:0px solid #dfdfdf; background:#444444; font-size:12px; color:#868686; font-weight:normal; padding:4px 3px 4px 5px;}
.formBtn{background:none; border:1px solid #e4e4e4; color:#e4e4e4; margin:20px 20px 0px 0px; padding:3px 5px 3px 5px; font:10px/14px "lucida grande", "lucida sans", Arial, Helvetica, sans-serif; font-weight:bold;}

/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*	CONTENT: Contact Us	*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
.address{width:460px; margin:5px 0px 5px 0px; font-size:13px; line-height:18px;}
.addressLabel{float:left; width:150px;}
.addressDetail{float:left; width:310px;}
.addressSmlPrint{font-size:11px;}

/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*	CONTENT: Photo credits	*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/

.credits{width:610px; margin-top:40px;}
.credits a{font-size:11px; border-bottom:none; padding:1px 3px 1px 3px;}

.creditHeader{border-bottom:1px dotted #393939;}
.creditTitle{float:left; width:500px; font-size:15px; color:#CCCCCC; line-height:24px;}
.creditPrev{float:right; display:inline; padding:5px 10px 0px 0px;}
.creditClear{clear:both; height:1px; margin:2px 0px 5px 0px;}

.credit{width:122px; float:left;}
.photographer{font-size:11px; margin-bottom:5px; width:110px;}
.photo{}
.photo img{border:1px solid #393939;}