/* CSS Document */

*{
	margin: 0px;
	padding: 0px;
}
html, body {
    height: 100%;
    padding: 0px;
    margin: 0px;
}
#main {	font-family: Arial;
	font-size: 12px;
	color: #333333;

    margin: 0 auto;
    width: 980px;
}

#header{
	width:980px;
	height:150px;
}
  #mainLogo {
	background-image:url(../images/choose_wisely.png);
	background-repeat:no-repeat;
	width:368px;
	height:58px;
	float:left;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 0px;
	margin-right: 0px;
	cursor:pointer;
  }
    #mainLogo h1, #mainLogo small {  
      display:block;  
      text-indent:-9999px;  
  }  
  #topLeft{
	width: 368px;
	float: left;
	height: 110px;
  
  }
  #topRight{
	width:612px;
	float:right;
	position: relative;
	height: 110px;
  }
  
  #topnav{
	height:25px;
	width: 200px;
	right: 0px;
	top: 2px;
	position: absolute;
  }
#topnav a.home {
	background:#55A51E;
	padding:5px 10px 5px 10px;
	color: #ffffff;
	font-size:14px;
	text-decoration:none;
	float: right;
 } 
#topnav a.home:hover {  
     background:#FF0000;  
 }  
 
 #topnav a.homeIndex {
	background:#FF0000;
	padding:5px 10px 5px 10px;
	color: #ffffff;
	font-size:14px;
	text-decoration:none;
	float: right;
 } 
#topnav a.contact {
	background:#55A51E;
	padding:5px 10px 5px 10px;
	color: #ffffff;
	font-size:14px;
	text-decoration:none;
	float: right;
 } 
#topnav a.contact:hover {  
     background:#FF0000;  
 } 
#topnav a.contactOver {
	background:#FF0000;
	padding:5px 10px 5px 10px;
	color: #ffffff;
	font-size:14px;
	text-decoration:none;
	float: right;
 }

 
 #loginSection{
	padding-top: 46px;
	float: right;
	height: 62px;
	width: 395px;
 }
 
 #loginSection input {
	border: 1px solid #A5ACB2;
	color: #999999;
	padding:2px;
 }
 .left {
	float: right;
 
 }
.readmore {
	color: #55A51E;
	font-size: 14px;
	background: url(../images/button_green_arrow.png) no-repeat;
	text-decoration: none;
	font-weight: bold;
	padding-left: 20px;
}
.readmore:hover {
	color: #FF0000;
	font-size: 14px;
	background: url(../images/button_green_arrow.png) no-repeat;
	text-decoration: none;
}


#mainMenu{
	width:980px;
	position: relative;
	float:left;
	border-top: 1px solid #AED8A4;
}
#mainMenu #aboutUs a{
	background: url(../images/about_us.png) no-repeat 0px 10px;
	height: 21px;
	padding-top: 10px;
	width: 101px;
	float:left;
}
#mainMenu #aboutUs a:hover{
	background: url(../images/about_us_mo.png) no-repeat 0px 10px;
}
#mainMenu #aboutUsActive{
	background: url(../images/about_us_mo.png) no-repeat 0px 10px;
	height: 21px;
	padding-top: 10px;
	width: 101px;
	float:left;
}
#mainMenu #whatIsOverfishingLink a{
	background: url(../images/whatIsOverfishing.png) no-repeat 0px 10px;
	height: 21px;
	padding-top: 10px;
	width: 180px;
	float:left;
}
#mainMenu #whatIsOverfishingLink a:hover{
	background: url(../images/whatIsOverfishing_mo.png) no-repeat 0px 10px;
}
#mainMenu #whatIsOverfishingActive{
	background: url(../images/whatIsOverfishing_mo.png) no-repeat 0px 10px;
	height: 21px;
	padding-top: 10px;
	width: 180px;
	float:left;
}
#mainMenu #areUAEfishInTrouble a{
	background: url(../images/areUAEfishinTrouble.png) no-repeat 0px 10px;
	height: 20px;
	padding-top: 10px;
	width: 208px;
	float:left;
}
#mainMenu #areUAEfishInTrouble a:hover{
	background: url(../images/areUAEfishinTrouble_mo.png) no-repeat 0px 10px;
}
#mainMenu #areUAEfishInTroubleActive{
	background: url(../images/areUAEfishinTrouble_mo.png) no-repeat 0px 10px;
	height: 20px;
	padding-top: 10px;
	width: 208px;
	float:left;
}

