/*=====================================================================
 *
 * Filename: layout.css
 * Website: www.acmpcom.au.
 * Author: Steven Watts - Paste - paste.com.au
 * Date Created: 18/11/2009
 * Media: Screen
 *
 * Description
 * -----------
 * Colours:
 * Background 		- #f5f5f5 
 * LinkRed			- #ee1c2e 
 * LinkRed Hover	- #000  
 * MemberGreen 		- #93cbbc
 * MemberGreen Hover- #a1e4d2
 * Text Black 		- #231f20 
 * Text Light Grey 	- #949191
 * Breakout Grey 	- #f1f1f1 
 * Breakout Blue	- #f3f5f8
 * Medium grey 		- #7c7c7d
 * Dark grey 		- #18181b 
 * Trampoline Link  - #ff6000  
 * Trampoline Over  - #ff7f31
 *
 *=====================================================================*/ 

/* Layout styles
    
	index -> 	
				CSS reset
				default styles
				typography 
				forms   
				toolbox
				navigation
				layout
				footer
				widgets  
				pagination
				home page  
				find a photographer page 
				photographers profile       
				about pages
				events
				video page 
				blog index
				blog article  
				become a member 
				members area
				my payments 
				member offers
				member downloads
				search results
				sitemap
*/


/* =css reset     
--------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline; 
list-style-type:none; 
}


/* =default styles
----------------- */

