/**
* Author: Andrew Lennard
* Date: 03/07/09
* File: styles/main.css
*/

/**** Some basic general declarations ****/
html, body { margin: 0px; padding: 0px; background-color:#00aedc; }
p, h1, h2, h3, h4, h5, h6, input, textarea, address, form, select, label, ul, li, ii { margin: 0px; padding: 0px; font-family: Arial; font-size: 11.5px; color: #56555a; }
img { border: none; }
ul { list-style: none; }
a { color: #ffffff; }
a.noshow { color: #4b4d4d; text-decoration:; }

/**** Main Container ****/
#container { margin: 0px auto auto auto; text-align: left; height: 1200px; width: 1012px; background-image:url("http://www.celebrationcharityappeal.co.uk/images/repeat.gif"); background-repeat:repeat-y; }
#containerdonate { margin: 0px auto auto auto; text-align: left; height: 700px; width: 1012px; background-image:url("http://www.celebrationcharityappeal.co.uk/images/repeat.gif"); background-repeat:repeat-y; }
#containerorder { margin: 0px auto auto auto; text-align: left; height: 1680px; width: 1012px; background-image:url("http://www.celebrationcharityappeal.co.uk/images/repeat.gif"); background-repeat:repeat-y; }
#containerorder2 { margin: 0px auto auto auto; text-align: left; height: 370px; width: 1012px; background-image:url("http://www.celebrationcharityappeal.co.uk/images/repeat.gif"); background-repeat:repeat-y; }
#containercontact { margin: 0px auto auto auto; text-align: left; height: 695px; width: 1012px; background-image:url("http://www.celebrationcharityappeal.co.uk/images/repeat.gif"); background-repeat:repeat-y; }
#containerprivacy { margin: 0px auto auto auto; text-align: left; height: 1235px; width: 1012px; background-image:url("http://www.celebrationcharityappeal.co.uk/images/repeat.gif"); background-repeat:repeat-y; }
#containerdisclaimer { margin: 0px auto auto auto; text-align: left; height: 660px; width: 1012px; background-image:url("http://www.celebrationcharityappeal.co.uk/images/repeat.gif"); background-repeat:repeat-y; }

/**** Logo ****/
#logo { width: 177px; height: 147px; margin: 0 0 0 46px; float: left; background: #ffffff; }

/**** Top Banner ****/
#topbanner { width: 710px; height: 127px; margin: 0px 0 0 63px; float: left; background: #ffffff; }

/**** Navigation Col ****/
#navCol { height: 20px; width: 692px; float: left; text-align: left; margin: 0 0 0 80px; background: #95bf39; }

/**** Pink Line ****/
#pinkline { width: 981px; height: 7px; margin: 0 0 0 15px; float: left; background: #c63086; }

/* Nav */
#nav { width: 300px; height: 20px; margin: 0; padding: 3px 0 0 0; }
#nav span { display: inline; margin: 0 0 0 10px; }
#nav li a { display: inline; color: #ffffff; text-decoration:none; font-size:12px; font-weight: normal; }
#nav li { float: left; list-style: none; display: inline; }
#home a:hover { color: #c63086; font-size:12px; font-weight: normal; }
#donate a:hover { color: #c63086; font-size:12px; font-weight: normal; }
#order a:hover { color: #c63086; font-size:12px; font-weight: normal; }
#contact a:hover { color: #c63086; font-size:12px; font-weight: normal; }

/**** Header text ****/
#headline { width: 700px; height: 30px; background-color: ; float: left; margin: 30px 0 0 50px; padding: 0px; }
#headline h1 { font-size: 24px; color: #00aedc; font-weight: bold; }

/**** Grey Line ****/
#greyline { width: 912px; height: 1px; margin: 5px 0 0 50px; float: left; background: #b3b3b3; }

/**** Main Content ****/
#contenta { width: 295px; height: auto; background-color: ; float: left; margin: 10px 0 0 50px; padding: 0px; }
#contenta p { line-height: 14.5px; margin: 0 0 12px 0; text-align:justify; }
#contenta p a { text-decoration: underline; color: #174225; }
#contenta h3 { font-size: 13px; color: #00aedc; line-height: 14px; margin: 0 0 12px 0; text-align:justify; }

#contentb { width: 295px; height: auto; background-color: ; float: left; margin: 10px 0 0 20px; padding: 0px; }
#contentb p { line-height: 14px; margin: 0 0 12px 0; text-align:justify; }
#contentb p a { text-decoration: none; color: #174225; }
#contentb h3 { font-size: 13px; color: #00aedc; line-height: 14px; margin: 0 0 12px 0; text-align:justify; }

#contentc { width: 295px; height: 90px; background-color: ; float: left; margin: 10px 0 0 50px; padding: 0px; }
#contentc p { line-height: 14.5px; margin: 0 0 12px 0; text-align:justify; }
#contentc p a { text-decoration: none; color: #174225; }

#contentd { width: 900px; height: auto; background-color: ; float: left; margin: 10px 0 0 50px; padding: 0px; }
#contentd p { line-height: 14.5px; margin: 0 0 12px 0; text-align:justify; }
#contentd p a { text-decoration: none; color: #174225; }

#contentdonate { width: 295px; height: 250px; background-color: ; float: left; margin: 10px 0 0 50px; padding: 0px; }
#contentdonate p { line-height: 14px; margin: 0 0 12px 0; text-align:justify; }
#contentdonate p a { text-decoration: none; color: #174225; }
#contentdonate h3 { font-size: 13px; color: #c63086; line-height: 14px; margin: 0 0 12px 0; text-align:justify; }

#contentcontact { width: 295px; height: 250px; background-color: ; float: left; margin: 10px 0 0 50px; padding: 0px; }
#contentcontact p { line-height: 14px; margin: 0 0 12px 0; text-align: left; }
#contentcontact p a { text-decoration: none; color: #95bf39; }
#contentcontact pink { line-height: 14px; color: #c63086; font-weight:bold; }

#contenterror { width: 400px; height: auto; background-color: ; float: left; margin: 10px 0 0 50px; padding: 0px; }
#contenterror p { line-height: 14.5px; margin: 0 0 12px 0; text-align:justify; }
#contenterror p a { text-decoration: none; color: #174225; }

#contentimage { width: 283px; height: 150px; background-color: ; float: left; margin: 10px 0 0 20px; padding: 0px; }

#donateimage { width: 598px; height: 394px; background-color: ; float: left; margin: 10px 0 0 20px; padding: 0px; }

/**** Header text B ****/
#headlineb { width: 790px; height: 30px; background-color: ; float: left; margin: 15px 0 0 50px; padding: 0px; z-index:100; }
#headlineb h1 { font-size: 24px; color: #00aedc; font-weight: bold; }

/**** Grey Line B ****/
#greylineb { width: 912px; height: 1px; margin: 5px 0 0 50px; float: left; background: #b3b3b3; }

/**** Invites container ****/
#invites-container { width: 920px; height:auto; margin: 70px 0 0 50px; float: left; }

/**** Invitation Headers ****/
#boysinvites { width: 285px; height: 25px; background-color: ; float: left; margin: 0 0 0 0px; padding: 0px; }
#boysinvites h2 { font-size: 20px; color: #00aedc; font-weight: bold; }
#greenlinea { width: 285px; height: 1px; background-color: #95bf39; float: left; margin: 5px 0 0 0; padding: 0px; }
#boyssamples { width: 287px; height: 181px; background-color: ; float: left; margin: 20px 0 0 0; padding: 0px; }

#girlsinvites { width: 285px; height: 25px; background-color: ; float: left; margin: 0 0 0 20px; padding: 0px; }
#girlsinvites h2 { font-size: 20px; color: #00aedc; font-weight: bold; }
#greenlineb { width: 285px; height: 1px; background-color: #95bf39; float: left; margin: 5px 0 0 30px; padding: 0px; }
#girlssamples { width: 287px; height: 181px; background-color: ; float: left; margin: 20px 0 0 29px; padding: 0px; }

#unisexinvites { width: 285px; height: 25px; background-color: ; float: left; margin: 0 0 0 29px; padding: 0px; }
#unisexinvites h2 { font-size: 20px; color: #00aedc; font-weight: bold; }
#greenlinec { width: 285px; height: 1px; background-color: #95bf39; float: left; margin: 5px 0 0 30px; padding: 0px; }
#unisexsamples { width: 287px; height: 181px; background-color: ; float: left; margin: 20px 0 0 29px; padding: 0px; }

/**** Charities ****/
#charities { width: 914px; height: 590px; margin: 15px 0 0 50px; float: left; background: #95bf39; }

/**** Pink Line B ****/
#pinklineb { width: 981px; height: 7px; margin: 20px 0 0 15px; float: left; background: #c63086; }

/* Forms */
#form { width: 915px; height: 980px; background-color: ; float: left; margin: 10px 0 0 50px; padding: 0px; }
#form #frmContact fieldset { z-index:110; width: 915px; height: auto; margin: 0 0 0 0; border: 0px solid #8bc53f; padding: 10px 0 0 0; }
#form #frmContact label { font-size: 12px; width: 915px; float: left; font-weight: bold; margin: 10px 0 0 0; }
#form #frmContact input { font-size: 12px; color:#56555a; width: 330px; float: left; border: 1px solid #8bc53f; margin: 10px 0 0 0; height: 18px; }
#form #frmContact textarea { font-size: 12px; color:#56555a; width: 330px; height: 60px; margin: 10px 0 0 0; border: 1px solid #8bc53f; float: left; }
#form #frmContact p { font-size: 12px; font-weight: bold; padding: 0; color: #95bf39; } 
#form #frmContact p a { color: #c63086; margin: -10px 0 0 0; } 
#form #frmContact p input { float: none; width: 20px; margin: 0; padding: 0; }
#form #frmContact h3 { font-size: 12px; color: #c63086; font-weight: bold; margin: 0; padding: 0; }
#form #frmContact h3 input { float: none; width: 20px; margin: -2px 0 0 4px; padding: 2px 1px 2px 1px; }
#form #frmContact .notice { border: 2px solid #EDEF00; background: #FEFFAF; color: #333333; font-weight: bold; padding: 0px; line-height: 18px; }
#form #frmContact .error { border: 1px solid #DF2929; background: #EFC2C2; color: #FFFFFF; font-weight: bold; padding: 1px; line-height: 18px; margin: -15px 0 16px 76px; width: 208px; }
#form #frmContact .reqField { background: #FF8F8F; color: #ffffff; }
#form #frmContact fieldset p {font-size: 12px; margin: 10px 0 0 0; padding: 0; }
#form #frmContact img { padding: 0 0 0 0; }


/**** Footer ****/
#footer { width: 500px; height: 20px; float: left; margin: 15px 0 0 50px; padding: 0px; text-align:left }
#footer p { color: #00aedc; float: left; font-size: 9px; text-align: left; padding: 0; }
#footer p a { color: #00aedc; text-decoration: none; }
#footer p a:hover { text-decoration: underline; }