#mainMenu #howCanIhelp a{
	background: url(../images/howCanIHelp.png) no-repeat 0px 10px;
	height: 20px;
	padding-top: 10px;
	width: 144px;
	float:left;
}
#mainMenu #howCanIhelp a:hover{
	background: url(../images/howCanIHelp_mo.png) no-repeat 0px 10px;
}
#mainMenu #howCanIhelpActive{
	background: url(../images/howCanIHelp_mo.png) no-repeat 0px 10px;
	height: 20px;
	padding-top: 10px;
	width: 144px;
	float:left;
}
#mainMenu #latestNews a{
	background: url(../images/latestNews.png) no-repeat 0px 10px;
	height: 20px;
	padding-top: 10px;
	width: 118px;
	float:left;
}
#mainMenu #latestNews a:hover{
	background: url(../images/latestNews_mo.png) no-repeat 0px 10px;
}
#mainMenu #latestNewsActive{
	background: url(../images/latestNews_mo.png) no-repeat 0px 10px;
	height: 20px;
	padding-top: 10px;
	width: 118px;
	float:left;
}
#mainMenu #watchCampaignVideo a{
	background: url(../images/watchCampaignVideo.png) no-repeat 0px 10px;
	height: 20px;
	padding-top: 10px;
	width: 228px;
	float:left;
}
#mainMenu #watchCampaignVideo a:hover{
	background: url(../images/watchCampaignVideo_mo.png) no-repeat 0px 10px;
}
/*Style for Index starts*/
#introSection{
width: 980px;
height: 339px;
}
#flashBanner{
width: 622px;
height: 339px;
float:left;
}
#intro{
	width: 357px;
	height: 339px;
	background: url(../images/intro_bg.gif) repeat-y;
	float:left;
	position:relative;
}
#introHeading {
	margin: 15px 15px 0px;
	width: 220px;
	height: 67px;
}
#introText {
	padding: 15px 15px 0px;
	width: 327px;
	height: 102px;
}
#intro p {
	color:#FFFFFF;
}
#intro #consumerGuide{
	height: 99px;
	width: 357px;
	background: url(../images/download_consumer_guide.png);
	cursor:pointer;
}
#intro #registerButton{
	background-image: url(../images/register_button.gif);
	height: 41px;
	width: 144px;	
	float:left;
	cursor:pointer;
}
#intro #registerButton:hover{
	background-image: url(../images/register_button_mo.gif);
}
#intro #sgnUpButton{
	background-image: url(../images/sign_up_button.gif);
	height: 41px;
	width: 144px;	
	float:left;
	cursor:pointer;
}
#intro #sgnUpButton:hover{
	background-image: url(../images/sign_up_button_mo.gif);
}

#intro #takeaction{
	background-image: url(../images/take_action.gif);
	height: 41px;
	width: 213px;
	cursor:pointer;
	float:right;
}
#intro #takeaction:hover{
	background-image: url(../images/take_action_mo.gif);
}

#firstRow{
	height: 230px;
	width: 980px;
}
#firstRow h1{
	background: url(../images/what_is_overfishing_index.png) no-repeat;
	height: 72px;
	width: 276px;
}
#firstRow #whatIsOverfishing{
	width: 286px;
	height: 200px;
	border-right: 1px solid #E6E6E6;
	float: left;
	padding: 20px;
}
#firstRow #whatIsOverfishing h1{
	background: url(../images/what_is_overfishing.png) no-repeat;
	height: 72px;
	width: 282px;
}
#firstRow #whatIsOverfishing h1:hover{
	background: url(../images/what_is_overfishing_mo.png) no-repeat;
	height: 72px;
	width: 282px;
}
#firstRow #whatIsOverfishing p{
	padding: 10px 0px 35px;
}
#firstRow #areUAEFishinTrouble{
	width: 286px;
	height: 200px;
	border-right: 1px solid #E6E6E6;
	float: left;
	padding: 20px;
}  
#firstRow #areUAEFishinTrouble h1{
	background: url(../images/are_uae_fish_in_trouble.png) no-repeat;
	height: 72px;
	width: 242px;
}
#firstRow #areUAEFishinTrouble h1:hover{
	background: url(../images/are_uae_fish_in_trouble_mo.png) no-repeat;
	height: 72px;
	width: 242px;
}
#firstRow #areUAEFishinTrouble p{
	padding: 10px 0px 20px;
}          
#firstRow #howCanIHelp{
	width: 286px;
	height: 200px;
	float: left;
	padding: 20px;
}
#firstRow #howCanIHelp h1{
	background: url(../images/how_i_can_help.png) no-repeat;
	height: 72px;
	width: 276px;
}
#firstRow #howCanIHelp h1:hover{
	background: url(../images/how_i_can_help_mo.png) no-repeat;
	height: 72px;
	width: 276px;
}
#firstRow #howCanIHelp p{
	padding: 10px 0px 35px;
} 