body { height:100%; width:100%; padding:0; background-color:#f5f5f5; color:#231f20; font-family: Helvetica, Arial, sans-serif; background:#c5c5c5 url('../images/bgGrad.gif') 0 0 repeat-x; }                 

/* =typography
----------------- */    
  
h1#mainLogo { float:left; width:268px; height:66px; margin:30px 0 0 0; padding:0; background:transparent url('../images/sprite.gif') 0 0 no-repeat; text-indent:-9999px; }
h1 { clear:left; background:transparent url('../images/dottedLine.gif') 0 bottom repeat-x; padding:0 0 16px 0; margin:0 0 15px 0; line-height:1; font-size:20px; font-family: Geneva, Helvetica, Arial, sans-serif; font-weight:100; letter-spacing:-0.02em; }  

h2 { background:transparent url('../images/dottedLine.gif') 0 bottom repeat-x; padding:0 0 11px 0; margin:0 0 15px 0; font-size:14px; line-height:1; font-family: Geneva, Helvetica, Arial, sans-serif; font-weight:100; letter-spacing:-0.01em; }

h3 { padding:0 0 10px 0; font-size:14px; font-family: Helvetica, Arial, sans-serif; font-weight:bold; }    

h4 { padding:0 0 10px 0; font-size:14px; font-family: Helvetica, Arial, sans-serif; font-weight:bold; }    
      
p { font-size:11px; line-height:1.5; padding-bottom:11px; }

a { color:#ee1c2e; text-decoration:none; outline:none; }
a:hover { color: #000; }
:focus { -moz-outline-style: none; outline-width:0; }

p a { background:transparent url('../images/dotRed.gif') 0 bottom repeat-x; } 
p a:hover { background:transparent url('../images/dotDarkOver.gif') 0 bottom repeat-x;} 
                                                                                      
.members p a { background:transparent url('../images/dotGreen.gif') 0 bottom repeat-x; } 
.members p a:hover { background:transparent url('../images/dotGreyOver.gif') 0 bottom repeat-x;}

.trampoline p a { background:transparent url('../images/dotOrange.gif') 0 bottom repeat-x; } 
.trampoline p a:hover { background:transparent url('../images/dotGreyOver.gif') 0 bottom repeat-x;}                                                                                                 

.members a { color:#93cbbc;}
.members a:hover { color:#a1e4d2;}
                                    
.trampoline a { color:#ff6000;}
.trampoline a:hover { color:#ff7f31;}

.bgColor { background-color:#ee1c2e; background-image:none; color:#fff; font-weight:bold; border:0; }       
a.bgColor:hover, input.bgColor:hover { background-color:#000; color:#fff; background-image:none; }
.members .bgColor { background-color:#93cbbc; color:#fff; }
.members .bgColor:hover { background-color:#a1e4d2; color:#fff; background-image:none; }
.trampoline .bgColor { background-color:#ff6000; color:#fff; }
.trampoline .bgColor:hover { background-color:#ff7f31; color:#fff; background-image:none; }
p a.bgColor { float:left; padding:6px 9px; line-height:1; }   

.arrowButton { float:left; clear:left; height:29px; padding:0; margin:0; }
.arrowButton a { float:left; height:19px;  padding:6px 15px 4px 28px; margin:0; background:#ee1c2e url('../images/sprite.gif') -250px -361px no-repeat; color:#fff; font-size:14px;} 
.members .arrowButton a { background:#93cbbc url('../images/sprite.gif') -500px -361px no-repeat; }  
.trampoline .arrowButton a { background:#93cbbc url('../images/sprite.gif') -500px -301px no-repeat; }  
.arrowButton a:hover { background:#000 url('../images/sprite.gif') -250px -391px no-repeat; color:#fff; }  
.members .arrowButton a:hover { background:#a1e4d2 url('../images/sprite.gif') -500px -361px no-repeat; } 
.trampoline .arrowButton a:hover { background:#a1e4d2 url('../images/sprite.gif') -500px -331px no-repeat; } 
.judge .arrowButton { margin-bottom:25px;}

a.downloadBtn { float:left; height:19px;  padding:6px 15px 4px 28px; margin:10px 0 0 0; background:#ee1c2e url('../images/sprite.gif') -250px -478px no-repeat; color:#fff; font-size:14px;} 
a.downloadBtn:hover { background:#a1e4d2 url('../images/sprite.gif') -250px -478px no-repeat; color:#fff; } 

dl { padding-bottom:12px; }
dl dt, dl dd { font-size:11px; line-height:1.5; padding-bottom:11px; display:inline; }    
        
#contentColumnCentre ul { padding:0 0 11px 30px;}
#contentColumnCentre ul li { font: normal normal 11px/1.5 Helvetica!important; padding-bottom:3px; list-style:disc outside; } 

/* =forms
----------------- */   

/* Generic Form Styles */
form { float:left; background-color:#f3f5f8; padding:15px; width:303px;}
form label { clear:left; font-size:11.5px; display:block; padding:0 0 4px 0; font-family: Helvetica, Arial, sans-serif; }    
form input.text { width:300px; margin-bottom:15px;} 
form input.radio { float:left; clear:left; }  
form li.valYes label, form li.valNo label {  float:left; clear:none; padding:3px 0 0 8px;}
form li.valYes label { padding-bottom:5px; }
form li.valNo label { padding-bottom:20px;}                                                       
form textarea {width:300px; margin-bottom:15px; font-family:Arial, Helvetica, Sans-Serif; font-size:11.5px; line-height:17px; }
form select { margin-bottom:15px;}      
form input.action { float:left; height:29px;  padding:3px 15px 4px 28px; margin:0; background:#ee1c2e url('../images/sprite.gif') -250px -361px no-repeat; color:#fff; font-size:14px; border:0; cursor:pointer; margin-right:8px;}
form input.action:hover { background:#ee1c2e url('../images/sprite.gif') -250px -391px no-repeat; }
        
#contentColumnCentre form ul { padding-left:0; }
#contentColumnCentre form ul li { list-style:none;} 

form div#State {clear:left; float:left; padding-bottom:0px;}
form div#State label {float:left; padding-right:15px; }
form div#State .middleColumn { float:left; } 
form div#State select { float:left; position:relative; top:-4px; }   
form .optionset { padding-bottom:10px; float:left; clear:left; }
form .optionset li { float:left; clear:left; height:25px;}
form .optionset label {clear:none; display:inline; padding-top:3px; font-weight:normal;}
form .optionset input {clear:left; float:left; margin-right:10px; }
form div.creditcard { clear:left; float:left; padding-bottom:15px;}
form div.creditcard input { width:36px; display:inline;}   
form #Form_PaymentForm_SecutiryNumber, body.eventPage div#contentColumnCentre form #Form_PaymentTypeForm_Tickets { width:60px;}
form div.compositedate {padding-bottom:15px;}
form div.compositedate select {margin-right:8px;}    
form .message { display:block; padding:0 0 10px 0; font-weight:bold; font-size:12px; color:red;}

/* ACMP Heroes / Video */
html body form.searchVideos { float:right; width:300px; height:25px; padding:0; position:relative; top:-12px; background-color:transparent;}
form.searchVideos input { float:left; width:143px; border:1px solid #efefef; padding:6px 6px 7px 6px;}
.members form input.arrowButton { float:left; clear:none!important; height:29px; padding:2px 15px 4px 28px; margin:0; border:0; background: url('../images/sprite.gif') -500px -361px no-repeat; color:#fff; font-size:13px; font-weight:100; line-height:13px; cursor:pointer;} 
.trampoline form input.arrowButton { float:left; clear:none!important; height:29px; padding:2px 15px 4px 28px; margin:0; border:0; background: url('../images/sprite.gif') -500px -301px no-repeat; color:#fff; font-size:13px; font-weight:100; line-height:13px; cursor:pointer;} 
.members form input.arrowButton:hover { background: url('../images/sprite.gif') -500px -391px no-repeat; } 
.trampoline form input.arrowButton:hover { background: url('../images/sprite.gif') -500px -331px no-repeat; }      
     
/* Find A Photographer */
body.findAPhotographer #Form_Form ul li input { width:150px; }  
body.findAPhotographer #Form_Form { width:400px; background-color:#f3f5f8; padding:30px 15px 15px 15px; }
body.findAPhotographer #Form_Form ul li { float:left; width:180px; padding-bottom:20px;}
body.findAPhotographer #Form_Form ul li.search {clear:left;}
body.findAPhotographer #Form_Form ul li input { width:auto; }

form#Form_UserSubscriptionForm { width: 400px; background-color: #f3f5f8; padding:30px 15px 15px 15px; overflow:hidden; } 
form#Form_UserSubscriptionForm div.middleColumn { overflow:hidden; padding:0 0 10px 0;}
form#Form_UserSubscriptionForm h2 { clear:both; }    
form#Form_UserSubscriptionForm label { width:170px; clear:left; padding:4px 0 10px 0; font-weight:bold; }
form#Form_UserSubscriptionForm label.right { float:left; clear:none; width:300px; padding-top:2px; }     
form#Form_UserSubscriptionForm input { float:left; }
form#Form_UserSubscriptionForm input#Form_UserSubscriptionForm_I-have-read-the-terms-conditions { float:left; clear:both;} 
form#Form_UserSubscriptionForm  select#Form_UserSubscriptionForm_State { clear:left; }  
form#Form_UserSubscriptionForm div#PaymentMethod label.left { display:block; font-weight:bold; float:none; padding:10px 0 10px 0; }

/* Become a Member - Renew */
form#Form_RenewForm { }   
form#Form_RenewForm label { width:170px; float:left; clear:left; padding:4px 0 10px 0; font-size:12px; font-family: Helvetica, Arial, sans-serif; font-weight:bold; }   
form#Form_RenewForm label.left { clear:none; width:300px; padding-top:2px; }     
form#Form_RenewForm input { float:left; }
form#Form_RenewForm .optionset { padding-bottom:10px; clear:left; }
form#Form_RenewForm .optionset label {clear:none; padding-top:3px; font-weight:normal;}
form#Form_RenewForm .optionset input {clear:left; margin-right:4px; }
form#Form_RenewForm select { display:block; clear:both; margin-bottom:15px; }
div#contentColumnCentre form#Form_RenewForm input.action { float:left; clear:left; font-size:14px; font-weight:100; padding:6px 14px 5px 30px; line-height:14px; background:#ee1c2e url('../images/sprite.gif') -250px -361px no-repeat; color:#fff; border:0; margin-top:10px; }    

/* Lightbox & Login */ 
form#MemberLoginForm_LoginForm { background-color:#f1f1f1; padding:15px;}
form#MemberLoginForm_LoginForm input.text {width:180px;}
form#MemberLoginForm_LoginForm div#Email, form#MemberLoginForm_LoginForm div#Password { display:block; font-size:12px; }
form#MemberLoginForm_LoginForm div#Email label, form#MemberLoginForm_LoginForm div#Password label { display:block; padding-bottom:6px;}    
form#MemberLoginForm_LoginForm .action { float:left; clear:left; font-size:14px; font-weight:100; padding:6px 14px 5px 30px; line-height:14px; background:#ee1c2e url('../images/sprite.gif') -250px -361px no-repeat; color:#fff; border:0; margin-bottom:15px; }
form#MemberLoginForm_LoginForm p#ForgotPassword {clear:left; }
form#MemberLoginForm_LoginForm p { margin:0; }
.LBInternal { background-color:#f1f1f1!important; background-image:none!important;} 
.LBInternal h2, .LBInternal p {margin:15px 15px 0 15px;}  
p#Remember { float:left; clear:left; padding-bottom:12px;}
p#Remember label { float:left; clear:none; padding-top:2px; }
p#Remember input { float:left; clear:none; }

form#Form_ProfileForm { float:left; clear:left;  background-color:#f3f5f8; padding:15px; width:400px; margin-top:20px; }       
form#Form_ProfileForm input.text { width:394px; }
form#Form_ProfileForm textarea { width:394px;}
form#Form_ProfileForm div#Password {float:left; clear:left; }    
form#Form_ProfileForm div#Password a { display:block; padding:15px 0; }
form#Form_ProfileForm ul.checkboxsetfield label { display:inline; }
form#Form_ProfileForm div.simpleform { display:block; padding-bottom:25px;}
form#Form_ProfileForm img { display:block; clear:left; margin-top:10px; } 
form#Form_ProfileForm input#Form_ProfileForm_action_updateUser { float:left; height:29px;  padding:3px 15px 4px 28px; margin:15px 0; background:#ee1c2e url('../images/sprite.gif') -500px -361px no-repeat; color:#fff; font-size:14px; border:0; cursor:pointer; }
p#Viscopy { padding-top:10px;}
p#Viscopy input { float:left; clear:none; margin-right:10px; }
p#Viscopy label { float:left; clear:none; padding-top:2px;}      
                       
div#CustomURL { padding:15px 0;}

/* Profile - Biography */
#Form_EditBiographyForm { margin-top:20px; width:auto; }
#Form_EditBiographyForm label {font-size:16px; display:block; padding:20px 0 6px 0;} 
#Form_EditBiographyForm input#Form_EditBiographyForm_action_editportfolio { margin-bottom:20px; float:left; height:29px;  padding:3px 15px 4px 28px; margin:0; background:#ee1c2e url('../images/sprite.gif') -500px -361px no-repeat; color:#fff; font-size:14px; border:0; cursor:pointer; }
#Form_EditBiographyForm input#Form_EditBiographyForm_action_editportfolio { margin-top:20px;}     
#Form_EditBiographyForm textarea { width:400px; padding:4px; margin-bottom:15px;}
#Form_EditBiographyForm ul#Form_EditBiographyForm_ImageSorter { clear:left; padding-top:15px; margin-left:-4px; }   
#Form_EditBiographyForm input#Form_EditBiographyForm_action_editbio { float:left; height:29px;  padding:3px 15px 4px 28px; margin:0; background:#ee1c2e url('../images/sprite.gif') -500px -361px no-repeat; color:#fff; font-size:14px; border:0; cursor:pointer; }

#Form_EditForm div.field {padding-bottom:15px;}
#Form_EditForm input#Form_EditForm_Title { width:300px;}
#Form_EditForm textarea { width:292px; padding:4px;}   
            
/* Contact */  
body.contact #mainContainer #mainContent #contentColumn form {width:320px;}   
body.contact #mainContainer #mainContent #contentColumn form input.text { width:315px; }  
body.contact #mainContainer #mainContent #contentColumn form textarea { width:315px; }  

/* Recaptcha */     
body #mainContainer #mainContent #contentColumn form .recaptchatable .recaptcha_r1_c1 { background: url('../images/recaptchaSprite.png') -0px -63px no-repeat!important; }
body #mainContainer #mainContent #contentColumn form .recaptchatable .recaptcha_r2_c1 { background: url('../images/recaptchaSprite.png') -18px -0px no-repeat!important; }
body #mainContainer #mainContent #contentColumn form .recaptchatable .recaptcha_r2_c2 { background: url('../images/recaptchaSprite.png') -27px -0px no-repeat!important; }
body #mainContainer #mainContent #contentColumn form .recaptchatable .recaptcha_r3_c1 { background: url('../images/recaptchaSprite.png') -0px -0px no-repeat!important; }
body #mainContainer #mainContent #contentColumn form .recaptchatable .recaptcha_r3_c2 { background: url('../images/recaptchaSprite.png') -18px -57px no-repeat!important; }
body #mainContainer #mainContent #contentColumn form .recaptchatable .recaptcha_r3_c3 { background: url('../images/recaptchaSprite.png') -9px -0px no-repeat!important; }
body #mainContainer #mainContent #contentColumn form .recaptchatable .recaptcha_r4_c1 { background: url('../images/recaptchaSprite.png') -43px -0px no-repeat!important; }
body #mainContainer #mainContent #contentColumn form .recaptchatable .recaptcha_r4_c2 { background: url('../images/recaptchaSprite.png') -36px -0px no-repeat!important; }
body #mainContainer #mainContent #contentColumn form .recaptchatable .recaptcha_r4_c4 { background: url('../images/recaptchaSprite.png') -214px -0px no-repeat!important; }
body #mainContainer #mainContent #contentColumn form .recaptchatable .recaptcha_r7_c1 { background: url('../images/recaptchaSprite.png') -43px -49px no-repeat!important; }
body #mainContainer #mainContent #contentColumn form .recaptchatable .recaptcha_r8_c1 { background: url('../images/recaptchaSprite.png') -43px -49px no-repeat!important; } 
div#RecaptchaField { margin-bottom:25px;}
.recaptcha_theme_red #recaptcha_response_field { border:1px solid #ccd0ca!important; }  
/* Remove reCaptcha button images  */
a#recaptcha_reload_btn { display:block; width:25px; height:17px; background: url('../images/recaptchaSprite.png') -311px 0 no-repeat !important; margin:0!important;} 
a#recaptcha_switch_audio_btn { display:block; width:25px; height:16px; background: url('../images/recaptchaSprite.png') -318px -49px no-repeat !important; margin:0!important; } 
a#recaptcha_whatsthis_btn { display:block; width:25px; height:16px; background: url('../images/recaptchaSprite.png') -311px -33px no-repeat !important; margin:0!important; }
img#recaptcha_reload, img#recaptcha_switch_audio, img#recaptcha_whatsthis {  display:none;}

/* =toolbox
----------------- */  
ul.toolbox {float:right; height:29px; margin:0; overflow:hidden; }  
ul.toolbox li { float:left; height:29px; color:#fff; font-size:12px; line-height:12px; background-color:#7c7c7d; }  
ul.toolbox li a { display:block; color:#fff; padding:9px 9px 8px 9px; background:#3e3e41 url('../images/navSprite.gif') -4px 0 no-repeat; border-right:1px solid #373738; border-left:1px solid #47474a; }   
ul.toolbox li a.active { background-color:#595959; }   
ul.toolbox li a:hover { color:#fff; background:#3e3e41 url('../images/navSprite.gif') -4px -29px no-repeat; }
ul.toolboxLogin li.icon { width:32px; background:#f1f1f1 url('../images/sprite.gif') -268px 0 no-repeat; text-indent:-9999px; }
ul.toolboxMembers li.icon { width:32px; background:#f1f1f1 url('../images/sprite.gif') -268px -30px no-repeat; text-indent:-9999px; }
ul.toolbox li.search { background:#3e3e41 url('../images/navSprite.gif') -4px 0 no-repeat; } 
ul.toolbox li.search form { display:block; width:170px; padding:6px; line-height:12px; background-color:transparent; }
ul.toolbox li.search form #Search { float:left;}
ul.toolbox li.search form #Search input { width:108px; height:12px; line-height:12px; font-size:11px; padding:3px 6px 2px 6px;  margin:0 2px 0 0; border:0; background-color:#fff; font-family: Helvetica, Arial, sans-serif; } 
ul.toolbox li.search form input.action { height:17px; float:left; padding:2px 2px 1px 2px; margin:0; background-color:#ee1c2e; background-image:none; border:0; color:#fff; font-size:11px; font-weight:bold; font-family: Helvetica, Arial, sans-serif; line-height:0; cursor:pointer; }  
.logged ul.toolbox li.search form input.action { background-color:#93cbbc; }

/* =navigation
----------------- */   
ul#mainNav { float:left; width:980px; height:29px; margin:30px 0 0 0; }
ul#mainNav li { float:left; height:29px; line-height:13px; } 
ul#mainNav li a { display:block; height:13px; padding:8px 0; background-image:url('../images/navSprite.gif'); background-position: -4px 0; color:#fff; font-size:13px; text-align:center; border-right:1px solid #373738; border-left:1px solid #47474a; }
ul#mainNav li a:hover { background-position: -4px -29px; }  
ul#mainNav li a.active { background-position: -4px -58px; color:#231f20; }  
ul#mainNav li.home a { width:68px; background-position: 0 0; border-left:0; }
ul#mainNav li.home a:hover { background-position: 0 -29px; }   
ul#mainNav li.home a.active { background-position: 0 -58px; }   
ul#mainNav li.findAPhotographer a { width:154px; }
ul#mainNav li.news a { width:64px; }
ul#mainNav li.aboutACMP a { width:105px; }
ul#mainNav li.trampoline a { width:97px; }
ul#mainNav li.forums a { width:76px; }
ul#mainNav li.events a { width:71px; }
ul#mainNav li.competitions a { width:108px; }
ul#mainNav li.contact a { width:78px; background-position: -743px 0; border-right:0; margin-right:2px; }
ul#mainNav li.contact a:hover { background-position: -743px -29px; }  
ul#mainNav li.contact a.active { background-position: -743px -58px; }  
ul#mainNav li.becomeAMember a { width:141px; background-position: -824px 0; border:0; } 
ul#mainNav li.becomeAMember a:hover { background-position: -824px -29px; }  
ul#mainNav li.becomeAMember a.active { background-position: -824px -58px; }     

ul#subnav { padding:0 0 20px 0;}
ul#subnav li { }
ul#subnav li a { display:block; padding:8px; color:#fff; font-size:12px; line-height:12px; text-transform:uppercase; background-color:#ee1c2e; }
ul#subnav li a:hover { background-color:#000; } 
.members ul#subnav li a { background-color:#93cbbc ; }
.members ul#subnav li a:hover { background-color:#a1e4d2; }
ul#subnav li a.active { background-color:#7c7c7d; }
ul#subnav li.myaccount a { background-color:#85b9ab; font-size:11px; text-indent:10px; }
ul#subnav li.myaccount a:hover {background-color:#8fcdbc;}

/* =layout
----------------- */   

div#mainContainer { width:980px; margin:0 auto; height:100%; }
div#mainContent { clear:left; width:950px; padding:15px; background-color:#fff; overflow:hidden; } 
div#contentColumn { position:relative; float:left; width:685px; padding:15px 0; }      
body.home div#contentColumn { padding:0 0; }  
div#subnavColumn { float:left; width:174px; padding:15px 15px 15px 0; }  
div#contentColumnSN { float:left; width:761px; padding:15px 0; }  
div#contentColumnCentre { float:left; width:496px; padding:15px 0 0 0; }     
.section { overflow:hidden; border-bottom:1px solid #18181b; padding-bottom:15px; } 
.photographersProfile .section { padding-top:20px; } 
.breakout { padding:15px; background-color:#f1f1f1;}

/* =footer
----------------- */ 
div#footer { float:left; clear:left; width:920px; height:10px; padding:15px; margin:30px 0 0 0; background-color:#f1f1f1; }       
div#footer p { float:left; font-size:10px; padding:0; margin:0; line-height:1; }
div#footer .addthis_toolbox { float:right; position:relative; top:-3px; }
        
/* =widgets
----------------- */
div#widgetColumn { float:left; width:250px; margin-left:15px; padding-top:15px; }
body.home div#widgetColumn { padding-top:0; } 
html body div#widgetColumn div.widget { padding-bottom:30px; display:block; width:250px; overflow:hidden; }
html body div#widgetColumn div.jumpFAP { padding-bottom:6px; } 
html body div#widgetColumn div.jumpBAM { padding-bottom:30px; } 
div#widgetColumn div.jumpButtons h1 { width:250px; height:63px; margin:0; padding:0; } 
div#widgetColumn div.jumpButtons h1.becomeAMember { }
div#widgetColumn div.jumpButtons h1 a { display:block; width:250px; height:63px; margin:0; padding:0; background-image:url('../images/sprite.gif'); text-indent:-9999px;}
div#widgetColumn div.jumpButtons h1.findAPhotographer a { background-position:0 -235px; } 
div#widgetColumn div.jumpButtons h1.findAPhotographer a:hover { background-position:-250px -235px; } 
div#widgetColumn div.jumpButtons h1.becomeAMember a { background-position:0 -298px; }   
div#widgetColumn div.jumpButtons h1.becomeAMember a:hover { background-position:-250px -298px; }   
div#widgetColumn div.widget a.followUs { float:right; width:94px; height:22px; margin:-3px 0 0 0; padding:0; background-image:url('../images/sprite.gif'); background-position:0 -361px; text-indent:-9999px; }
div#widgetColumn div.widget a.followUs:hover { background-position:-95px -361px; } 
div#widgetColumn div.widget  #twtrWidget { height:330px; overflow:hidden; }
div#widgetColumn div.widget  #twtrWidget .twtr-timeline { height:330px; }
div#widgetColumn div.widget div.twtr-hd { display:none; } 
div#widgetColumn div.widget .twtr-tweet-text p i a.twtr-reply, a.twtr-atreply { color:#ee1c2e!important; }
div#widgetColumn div.widget .twtr-tweet-text p i a.twtr-reply:hover, div#widgetColumn div.widget .twtr-tweet-text p a.twtr-atreply:hover, div#widgetColumn div.widget .twtr-tweet-text p a.twtr-hyperlink:hover { color:#000!important; background:transparent url('../images/dotDarkOver.gif') 0 10px repeat-x;}
div#widgetColumn div.widget .twtr-tweet-text p i a {color:#949191!important; background:transparent url('../images/dotGrey.gif') 0 10px repeat-x;}  
div#widgetColumn div.widget .twtr-tweet-text p i a:hover { color:#000!important; background:transparent url('../images/dotGreyOver.gif') 0 10px repeat-x; }
div#widgetColumn div.join { float:left; }
html body div#widgetColumn div.join .breakout { overflow:hidden; }
html body div#widgetColumn div.join form { float:left; width:auto!important; margin:0; padding:0; background-color:#f1f1f1 ;}
html body div#widgetColumn div.join form input#name { margin-right:6px; }
html body div#widgetColumn div.join .breakout form input.text { width:95px; line-height:11px; padding:6px; border:0; background-color:#fff; }
div#widgetColumn div.facebook { clear:left; }
div#widgetColumn div.facebook p.icon { float:left; width:61px; height:61px; padding:0; margin:0; }
div#widgetColumn div.facebook p.icon a { display:block; width:61px; height:61px; background:url('../images/sprite.gif') -188px -361px no-repeat; text-indent:-9999px; }
div#widgetColumn div.facebook p.text { float:left; width:153px; margin-left:6px; padding:14px 15px 14px 15px; background-color:#f3f5f8; }
.calendarWidget { float:left; margin:0px !important; /*width:200px;*/ font-size:11px !important; }
.calNavWidget { display:block; background-color:#18181b; margin:2px 1px; color:#fff; height:30px; line-height:30px; padding:0px 10px; font-size:12px; }
.calNavWidget a { display:block; float:left; width:10px; color:#fff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }
.calNavWidget a:hover { }
.calNavWidget p { display:block; float:left; width:188px; text-align:center; font-family:Arial, Helvetica, sans-serif; margin:7px 0 0 0; font-size:0.9em !important; }
.calendarWidget .calhead { color:#fff; }
.calendarWidget .calhead td { border:1px solid #fff; background-color:#7c7c7d; color:#fff; width:30px; height:23px; line-height:23px; }
.calendarWidget td { font-size:11px; font-weight:500; background:#f1f1f1; color:#231f20; text-align:center; width:30px; height:23px; line-height:23px; border:1px solid #fff; opacity:0.9999; }
.calendarWidget td.active{ cursor:pointer; background:#ee1c2e; color:#fff; }
.calendarWidget td.active:hover, .calendarWidget td.active:hover a{ cursor:pointer; background:#000; } 
.calendarWidget td.active{ cursor:pointer; }
.calendarWidget td.active a{ color:#FFF; }
#CalPopup{ /*position:absolute;*/ width:100px; height:100px; background:#E8E8E8; }
html body div#mainContent div.monthlyArchive { width:auto; padding:15px; background-color:#f1f1f1; margin-bottom:20px; border-bottom:5px solid #d4d4d4;}
ul.archiveMonths li { display:block; padding:0 0 10px 0; font-size:14px;  }    

/* =pagination
----------------- */
p.pagination { float:left; clear:left; padding:20px 0 20px 0; } 
p.pagination span { background-color:#626262; }
html body p.pagination span, html body p.pagination a { float:left; color:#fff; font-weight:normal; height:14px; text-align:center; padding:5px 8px 5px 8px; margin-left:3px; margin-top:4px; font-size:12px; line-height:14px; background-image:none; }   
p.pagination a span { display:inline!important; float:none; padding:0; margin:0; }
div#contentColumnSN div.videoSummary p.pagination { padding-top:0; }   

/* =home page
----------------- */  
body.home div.homeSlideshow { border-bottom:7px solid #18181b; margin-bottom:15px;} 
body.home #homeSlideshow { background-color:#000;}
body.home div.newsCol { float:left; width:430px; padding-bottom:15px; }
body.home div.newsCol a.rssAddThis { float:right; margin-top:2px; }
body.home div.newsCol a.image { float:left; width:220px; height:140px; border-bottom:5px solid #ee1c2e; margin:0 15px 8px 0; }
body.home div.newsCol a.image:hover { border-bottom:5px solid #000; }
body.home div.newsCol h3 { padding-bottom:2px; }
body.home div.newsCol p.date { }
body.home div.aboutCol { float:left; width:240px; margin-left:15px; }
body.home div.section { margin-bottom:15px; }
body.home div.membersBlog { padding:15px 0; }                 
body.home div.membersBlog ul {}
body.home div.membersBlog ul li { float:left; width:220px; margin-right:12px; }     
body.home div.membersBlog ul li.last { margin-right:0; }     
body.home div.membersBlog ul li a.image { float:left; width:220px; height:140px; border-bottom:5px solid #93cbbc; margin:0 15px 15px 0; }
body.home div.membersBlog ul li a.image:hover { border-bottom:5px solid #a1e4d2; }
body.home div.membersBlog ul li h3 { padding-bottom:2px; }

/* =find a photographer page
----------------- */   
body.findAPhotographer div.intro { padding-top:15px; }
body.findAPhotographer div.intro img {position:relative; top:-15px; float:left; margin:0 15px 15px 0;}
body.findAPhotographer h2, body.findAPhotographer h3, body.findAPhotographer h4 {clear:left;}   

body.findAPhotographer #contentColumn ul.FAPSearchResults { }  
body.findAPhotographer #contentColumn ul.FAPSearchResults li { padding:20px 0 20px 0; }
body.findAPhotographer #contentColumn ul.FAPSearchResults li.first { padding-top:5px; }
body.findAPhotographer #contentColumn ul.FAPSearchResults li a.image {float:left; width:220px; height:140px; border-bottom:5px solid #ee1c2e; margin:0 15px 0 0; }    
body.findAPhotographer #contentColumn ul.FAPSearchResults li a.image:hover { border-bottom:5px solid #000; }                                                        
body.findAPhotographer #contentColumn ul.FAPSearchResults li h2 {float:left; clear:none; width:430px; background-image:none; margin:0; padding:0 0 4px 0; font-size:18px; letter-spacing:-0.03em;  }
body.findAPhotographer #contentColumn p.searchAgain a { cursor:pointer; float:right; font-size:14px; font-weight:100; padding:9px 14px 7px 30px; margin-top:15px; line-height:14px; background:#ee1c2e url('../images/sprite.gif') -250px -361px no-repeat; color:#fff; }
body.findAPhotographer #contentColumn p.FAPSearchBtn { position:absolute; top:10px; right:0;}          

body.findAPhotographer #contentColumn div.alphaResults { clear:left; padding-top:30px; }
body.findAPhotographer #contentColumn div.alphaResults h2 { background-image:none; font-size:24px; }
body.findAPhotographer #contentColumn div.alphaResults ul { overflow:hidden; padding:0 0 20px 0;}
body.findAPhotographer #contentColumn div.alphaResults ul li { float:left; font-size:12px; width:225px; padding:7px 0; }
body.findAPhotographer #contentColumn div.alphaResults ul li a { background:transparent url('../images/dotRed.gif') 0 bottom repeat-x; } 
body.findAPhotographer #contentColumn div.alphaResults ul li a:hover { background:transparent url('../images/dotDarkOver.gif') 0 bottom repeat-x;}

/* =photographers profile
----------------- */     
body.photographersProfile div#contentColumn { width:100%; }
body.photographersProfile div.photographerDetails { width:100%; height:60px; background:#000 url('../images/sprite.gif') 0px -175px no-repeat; border-bottom:2px solid #fff; }
body.photographersProfile div.photographerDetails h2 { float:left; clear:left; color:#fff; font-size:18px; font-weight:100; margin:0 0 0 80px; padding:12px 0 4px 0; background-image:none; }
body.photographersProfile div.photographerDetails h3 { float:left; clear:left; color:#fff; font-size:14px; font-weight:100; margin:0 0 0 80px; padding:0; background-image:none; }
body.photographersProfile div.photographerDetails div.buttons { float:right; width:125px; height:60px; border-left:2px solid #fff; background-color:#fff; }
body.photographersProfile div.photographerDetails div.buttons p.website, body.photographersProfile div.photographerDetails div.buttons p.email { float:left; clear:left; height:29px; width:125px; padding:0; margin:0; border-bottom:2px solid #fff;}
body.photographersProfile div.photographerDetails div.buttons p.website a, body.photographersProfile div.photographerDetails div.buttons p.email a { display:block; height:19px; width:97px; padding:10px 0 0 28px; margin:0; background: url('../images/sprite.gif') -250px -361px no-repeat;}
body.photographersProfile div.photographerDetails div.buttons p.website a:hover, body.photographersProfile div.photographerDetails div.buttons p.email a:hover { background: url('../images/sprite.gif') -250px -391px no-repeat; }  
body.photographersProfile div.photographerDetails p.boardMember { float:right; width:145px; padding-left:25px; background: url('../images/sprite.gif') -250px -420px no-repeat; color:#fff; margin-top:25px; padding-top:1px;}
body.photographersProfile .fapSlideshow { border-bottom:7px solid #18181b; margin-bottom:15px;}     
body.photographersProfile div.bioBreakout { float:right; width:230px; margin:0 0 15px 20px; }
body.photographersProfile div.section {font-size:11.5px; }
body.photographersProfile p.arrowButton { margin-top:20px;} 

body.photographersProfile #fapSlideshow { background-color:#000;}    

/* =about pages
----------------- */  
body.about div#widgetColumn { padding-top:15px; }
body.about div#contentColumnCentre ul.thumbList { float:left;  padding-bottom:30px; }
body.about div#contentColumnCentre ul.thumbList li { float:left; width:160px; margin-top:8px; position:relative; z-index:50; border-bottom:5px solid #ee1c2e; }
body.board  div#mainContent div#contentColumnCentre ul.thumbList li { height:190px; }
body.sponsors div#mainContent div#contentColumnCentre ul.thumbList li { border:1px solid #f1f1f1; margin-top:5px;}
body.sponsors div#mainContent div#contentColumnCentre ul.thumbList li.middleCol { margin:5px 5px 0 5px;}
body.about div#contentColumnCentre ul.thumbList { padding-left:0; }
body.about div#contentColumnCentre ul.thumbList li { list-style:none;}
body.about div#contentColumnCentre ul.thumbList li.middleCol {margin:8px 8px 0 8px;}
body.about div#contentColumnCentre ul.thumbList li a span { width:144px; display:block; overflow:hidden; padding:8px; font-size:12px; background-color:#000; opacity:0.8; color:#fff; position:absolute; z-index:100; bottom:0; }
body.about div#contentColumnCentre ul.thumbList li a span strong { display:block; color:#ee1c2e; }    
body.sponsors div#mainContent div#contentColumnCentre h2 {margin-top:15px; }      
dl#FAQ dt {display:block; font-size:16px; }
dl#FAQ dd {display:block; padding-bottom:15px; }   
body div#mainContent ul.publicationList { float:left; clear:left; width:100%; padding:5px 0 0 0; background:transparent url('../images/dottedLine.gif') 0 top repeat-x; margin:20px 0 20px 0;}
body ul.publicationList li { overflow:hidden; clear:left; display:block; padding-bottom:20px; background:transparent url('../images/dottedLine.gif') 0 bottom repeat-x; margin-top:15px; }
body ul.publicationList li h2 { background-image:none; margin-bottom:4px;}
body ul.publicationList li img {float:left; }
body ul.publicationList li a.thumb { float:left; border-bottom:5px solid #ee1c2e; margin:0 15px 15px 0; }
body ul.publicationList li a.thumb:hover {border-bottom:5px solid #000; }       
body.publicationsPage img.publicationImage { float:left; margin:0 15px 15px 0;} 
body.publicationsPage .arrowButton { margin-top:6px;}    
body.publicationsPage .addthis_toolbox { clear:left; padding-top:15px; } 
body.aboutACMP ul.linksList { padding-bottom:15px; margin-bottom:15px; background:transparent url('../images/dottedLine.gif') 0 bottom repeat-x; }
body.aboutACMP ul.linksList li {font-size:12px; padding:0 0 6px 0;} 


/* =events
----------------- */    
body.events #contentColumn  a.rssAddThis { float:right; margin-top:9px; }   
body.events #contentColumn ul.eventsList li { padding:20px 0; position:relative; overflow:hidden; }   
body.events #contentColumn ul.eventsList li.first { padding-top:5px; }   
body.events #contentColumn ul.eventsList li a.image { float:left; width:220px; height:140px; border-bottom:5px solid #ee1c2e; margin:0 15px 0 0; }    
body.events #contentColumn ul.eventsList li a.image:hover { border-bottom:5px solid #000; }
body.events #contentColumn ul.eventsList li h2 { float:left; width:400px; background-image:none; margin:0; padding:0 10px 4px 0; font-size:18px; letter-spacing:-0.03em;  }
body.events #contentColumn ul.eventsList li p.excerpt { float:left; width:430px; }
body.events #contentColumn ul.eventsList li p.utility { float:right; }
body.events #contentColumn ul.eventsList li p.utility a { float:right; width:15px; height:17px; background: url('../images/cal.gif') 0 1px no-repeat; text-indent:-9999px; }  
body.events #contentColumn ul.eventsList li dl { float:left; width:430px; }
body.events #widgetColumn { padding-top:11px; }
body.events #widgetColumn form#Form_CalendarFilterForm { padding:15px; background-color:#f3f5f8;}
body.events #widgetColumn form#Form_CalendarFilterForm label { display:block; font-size:12px; font-weight:bold; padding:bottom:10px;}
body.events #widgetColumn form#Form_CalendarFilterForm .section { padding:0 0 15px 0; border:0;}
body.events #widgetColumn form#Form_CalendarFilterForm .section select { float:left; margin:10px 6px 0 0; }    

body.eventPage #contentColumnCentre dl dt { float:left; clear:left; padding-right:10px; }
body.eventPage #contentColumnCentre dl dd { float:left; } 
body.eventPage #contentColumnCentre p, body.eventPage #contentColumnCentre h4 { clear:left;}
body.eventPage #contentColumnCentre p.arrowButton {margin:10px 0 20px 0;}
body.eventPage #contentColumnCentre img {margin-bottom:20px; border-bottom:5px solid #000;}
body.eventPage #contentColumnCentre span.dtstart {float:left; padding-right:10px;}
body.eventPage #contentColumnCentre a.addToCalBtn { position:relative; top:-2px; float:left; width:15px; height:17px; background: url('../images/cal.gif') 0 1px no-repeat; text-indent:-9999px;}
body.eventPage #contentColumnCentre form { }

/* =video page
----------------- */                    
div#contentColumnSN { padding-top:15px; }
div#contentColumnSN div.vimeo { float:left; }
div#contentColumnSN div.vimeoDetails { float:left; width:201px; padding:0 15px; font-size:11.5px; line-height:1.5; }    
div#contentColumnSN div.vimeoDetails h2 { background-image:none; line-height:18px; padding-bottom:0px; }
div#contentColumnSN div.videoSummary { padding:30px 0 0 0;}
div#contentColumnSN div.videoSummary ul.videoSummaryList { overflow:hidden;}  
div#contentColumnSN div.videoSummary ul.videoSummaryList li { float:left; position:relative; width:242px; height:318px; margin:0 12px 15px 0; z-index:200;  }  
div#contentColumnSN div.videoSummary ul.videoSummaryList li.noMargin { margin:0; }
div#contentColumnSN div.videoSummary ul.videoSummaryList li a.play { position:absolute; width:242px; height:160px; background:transparent url('../images/videoThumbPlay.png') 0 0 no-repeat; text-indent:-9999px; z-index:200; }
div#contentColumnSN div.videoSummary ul.videoSummaryList li a.play:hover { background:transparent url('../images/videoThumbPlay.png') 0 -160px no-repeat; }
div#contentColumnSN div.videoSummary ul.videoSummaryList li img { border-bottom:5px solid #93cbbc;}
div#contentColumnSN div.videoSummary ul.videoSummaryList li h3 {padding-top:15px; } 

/* =blog index
----------------- */   
.trampoline ul.blogArticleList { border-top:1px solid #000; padding-top:15px; margin-top:10px;}
#mainContainer #mainContent #contentColumn ul.blogArticleList li { float:left; width:100%; padding-top:15px; list-style:none;}  
body #mainContent ul.blogArticleList li.sectionFirst { }  
ul.blogArticleList li { padding-top:15px;}
ul.blogArticleList li a.image { float:left; border-bottom:5px solid #ee1c2e; margin:0 15px 15px 0;} 
ul.blogArticleList li a.image:hover { border-bottom:5px solid #000; }  
.members ul.blogArticleList li a.image { border-bottom:5px solid #93cbbc; } 
.members ul.blogArticleList li a.image:hover { border-bottom:5px solid #a1e4d2; }   
.trampoline ul.blogArticleList li a.image { border-bottom:5px solid #ff6000; } 
.trampoline ul.blogArticleList li a.image:hover { border-bottom:5px solid #ff7f31; }                                                                                                        

ul.blogArticleList li h2 { background-image:none; margin:0; padding:0 0 4px 0; font-size:18px; letter-spacing:-0.03em; }  
ul.blogArticleList li h3 { margin:0; padding:0 0 4px 0; font-size:11.5px; }    
ul.blogArticleList li p { margin:0 0 6px 0; padding:0 0 6px 0; }    

/* =blog article
----------------- */   
div#blogArticleColumn { float:left; width:526px; padding-right:15px;} 
#blogArticleColumn div.heading { background:transparent url('../images/dottedLine.gif') 0 bottom repeat-x; margin-bottom:20px; }
#blogArticleColumn h1 { background-image:none; padding:0 0 6px 0; margin:0; } 
#blogArticleColumn p.date { padding:0 0 15px 0; color:#7c7c7d; }  
#blogArticleColumn p.author { float:left; padding-right:15px; }   
#blogArticleColumn img { border-bottom:7px solid #18181b; margin: 0 0 20px 0; }   
#blogArticleColumn ul.comments { margin-top:15px; padding-bottom:20px; border-top:1px solid #18181b; }  
#blogArticleColumn ul.comments li.section { padding-top:15px; }  
#blogArticleColumn ul.comments li .commenter { background:transparent url('../images/commenter.png') 0 0 no-repeat; padding-left:24px; } 
#blogArticleColumn form { width:402px;}
#blogArticleColumn form.comments textarea { float:left; clear:both; width:400px; height:200px;}  
#blogArticleColumn form.comments input {clear:both; margin-top:15px;} 
div.summaryCol { float:left; width:220px; } 
div.summaryCol ul {list-style-type:none; }
div.summaryCol li.item { list-style-type:none; padding:0 0 3px 0; margin:0 0 20px 0;}
div.summaryCol li.item h3 { padding-bottom:0;}     

/* =become a member
----------------- */
body.becomeAMember p.arrowButton { margin-top:15px; }
                       
/* =members area
----------------- */ 
div#contentColumnCentre ul.blogArticleList { padding-left:0; }
div#contentColumnCentre ul.blogArticleList li h2 { padding:0 0 12px 0; }  
div#contentColumnCentre ul.blogArticleList li p { margin:0; padding:0 0 10px 0; }     

/* =my payments
----------------- */   
body.myAccount div#contentColumnSN table td {font-size:12px; padding:4px 0;}

                      
/* =member offers
----------------- */      
body.memberOffers #contentColumnCentre dl { display:block; border-top:1px solid #000; } 
body.memberOffers #contentColumnCentre dl dt { clear:left; display:block; font-size:14px; font-weight:bold; padding:15px 0 5px 0; overflow:hidden;}
body.memberOffers #contentColumnCentre dl dd { clear:left; display:block; padding-bottom:15px; border-bottom:1px solid #000; padding:0 0 15px 0; overflow:hidden;}
body.memberOffers #contentColumnCentre dl dd img { float:left; margin:0 15px 15px 0; }
   
/* =member downloads
----------------- */
body.memberDownloads div#mainContent div#contentColumnCentre dl { float:left; background-color:#f1f1f1; padding-bottom:0; margin:20px 0; }
body.memberDownloads div#mainContent div#contentColumnCentre dl dt { display:block; font-size:14px; font-weight:bold; padding:15px 15px 0 15px;}  
body.memberDownloads div#mainContent div#contentColumnCentre dl dd { display:block; padding-bottom:15px; border-bottom:5px solid #fff; padding:0 15px 15px 15px; overflow:hidden; }

/* =search results
----------------- */                      
ul#SearchResults li.section { background:transparent url('../images/dottedLine.gif') 0 bottom repeat-x; border:0; margin-bottom:15px;}     

/* =sitemap
----------------- */
ul.sitemap-list { width:400px; }
ul.sitemap-list .sitemap-list { margin-left:20px; }      
ul.sitemap-list li { padding:3px 0; font: normal normal 12px/18px helvetica, arial, sans-serif;  background:transparent url('../images/dotRed.gif') 0 bottom repeat-x;}
ul.sitemap-list .sitemap-list li { background-image:none; font-weight:normal; list-style-type:disc; list-style-position:outside;}
ul.sitemap-list .sitemap-list li strong { font-weight:normal}  

/* =competitions
----------------- */
body.competitions #contentColumnCentre a.image img { margin-bottom:0; border:0; }
body.competitions #contentColumnCentre img { margin-bottom:25px; border-bottom:5px solid #000;}
body.competitions #contentColumnCentre p { clear:left; }
body.competitions #contentColumnCentre p.arrowButton { margin-bottom:15px;}
body.competitions #contentColumnCentre dl { font-size:11px; line-height:16px; }
body.competitions div#Image label.left { font-size:16px;}
body.competitions div#Category label.left { float:left; clear:left; padding:15px 0;}   
#contentColumnCentre ul.submittedImages { float:left; clear:left; padding:15px 0; }    
#contentColumnCentre ul.submittedImages li { float:left; position:relative; width:220px; list-style:none; padding-left:0; margin-right:15px; z-index:100; line-height:0; }        
#contentColumnCentre ul.submittedImages li img {border-bottom:5px solid #000; margin-bottom:0; }
#contentColumnCentre ul.submittedImages li p { background-color:#f1f1f1; padding:5px; margin:-5px 0 0 0;}
#contentColumnCentre ul.submittedImages li a.deleteButton { position:absolute; z-index:150; top:4px; right:4px;}
#contentColumnCentre ul.submittedImages li a.deleteButton img { border:0;}

/* =judging
----------------- */
/* =judging
----------------- */
dl#judgeStatistics{ display:block; }         
body.judge div#mainContent #contentColumnSN ul.accumulatedScore { padding:0 0 25px 0; }
body.judge div#mainContent #contentColumnSN ul.accumulatedScore li { font-size:14px!important; font-weight:bold; list-style:none; }           

body.judge div#mainContent #contentColumnSN ul { padding:0 0 11px 30px;}
body.judge div#mainContent #contentColumnSN ul li { font: normal normal 11px/1.5 Helvetica!important; padding-bottom:3px; list-style:disc outside; }
body.judge div#mainContent #contentColumnSN form { margin: 25px 0;}
body.judge div#mainContent #contentColumnSN form ul { padding:0;}  
body.judge div#mainContent #contentColumnSN form ul li { list-style:none; } 
body.judge div#mainContent #contentColumnSN form ul li label { float:left; margin-top:-1px;}
body.judge div#mainContent #contentColumnSN form #Form_JudgeForm_Score { width:80px;}