/*  GLOBAL STYLE RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,p,blockquote,th,td{padding:0; margin:0; font-size:100%; line-height:1.6em}
body{font:62.5% Arial, Helvetica, sans-serif}
/*  The 62.5% body text here makes 1em = 10px, therefore 1.2em = 12px and so on.*/

table{border-collapse:collapse; border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-weight:normal; font-style:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:bold; font-size:100%}
q:before,q:after{content:''}
abbr,acronym{border:0}

/* removes dotted border from all focused links */
:-moz-any-link:focus, a, input{outline:none!important}

/*  Just a few styles I add to most sites   */
.fr{float:right}
.fl{float:left}
.bold{font-weight:bold}
.clear{clear:both}
a{text-decoration:none}
p{font-size:1.2em; color:#666}

/* IE PNG FIX */
img, div, a, input { behavior: url(img/iepngfix.htc) }


/*  BEVAN DUFFY FOR MAYOR   */
body{background: #001a52 url('/img/images/siteBg_large_B&W.png') no-repeat; margin:0 0; width:1337px; height:823px; display:block; position:relative}
#container{width:975px; margin:0 auto}
#BD_logo{background: url('/img/images/BevanHeader.png') no-repeat; height:299px; width:428px; margin-top:-40px}
#BD_quote{width:485px; height:57px; margin-left:80px}
#BD_quote p{font-family:'Times New Roman'; font-size:2.8em; line-height:1.4em; color:#fff}
#BD_regForm{width:1001px; height:423px; margin:110px 0 0 -20px; padding:29px 0 0 50px}
#BD_regForm form{width:612px; float:left}
#BD_regForm form legend{background: url('/img/images/regFormHeader.png') no-repeat; width:160px; height:24px}

.regFormTop{background: url('/img/images/regFormTop.png') no-repeat; width:1001px; height:38px; display:block}
.regFormMid{background: url('/img/images/regFormMid.png') repeat-y; width:1001px; padding-left:40px}
*html .regFormMid{width:961px}
.regFormBottom{background: url('/img/images/regFormBottom.png') no-repeat; width:1001px; height:143px; display:block}

.narrow .regFormTop{background: url('/img/images/regFormTop_narrow.png') no-repeat; width:775px; height:38px; display:block}
.narrow .regFormMid{background: url('/img/images/regFormMid_narrow.png') repeat-y; width:775px; padding-left:40px}
*html .narrow .regFormMid{width:961px}
.narrow .regFormBottom{background: url('/img/images/regFormBottom_narrow.png') no-repeat; width:775px; height:143px; display:block}

#contribute{float:left; width:255px; margin-left:20px}
hr{color:#eee}
#contribute a{margin-top:10px; display:block}
#contribute h2{background: url('/img/images/contribute.png') no-repeat; width:127px; height:24px}
#contributeInfo h2{background: url('/img/images/donateInfoHeader.png') no-repeat; width:265px; height:24px}
#stayInformed{width:400px; float:left; border-right:4px solid #eee}
#stayInformed p{width:400px}
#stayInformed #submit{background: url('/img/images/signupBtn.png') no-repeat; width:124px; height:30px; border:none; margin-top:10px}
#stayInformed .fl{margin-top:20px}

fieldset label{text-align:right; color:#666; font-size:1.2em; width:104px; line-height:2em; display:block}
*html fieldset label{margin-right:20px}
fieldset input{font-size:1.4em; padding:3px 5px; width:200px; margin:0 0 10px 20px; color:#999}

/* /////////// ERROR MESSAGES  /////////////////// */
.formError{color:red; margin:-8px 0 10px 20px; font-size:1.2em; }
*html .formError{margin-left:0}
.pageMessage{border:1px solid red; margin-bottom:10px; padding:2px 5px; width: 80%}
.pageMessage p{color:red}
.narrow .pageMessage{width: 60%; }
/* /////////// ERROR MESSAGES  /////////////////// */

.disclaimer{color:#fff; padding-top:100px}
.optional{color:#666;float:left; margin:-10px 0 0 20px}
.legal{font-size:1em; color:#999; padding:20px}




#ContributeForm{width:620px; display:inline-block; float:left; border-right:4px solid #EEEEEE}
#ContributeForm p{width:500px; }
#ContributeForm ul label, #stayInformed ul label{float:left}
#ContributeForm ul input, #ContributeForm ul select,  #stayInformed ul input{float:right; width:166px; margin-left:13px}
#ContributeForm ul, #stayInformed ul{width:300px; float:left}
#ContributeForm ul li, #stayInformed ul li{display:inline-block}
#ContributeForm .fl, #ContributeForm .fr{width:310px}
#ContributeForm #submit{background: url('/img/images/contributBtn.png') no-repeat; width:135px; height:31px; display:block; border:0}
#contributeInfo{float:left; width:300px; padding-left:15px}
#contributeInfo p{width:250px}
#contributInfo h2{width:200px}
#ContributeForm .formError,  #stayInformed .formError{margin:0 0 0 117px}
#ContributeForm fieldset input, #ContributeForm ul select{margin:10px 0 0 14px}
#ContributeForm ul select{}
#ContributeForm .optional{margin:0}

#ContributeForm h3{font-weight:bold; color:#001a52; font-size:1.4em }
#contributionAmount{font-size:1.2em; color:#666; padding-bottom:20px}
#contributionAmount input, #ccInfo input{width:50px}