#secondRow{
	height: 110px;
	width: 980px;
	background: url(../images/index_secondrow_bg.gif) repeat-x;
}
#secondRow #funFishFacts{
	width: 286px;
	height: 70px;
	border-right: 1px solid #E6E6E6;
	float: left;
	padding: 20px;
	cursor: pointer;
}

#secondRow #funFishFacts h1{
	background: url(../images/fun_fish_facts.png) no-repeat;
	height: 72px;
	width: 181px;
}
#secondRow #funFishFacts h1:hover{
	background: url(../images/fun_fish_facts_mo.png) no-repeat;
}

#secondRow #sustainableFishChallenge{
width: 286px;
height: 70px;
border-right: 1px solid #E6E6E6;
float: left;
padding: 20px;
}
#secondRow #sustainableFishChallenge h1{
	background: url(../images/suatainable_fish_dish.png) no-repeat;
	height: 72px;
	width: 271px;
	margin-top: 3px;
	}
#secondRow #sustainableFishChallenge h1:hover{
	background: url(../images/suatainable_fish_dish_mo.png) no-repeat;
}
#secondRow #supportTheCampaign{
width: 286px;
height: 70px;
float: left;
padding: 20px;
}
#secondRow #supportTheCampaign h1{
	background: url(../images/support_the_campaign.png) no-repeat;
	height: 53px;
	width: 276px;
	margin-top: 19px;
}
#secondRow #supportTheCampaign h1:hover{
	background: url(../images/support_the_campaign_mo.png) no-repeat;
}
#secondRow div a {
	text-align: right;
}


#ewswwfAndHeroes #heroesOfTheUAE {
width: 286px;
height: 90px;
float: left;
margin-left: 20px;
cursor:pointer;
}
/*Style for Index ends*/
#ewswwfAndHeroes{
	width: 940px;
	background: url(../images/ews_footer_bg.gif) repeat-x;
	padding:20px;
	height: 90px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #AED8A4;
	border-bottom-color: #AED8A4;
}
#ewswwfAndHeroes #sustainableFishChallenge h1{
	background: url(../images/suatainable_fish_dish.png) no-repeat;
	height: 72px;
	width: 271px;
}
#ewswwfAndHeroes #supportTheCampaign{
width: 286px;
float: left;
padding: 20px;
}
#ewswwfAndHeroes #supportTheCampaign h1{
	background: url(../images/support_the_campaign.png) no-repeat;
	height: 72px;
	width: 276px;
}
#secondRow div a {
	text-align: right;
}
#ewsWwf{
	width: 612px;
	padding:0px 20px 0px 0px;
	float: left;
	border-right: 1px solid #E6E6E6;
}

#ewsWwf #ewsWwfLogo {
	height: 96px;
	width: 175px;
	float:left;
	padding: 0px 20px 0px 0px;

}
#ewsWwf #ewsWwfText p {
	padding-bottom: 20px;
	padding-top: 15px;
}


#ewswwfAndHeroes #heroesOfTheUAE h1{
	background: url(../images/heroes_of_the_UAE.png) no-repeat;
	height: 78px;
	width: 286px;
}
#ewswwfAndHeroes #heroesOfTheUAE h1:hover{
	background: url(../images/heroes_of_the_UAE_mo.png) no-repeat;
}

/*Footer classes starts*/
#footer {
	background-color: #55A628;
	color:#FFFFFF;
	width: 980px;
	height: 100px;
}


#bottomLinks{
	text-align: center;
	padding-top: 10px;
	line-height: 20px;
}

#bottomLinks a {
font-size:10px;
	color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
	text-decoration: none;
}

#bottomLinks a:hover {
	color: #E2E2E2;
}

#copyright{
	font-size:11px;
	text-align: center;
	padding-top: 10px;
}

/*Footer classes ends*/
#mainContainer{
	width:980px;
	height: auto;
}
/*Sidebar classes starts*/

