/* CSS Global Styles */
* {margin: 0; padding: 0;}

/** Body styles **/
body {font: 0.8125em Trebuchet, "Trebuchet MS", Arial, sans-serif; color: #333; background: #c3f26c url(../images/bkgGreenfade.jpg) repeat-x;}
a, a:visited {text-decoration: underline; color: #dfa324; font-weight:bold;}
a:hover {text-decoration: none;}
.highlight {padding:10px; width:329; font-family:Georgia, Times, serif; color:#ade14f; font-size:16px; line-height:1.4em; text-align:center; background:url(../images/homeQuotes.gif) no-repeat;}
.leftTitle {color:#90b64c; font-size:1.8em; line-height:1.6em; font-weight:bold;}
.introcopy h2{font-size:1.2em; color:#ffffff; line-height:1.4em; font-weight:bold;}
.introcopySmall {font-size:.9em; color:#ffffff; line-height:1.7em;}
.donatecopy {color:#808285;}
.green{color:#90b64c;}
.donorTable {padding:10px 0 20px 0; font-size:.8em;}

/** Layout styles **/
#top {width:100%; height:48px; background:url(../images/navBackground.jpg); position:absolute; z-index:100; left:0; top: 0;}
#navContainer {width:780px; margin-left:auto; margin-right:auto; position:relative;
    top: 1px;
    left: 0px;
}
#homeContainer {width:735px; height:525px; margin:auto; background: url(../images/homeBackground.png) no-repeat center;}
#homeLeft {border-right:5px solid #85868a; margin:3px 0px 0px 3px; width:355px; height:510px; overflow:hidden; float:left; font-size:.85em; color:#515355; background:url(/images/fashionforward10-homepage.jpg) no-repeat center; }
#homeRight {margin:25px 22px 0px 10px; width:330px; height:512px; float:right; text-align:left;}

#eventInfo {position:absolute; top:639px; width:180px;
left:20px; text-align:left; color:White;height: 115px;
}
#eventInfo H1 {font-size:13px; letter-spacing:2px; color:#ffffff;}
#eventInfo H2 {font-size:13px; color:#b8e564; padding:0px; margin:0px; }

/* Content for green pages */
#content {position:relative; padding:80px 0 0 0;margin:auto; width:730px; clear:both;}
#content p{margin-top:1.4em;}
#copyIntro { width:720px; text-align:center; margin-top: 20px; margin-right: auto; margin-bottom: 20px; margin-left: auto;}
/* Content for white pages */
#contentWhite {padding:80px 0 0 0; margin-right:auto; margin-left:auto; width:780px; min-height:800px; background:url(../images/whiteTopshadow.jpg) repeat-x top #ffffff; border-left:6px solid #808285; border-right:6px solid #808285; border-top:0;}
#contentWhite p{margin-top:1em;}

#copyWhite ul {padding-left: 2em;text-indent: -1em; }
#copyWhite li {margin-left: 2em; text-indent:0px; list-style-position: outside;}

#copyWhite {clear:left; width:475px; margin:30px 10px 10px 35px; font-size:1em; color:#7a7b7f; text-align:left; float:left; }
#copyWhite h2 {color:#90b64c; font-size:1.4em;}
#copyWhite h3 {color:#dfa324; font-size:1.2em;}
#copyWhite table {width:100%;}
#copyWhite table th {text-align:left; border-bottom:1px solid #dfe0e0; margin:0px;}

#rightColumnWhite {width:180px; margin:40px 35px 20px 10px; color:#7a7b7f; float:right; font-size:1em;}
#rightColumnWhite p {margin-top:1em; color:#7a7b7f;}
#rightColumnWhite ul { padding:0; margin:0; list-style-type:none;}
#rightColumnWhite li {background: url(../images/arrow.gif) 0px 10px no-repeat; padding:5px 0 0 15px; margin-bottom:10px;}

.pressRelease {font-size:.85em; line-height:1.6em; margin-bottom:10px;}

/* Footer */
#footer {margin-top:20px;text-align:center; font-size:.85em; color:#696b6d; clear:both; height:60px;}

/* Logo for green pages */
#logo {display: block; margin:0px auto 0 auto; width:302px; height:154px; background: transparent url(../images/levelLogo.gif) bottom no-repeat; padding:0;}
#logo a {display: block; width:302px; height:154px; overflow: hidden;}
#logo a:hover { text-decoration: none; border:0;} 
#logo h1 { text-indent: -3000em; font-size: 8px; line-height: 8px; margin:0; padding: 0;}

/* Logo for white pages */
#logoWhite {display: block; margin:auto; width:302px; height:154px; background: transparent url(../images/levelLogoWhite.gif) bottom no-repeat; padding:0;}
#logoWhite a {display: block; width:302px; height:154px; overflow: hidden;}
#logoWhite a:hover { text-decoration: none; border:0;} 
#logoWhite h1 { text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0;}

/* Donate for green pages */
#donate{ position:absolute; display: block; width:127px; height:70px; background: transparent url(../images/buyticketsHome.gif) bottom no-repeat; padding:0;}
#donate a {display: block; width:127px; height:70px; overflow: hidden;}
#donate a:hover { text-decoration: none; border:0;   background: transparent url(../images/buyticketsHome-o.gif) bottom no-repeat;} 
#donate h3 { text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0;}

/* Donate for white pages */
#donateWhite{display: block; margin:10px auto 10px auto; width:137px; height:61px; background: transparent url(../images/buyticketsWhite.gif) bottom no-repeat; padding:0;}
#donateWhite a {display: block; width:137px; height:61px; overflow: hidden;}
#donateWhite a:hover { text-decoration: none; border:0;  background: transparent url(../images/buyticketsWhite-o.gif) bottom no-repeat;} 
#donateWhite h3 { text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0;}

/* Social Media Icons */
#homeButtons {width:330px; height:61px; margin-top:10px; position:relative; }

#facebookIcon{left:210px; top:5px; position:absolute; display: block; margin-top:5px  0 0 0; width:60px; height:61px; background: transparent url(../images/facebook-icon.gif) bottom no-repeat; padding:0;}
#facebookIcon a {display: block; width:60px; height:61px; overflow: hidden;}
#facebookIcon a:hover { text-decoration: none; border:0; } 
#facebookIcon h3 { text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0;}

#twitterIcon{left:268px; top:5px; position:absolute; display: block; margin-top:5px 0 0 0; width:60px; height:61px; background: transparent url(../images/twitter-icon.gif) bottom no-repeat; padding:0; }
#twitterIcon a {display: block; width:60px; height:61px; overflow: hidden;}
#twitterIcon a:hover { text-decoration: none; border:0; } 
#twitterIcon h3 { text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0;}


/** Page Titles **/
#titleCurrentcampaign {display: block; width:239px; height:33px; background: transparent url(../images/titleCurrentcampaign.gif) bottom no-repeat; padding:0;}
#titleCurrentcampaign { text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0;}

#titlePastcampaign {display: block; width:239px; height:33px; background: transparent url(../images/titlePastcampaign.gif) bottom no-repeat; padding:0;}
#titlePastcampaign { text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0;}

#titleThankyou {display: block; width:239px; height:33px; background: transparent url(../images/titleThankyou.gif) bottom no-repeat; padding:0;}
#titleThankyou { text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0;}

#titleWanttohelp {display: block;  width:239px; height:33px; background: transparent url(../images/titleWanttohelp.gif) bottom no-repeat; padding:0;}
#titleWanttohelp { text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0;}

#titleContactfaq {display: block; width:239px; height:33px; background: transparent url(../images/titleContactfaq.gif) bottom no-repeat; padding:0;}
#titleContactfaq { text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0;}

/** Right Nav Title **/
#rightColLinks {display: block; width:83px; height:20px; background: transparent url(../images/rightColLinks.gif) center no-repeat; padding:0;}
#rightColLinks { text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0;}

#rightColPressReleases { display: block; width:160px; height:23px; background: transparent url(../images/pressReleases.gif) center no-repeat; padding:0 0 0 20px;}
#rightColPressReleases { text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0;}

/** NavMenu Styles */
ul#nav { position:absolute; top:0px; left:0px }
ul#nav {background:url(../images/navMenu.gif)}
ul#nav li { float:left; list-style-type:none }
ul#nav li a { height:47px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none }

li#navHome a, li#navCurrent a, li#navHelp a, li#navThank a, li#navContact a { background:url(../images/navMenu.gif) }

li#navHome a { background-position:0 0; width:106px; left:0}
li#navHome a:hover { background-position:0 -47px}
body#pageHome li#navHome a { background-position:0 -94px}

li#navCurrent a { background-position:-106px 0; width:205px; left:106px}
li#navCurrent a:hover { background-position:-106px -47px}
body#pageCurrent li#navCurrent a { background-position:-106px -94px}

li#navThank a { background-position:-311px 0; width:142px; left:311px }
li#navThank a:hover	{ background-position:-311px -47px}
body#pageThank li#navThank a { background-position:-311px -94px}

li#navHelp a { background-position:-453px 0; width:175px; left:453px}
li#navHelp a:hover { background-position:-453px -47px}
body#pageHelp li#navHelp a { background-position:-453px -94px}

li#navContact a { background-position:-628px 0; width:155px; left:628px }
li#navContact a:hover { background-position:-628px -47px}
body#pageContact li#navContact a { background-position:-628px -94px}

/** Curved Border Styles **/

div.Article {background: url(../images/topleftBorder.gif) top left no-repeat; width:100%;}
div.Article h2 {background: url(../images/toprightBorder.gif) top right no-repeat; font-size:1em; padding:10px; margin:0;}
div.ArticleBody {background: url(../images/rightborderBorder.gif) top right repeat-y; margin:-2em 0 -2em 0; padding:0px 15px 15px 20px; font-size:.9em;}
div.ArticleBody p {padding: 0 0 1em 0;}  
div.ArticleFooter {background: url(../images/bottomleftBorder.gif) bottom left no-repeat;}
div.ArticleFooter p {background: url(../images/bottomrightBorder.gif) bottom right no-repeat;display:block; padding:0px; margin:-2em 0 0 0;}