#sidebar{
	width: 325px;
	float: left;
	background-color: #F8F8F9;
	border-left: 1px solid #E6E6E6;
	margin-top: 20px;
}

#sidebar #rightSubLinks {
	width: 325px;
}
#sidebar #rightSubLinks .greenSubLink {
	color: #55A51E;
	background: #EFEFEF url(../images/green_arrow.png) no-repeat 10px 7px;
	padding: 5px 10px 5px 30px;
	border: 1px solid #E6E6E6;
	margin-top: 1px;
	font-weight: bold;
	cursor: pointer;
}
#sidebar #rightSubLinks .greenSubLink:hover {
	color: #FF0000;
	background: #EFEFEF url(../images/red_arrow.png) no-repeat 10px 7px;
	padding: 5px 10px 5px 30px;
	border: 1px solid #E6E6E6;
	margin-top: 1px;
	font-weight: bold;
	cursor: pointer;
}
#sidebar #rightSubLinks .redSubLink {
	color: #FF0000;
	background: #EFEFEF url(../images/red_arrow.png) no-repeat 10px 7px;
	padding: 5px 10px 5px 30px;
	border: 1px solid #E6E6E6;
	margin-top: 1px;
	font-weight: bold;
}
#sidebar .seperator {
	height: 1px;
	width: 285px;
	background-color: #E6E6E6;
	margin: 0px 20px;
}
#sidebar #whatIsOverfishing{
	width: 285px;
	padding: 20px;
}
#sidebar #whatIsOverfishing h1{
	background: url(../images/what_is_overfishing.png) no-repeat;
	height: 72px;
	width: 282px;
}
#sidebar #whatIsOverfishing h1:hover{
	background: url(../images/what_is_overfishing_mo.png) no-repeat;
}


#sidebar #whatIsOverfishing p{
	padding: 10px 0px 15px;
}
#sidebar #areUAEFishinTrouble{
	width: 285px;
	padding: 20px;
}  
#sidebar #areUAEFishinTrouble h1{
	background: url(../images/are_uae_fish_in_trouble.png) no-repeat;
	height: 65px;
	width: 239px;
}
#sidebar #areUAEFishinTrouble h1:hover{
	background: url(../images/are_uae_fish_in_trouble_mo.png) no-repeat;
}

#sidebar #areUAEFishinTrouble p{
	padding: 10px 0px 15px;
}          
#sidebar #howCanIHelp{
	width: 285px;
	padding: 20px;
}
#sidebar #howCanIHelp h1{
	background: url(../images/how_i_can_help.png) no-repeat;
	height: 72px;
	width: 177px;
}
#sidebar #howCanIHelp h1:hover{
	background: url(../images/how_i_can_help_mo.png) no-repeat;
}
#sidebar #howCanIHelp p{
	padding: 10px 0px 15px;
} 
#sidebar #funFishFacts{
width: 285px;
height: auto;
padding: 20px;
}

#sidebar #funFishFacts h1{
	background: url(../images/fun_fish_facts.png) no-repeat;
	height: 72px;
	width: 178px;
}
#sidebar #funFishFacts h1:hover{
	background: url(../images/fun_fish_facts_mo.png) no-repeat;
}

#sidebar #funFishFacts p{
	padding: 10px 0px 15px;
} 
#sidebar #funFishFacts #image{
	width: 278px;
	height: 100px;
}

#sidebar #funFishFacts p #fishName{
	font-weight: bold;
	color: #FF0000;
}
#sidebar #sustainableFishChallenge{
width: 285px;
height: auto;
padding: 20px;
}
#sidebar #sustainableFishChallenge h1{
	background: url(../images/suatainable_fish_dish.png) no-repeat;
	height: 63px;
	width: 268px;
}
#sidebar #sustainableFishChallenge h1:hover{
	background: url(../images/suatainable_fish_dish_mo.png) no-repeat;
}
/*Sidebar classes ends*/
.clear{
	clear:both;
	padding: 0px;
	margin: 0px;
}

/*Main Content Area classes starts*/

#contentArea {
	width: 614px;
	height: auto;
	float:left;
	padding: 20px;
}

#contentArea h1 {
	font-weight: bold;
	color: #55A51E;
	font-size: 18px;
	padding-bottom: 10px;
}

#contentArea h2 {
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 10px;
	color: #FF5700;
}
#contentArea h2 a {
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 10px;
	color: #FF5700;
	text-decoration:underline;
}
#contentArea h2 a:hover {
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 10px;
	color: #FF5700;
	text-decoration:none;
}
#contentArea p {
	padding-bottom: 10px;
	line-height: 20px;
}

#contentArea p a {
color: #55A51E;
}

#contentArea p a:hover {
color: #FF0000;
text-decoration:none;
}
a {
color: #55A51E;
}
a:hover {
color: #FF0000;
text-decoration:none;
}
#contentArea #photosRight {
	padding: 5px;
	border: 1px solid #ECECEC;
	float: right;
	margin: 0px 0px 10px 10px;
}
#contentArea #photosLeft {
	padding: 5px;
	border: 1px solid #ECECEC;
	float: left;
	margin: 0px 10px 0px 0px;
}
#contentArea .photosLeft {
	padding: 5px;
	border: 1px solid #ECECEC;
	float: left;
	margin: 0px 10px 0px 0px;
}
.video {
	margin: 0px 0px 20px;
}
#bannerWhatisOverfishing {
background:url(../images/what_is_overfishing_img.jpg);
width:980px;
height: 255px;
}
#bannerUaeFishinTrouble {
background:url(../images/are-Uae-Fish-in-Trouble_img.jpg);
width:980px;
height: 255px;
}
#bannerAboutUs {
background:url(../images/about_us_img.jpg);
width:980px;
height: 255px;
}
#bannerHeader {
width:980px;
height: 255px;
}
#bannerContactUs {
background:url(../images/contact_us_img.jpg);
width:980px;
height: 255px;
}

#bannerHOwCanIHelp {
background:url(../images/how_can-i_help_img.jpg);
width:980px;
height: 255px;
}

#bannerWatchCamapignVideo {
background:url(../images/watch_campaign_video_img.jpg);
width:980px;
height: 255px;
}
#bannerSupportCampaign {
background:url(../images/support_the_campaign_img.jpg);
width:980px;
height: 255px;
}
#bannerSignUp {
background:url(../images/signUp_img.jpg);
width:980px;
height: 255px;
}
#bannerResearchReport {
background:url(../images/research_report_img.jpg);
width:980px;
height: 255px;
}
#bannerAdditionalResources {
background:url(../images/additional_resources.jpg);
width:980px;
height: 255px;
}
#bannerFishDishChallenge {
background:url(../images/fish_dish_challenge_img.jpg);
width:980px;
height: 255px;
}
#bannerFunFishFacts
 {
	background:url(../images/fish_fun_facts_img.jpg);
	width:980px;
	height: 255px;
}
.imageHolder{
	text-align:center;
	margin-bottom: 10px;
}

.imageHolder p small{
font-size:10px;
}
#ewswwfAndHeroes #supportTheCampaign{
	width: 285px;
	padding: 30px 0px 0px 20px;
	float:left;
}
#ewswwfAndHeroes #supportTheCampaign h1{
	background: url(../images/support_the_campaign.png) no-repeat;
	height: 60px;
	width: 276px;
}
#ewswwfAndHeroes #supportTheCampaign h1:hover{
	background: url(../images/support_the_campaign_mo.png) no-repeat;
}
ul{
margin: 0px 15px 0px 20px;
}
li {
	margin-top: 5px;
	list-style: url(../images/green_bullet.gif) outside;
	line-height: 20px;
}
#main #mainContainer #contentArea #rateStars .star {
	margin-right: 20px;
	border: 0px;
}

.innerList li {
	list-style: url(../images/inner_green_bullet.gif) outside;
}

#main #mainContainer #contentArea .redBold {
	font-weight: bold;
	color: #FF0000;
}
#main #mainContainer #contentArea .orangeBold {
	font-weight: bold;
	color: #FF5700;
}
#main #mainContainer #contentArea .greenBold {
	font-weight: bold;
	color: #55A51E;
}
#main #mainContainer #contentArea .red {
	color: #FF0000;
}
#main #mainContainer #contentArea .orange {
	color: #FF5700;
}
#main #mainContainer #contentArea .green {
	color: #55A51E;
}

#consumerGuideLink {
	background: #1D7FBC url(../images/consumer_guide_link.png) no-repeat 10px 10px;
	height: 80px;
	width: 440px;
	padding-left: 160px;
	padding-top: 35px;
	cursor:pointer;
	margin-top: 30px;
	color: #FFFFFF;
	font-weight:bold;
	font-size:20px;
	line-height: 14px;
}
#consumerGuideLink:hover {
	color: #EBEBEB;
}
#main #mainContainer #contentArea #importantNote {
	background: url(../images/important.png) no-repeat left center;
	padding-left: 119px;
}
#main #mainContainer #contentArea .nobold {
	font-weight: normal;
}
#main #mainContainer #contentArea .greyBorder {
	border: 1px solid #CCCCCC;
	padding: 20px;
}
#main #mainContainer #contentArea .greyBorder h3 {
	text-align: center;
	font-size: 14px;
	margin-bottom: 20px;
}
input {
	border: 1px solid #A5ACB2;
	color: #999999;
	padding:2px;
 }
 .forgotPassword {
	font-size: 11px;
	color: #FF0000;
}
.forgotPassword:hover {
	font-size: 11px;
	color: #FF0000;
	text-decoration:none;
}
.registerNow {
	font-size: 11px;
	color: #666666;
}
.registerNow:hover {
	font-size: 11px;
	color: #666666;
	text-decoration:none;
}
#main #mainContainer #contentArea h3 {
	font-size: 13px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}
      #contactForm
       {
        width: 614px;
        padding: 0px 0;
		border: 0px;

       } 
      #contactForm fieldset
       {
	width: 600px;
	border: 0px;
	padding:5px;

       }             
      #contactForm fieldset label
       {
	   font-weight:bold;
          float: left;
          width: 300px;
       }
#contactForm input, #contactForm textarea
{
color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 200px;
	padding: 2;
} 
	   .activeField
        {
            background-image: none;
            background-color: #ffffff;
            border: solid 1px #55A51E;
        }
        .idle
        {
	    border: solid 1px #A5ACB2;
	    background-image: url( '../images/textbox_bg.gif' );
	    background-repeat: repeat-x;
	    background-position: top;
        }

#main #mainContainer #contentArea #formcontainer #contactForm #formSubmit {
	margin-top: 10px;
}
#main #mainContainer #contentArea #formcontainer #contactForm .one {
	background: #F4FCEF;
}
.paperTexture {
	background: url(../images/page_bg.jpg) repeat-y;
	padding: 50px 50px;
	width: 474px;
	border: 1px solid #D5D5D2;
}
#main #mainContainer #contentArea .paperTexture input {
	border: 1px solid #2F2F2E;
	font-size: 10px;
	background: #FDFDFB;
	color: #000000;
	width: 135px;
}
 #submitRed {
	background: url(../images/red_submit_button.gif) no-repeat;
	height: 20px;
	width: 70px;
	float: left;
	cursor: pointer;
}


#main #mainContainer #contentArea .paperTexture #protectOurFisheriesTextTop {
	background: url(../images/protect_our_fisheries.png) no-repeat;
	height: 555px;
	width: 465px;
	margin-bottom: 20px;
}
#main #mainContainer #contentArea .paperTexture .floatLeft300 {
	float: left;
	width: 300px;
}
#main #mainContainer #contentArea .paperTexture #forgotPasswordimg {
	background: url(../images/forgot_password.png) no-repeat;
	height: 9px;
	width: 108px;
	float: left;
	cursor: pointer;
	margin-left: 20px;
}
#main #mainContainer #contentArea .paperTexture #notRegisteredYet {
	background: url(../images/not_registered_yet.png) no-repeat;
	height: 9px;
	width: 129px;
	float: left;
	cursor: pointer;
}
#main #mainContainer #contentArea .paperTexture #protectOurFisheriesTextBottom {
	background: url(../images/protect_our_fisheries_2.gif) no-repeat;
	height: 130px;
	width: 465px;
	margin-top: 40px;
}
#contentArea #recipeNameHeading {
	color: #55A51E;
	height: 21px;
	font-size: 16px;
	font-weight: bold;
	padding-left: 15px;
	padding-top: 10px;
	float: left;
}
#contentArea #recipeBox {
	border: 1px solid #E8E8E8;
	padding: 15px;
	width: 578px;
	float: left;
	height: auto;
	margin-bottom: 20px;
	min-height:125px;
}
#main #mainContainer #contentArea #recipeBox ul {
}
#main #mainContainer #contentArea #recipeBox #recipeShortDescription {
	padding: 0px 10px;
	float: left;
}
#main #mainContainer #contentArea #recipeBox #recipeShortDescription li {
	list-style: url(../images/green_bullet.gif) none outside;
	margin-top: 5px;
}
.rateNow {
	color: #55A51E;
	font-size: 14px;
	background: url(../images/rate_now_img.png) no-repeat;
	text-decoration: none;
	padding-left: 40px;
	margin-left: 0px;
	font-weight: bold;
}
.rateNow:hover {
	color: #FF0000;
}
#main #mainContainer #contentArea .thumbnail190 {
	padding: 5px;
	height: 140px;
	width: 140px;
	margin-right: 10px;
	margin-bottom: 20px;
	float: left;
	border: 1px solid #ECECEC;
}
#main #mainContainer #contentArea .fffThumbnail
 {
	padding: 5px;
	height: 100px;
	width: 278px;
	margin-right: 10px;
	margin-bottom: 20px;
	float: left;
	border: 1px solid #ECECEC;
}
.redfishIcon {
	background: url(../images/red_fish_icon.png) no-repeat;
	height: 66px;
	width: 173px;
	float: left;
	margin-right: 20px;
	margin-top: 40px;
	cursor: pointer;
}
.greenfishIcon {
	background: url(../images/green_fish_icon.png) no-repeat;
	height: 64px;
	width: 130px;
	margin-bottom: 20px;
	float: left;
	margin-top: 40px;
	cursor: pointer;
}
.orangefishIcon {
	background: url(../images/orange_fish_icon.png) no-repeat;
	height: 63px;
	width: 207px;
	float: left;
	margin-right: 40px;
	margin-top: 40px;
	cursor: pointer;
}
#main #mainContainer #contentArea .imageHolder p {
	padding-top: 10px;
}
      #submitRecipeForm
       {
        width: 614px;
        padding: 0px 0;
		border: 0px;

       } 

#submitRecipeForm #recipenamebox {
	width: 295px;
	float: left;
	margin-bottom: 20px;
}
#submitRecipeForm #recipebybox {
	float: left;
	width: 300px;
	margin-bottom: 20px;
}
#submitRecipeForm #recipebybox {
	float: left;
	width: 295px;
	margin-bottom: 20px;
}
#submitRecipeForm #recipe {
	float: left;
	width: 600px;
	margin-bottom: 20px;
}
#submitRecipeForm input {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 200px;
	padding: 2;
}
#submitRecipeForm #image1div, #submitRecipeForm #image2div, #submitRecipeForm #image3div {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 500px;
	padding: 2;
	float:left;
	margin-bottom: 10px;
}
#submitRecipeForm textarea {
color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 500px;
	height:300px;
	padding: 2;
}
#submitRecipeForm label
       {
	font-weight:bold;
	float: left;
	width: 200px;
	margin-bottom: 5px;
	color: #333333;
       }

#submitRecipeForm #image1div input, #submitRecipeForm #image2div input, #submitRecipeForm #image3div input {
	width: 300px;
	float: left;
}

/*#main #mainContainer #contentArea #submitRecipeForm #submitRecipeButton a  {
	margin-left: 190px;
	margin-top: 20px;
	background: url(../images/submit_now.png);
	height: 67px;
	width: 197px;
}
#main #mainContainer #contentArea #submitRecipeForm #submitRecipeButton a:hover {
	background: url(../images/submit_now_mo.png);
}*/
#main #mainContainer #contentArea #submitRecipeForm #submitNow a {
	background: url(../images/submit_now.png) no-repeat;
	height: 67px;
	width: 197px;
	margin-top: 20px;
	float:left;
}
#main #mainContainer #contentArea #submitRecipeForm #submitNow a:hover {
	background: url(../images/submit_now_mo.png) no-repeat;
}

hr {
	color: #CCCCCC;
}
#main #mainContainer #contentArea #myAccountDetails .leftSection {
	font-weight: bold;
	width: 200px;
	margin-bottom: 2px;
	float: left;
	background: #F8F8F8;
	padding: 10px;
}
#main #mainContainer #contentArea #myAccountDetails .righSection {
	float: left;
	width: 300px;
	margin-bottom: 2px;
	margin-left: 2px;
	padding: 10px;
	color: #666666;
	background-color: #F0FBEA;
}
#main #mainContainer #contentArea #recipeNameHeading small {
	font-size: 12px;
}
#main #mainContainer #contentArea #submitRecipe a {
	background: url(../images/submit_recipe.png) no-repeat;
	height: 67px;
	width: 315px;
	float:left;
}
#main #mainContainer #contentArea #submitRecipe a:hover {
	background: url(../images/submit_recipe_mo.png) no-repeat;
}

#main #mainContainer #contentArea #rateRecipe a{
	background: url(../images/rate_recipe_button.png) no-repeat;
	height: 46px;
	width: 191px;
	margin-top:8px;
	margin-left:60px;
	float:left;
}
#main #mainContainer #contentArea #rateRecipe a:hover{
	background: url(../images/rate_recipe_button_mo.png) no-repeat;
}
#main #footer #leftSectionFooter {
	width: 700px;
	float: left;
}
#main #footer #rightSectionFooter {
	background: #FFFFFF;
	margin: 1px;
	height: 88px;
	width: 278px;
	float: left;
	color: #333333;
	text-align: center;
	font-size: 10px;
	padding-top: 10px;
}
#main #header #topRight #loginSection #loginSectionleft {
	width: 150px;
	float: left;
}
#main #header #topRight #loginSection #loginSectionright {
	float: left;
	width: 140px;
	padding-left: 10px;
}
#main #header #topRight #loginSection #loginButton {
	float: left;
	padding-left: 30px;
	padding-top: 5px;
}

#main #mainContainer #contentArea .thumbsUp {
	list-style: url(../images/thumbs_up.png) none outside;
}
#main #mainContainer #contentArea .thumbsDown {
	list-style: url(../images/thumbs_down.png) none outside;
}
#main #mainContainer #contentArea #pageNumbering {
	padding-top: 20px;
	text-align: center;
	float: left;
	width: 100%;
}

#main #mainContainer #contentArea #pageNumbering a {
padding-left: 10px;
}

#main #mainContainer #contentArea #pageNumbering .active {
padding-left: 10px;
color:#FF0000;
font-weight:bold;
}
#contentArea .horizontalLine {
	height: 1px;
	background: #EEEEEE;
	margin: 0px 20px 20px;
}
#main #header #topRight #topnav .arabic {
	background: url(../images/arabic_grey.png) no-repeat;
	width: 33px;
	height: 10px;
	float: right;
	margin:10px 20px 0px 0px;
}
#main #header #topRight #topnav .arabic:hover {
	background: url(../images/arabic_red.png) no-repeat;
}

/*sidebar heading*/
#sidebar #howCanIHelpGreen h1{
	background: url(../images/green_how_i_can_help.png) no-repeat;
	height: 72px;
	width: 177px;
	margin-left:20px;
	margin-top: 20px;
	margin-bottom: 10px;
}

#sidebar #whatIsOverfishingGreen h1{
	background: url(../images/green_what_is_overfishing.png) no-repeat;
	height: 72px;
	width: 282px;
	margin-left:20px;
	margin-top: 20px;
	margin-bottom: 10px;
}
#sidebar #areUAEFishinTroubleGreen h1{
	background: url(../images/green_uae_fish_in_trouble.png) no-repeat;
	height: 65px;
	width: 239px;
	margin-left:20px;
	margin-top: 20px;
	margin-bottom: 10px;
}
#sidebar #sustainableFishChallengeGreen h1{
	background: url(../images/green_suatainable_fish_dish.png) no-repeat;
	height: 72px;
	width: 271px;
	margin-left:20px;
	margin-top: 23px;
	margin-bottom: 10px;
	}
#sidebar #supportTheCampaignGreen h1{
	background: url(../images/green_support_the_campaign.png) no-repeat;
	height: 53px;
	width: 276px;
	margin-left:20px;
	margin-top: 20px;
}
#main #footerText {
	font-weight: bold;
	text-align: center;
	height: 20px;
	padding: 10px;
}
#main #mainContainer #contentArea .redFishes {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF0000;
	height: auto;
	width: 150px;
	padding: 10px;
	float: left;
	margin-right: 40px;
}
#main #mainContainer #contentArea .orangeFishes {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF5700;
	height: auto;
	width: 150px;
	padding: 10px;
	float: left;
	margin-right: 40px;
}
#main #mainContainer #contentArea .greenFishes {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #55A51E;
	height: auto;
	width: 150px;
	padding: 10px;
	float: left;
}
#main #mainContainer #contentArea li {
	font-weight: bold;
	font-size: 14px;
}
#main #mainContainer #contentArea ul li a {
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
}
#main #mainContainer #contentArea .innerList a {
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;

}