/* ---------------------------------- PALETTE */

    /*
        #E00E73     DARK PINK
        #ea8224     DARK ORANGE
        #487491     DARK BLUE
        #a9ca5c     DARK GREEN
        #a9408e     DARK PURPLE

        #F3B8CE     LIGHT PINK
        #f9d5b3     LIGHT ORANGE
        #83c8e5     LIGHT BLUE
        #e3cae0     LIGHT PURPLE

        #666666     TEXT
    */

/* ---------------------------------- HTML / BODY / PAGE */

    body {
	    background-color:       #487491;
	    margin:                 0px;
	    padding:                0px;
    }

    body *, select, input,textarea {
	    font-family:            Arial, Helvetica;
	    font-size:              12px;
        line-height:            18px;
	    color:                  #666666;
    }

    a img {
	    border:                 none;
    }

    img {
	    border:                 none;
    }
    
    h1 {
	    font-size:              20px;
	    font-weight:            bold;
        text-transform:         uppercase;
        line-height:            1.2em;
    }
    
    h2 {
	    font-size:              16px;
	    font-weight:            bold;
    }
    
    form {
        margin:                 0px;
        padding:                0px;
    }

	form dl {}
	form dl dt {float:left;width:40%;}
	form dl dd {}
    
/* ---------------------------------- MAIN PAGE CONTAINER */
	
    .css990 {
	    width:                  990px;
        margin-top:             18px;
		margin-bottom:          18px;
		margin-left:            auto;
		margin-right:           auto;
        padding-top:            18px;
		padding-bottom:         18px;
        background-color:       White;
    }    
	
    .css940 {
	    width:                  940px;
        margin-top:             0px;
		margin-bottom:          18px;
		margin-left:            auto;
		margin-right:           auto;
    }     
	
    .css270 {
	    width:                  270px;
        float:                  right;
    }       
	
    .css270 .cssCorners {
		margin-bottom:          25px;
    }   
	
    .css650 {
	    width:                  650px;
		margin-bottom:          10px;
    }      
	
    .css550 {
	    width:                  550px;
        margin-left:            100px;
		margin-bottom:          10px;
    } 
    
    .cssPadding {
        padding:                8px;
    } 
    
    .cssSeperator {
        height:                 2px;
        overflow:               hidden;
        background-color:       #487491;
    } 

/* ---------------------------------- CORNERS */

    .cssCorners {
        border-radius:          16px;
        -o-border-radius:       16px;
        -icab-border-radius:    16px;
        -khtml-border-radius:   16px;
        -moz-border-radius:     16px;
        -webkit-border-radius:  16px;
        -moz-border-radius:     16px;
        behavior:               url(/_js/CSS3PIE/1.0beta4/pie.htc);
	    position:               relative;
    }

    .cssCorners.cssPink {
        border:                 solid 2px #E00E73;
    }
    
    .cssCorners.cssOrange {
        border:                 solid 2px #ea8224;
    }
    
    .cssCorners.cssBlue {
        border:                 solid 2px #83c8e5;
    }
    
    .cssCorners.cssGreen {
        border:                 solid 2px #a9ca5c;
    }
    
    .cssCorners.cssPurple {
        border:                 solid 2px #a9408e;
    }
    
    .cssCornersOff {
        border-radius:          0px;
        -o-border-radius:       0px;
        -icab-border-radius:    0px;
        -khtml-border-radius:   0px;
        -moz-border-radius:     0px;
        -webkit-border-radius:  0px;
        -moz-border-radius:     0px;
        behavior:               url(/_js/CSS3PIE/1.0beta4/pie.htc);
	    position:               relative;
    }
    
/* ---------------------------------- *//* ---------------------------------- HEADER */

    div.cssHeader {
	    height:                 140px;
        margin:                 0px;
        padding:                0px;
        position:               relative;
    }

    .cssHeaderLogin {
        position:               absolute;
        top:                    0px;
        right:                  0px;
        border:                 solid 2px #487491;
        background-color:       #83c8e5;
	    color:                  #666666;
        text-transform:         uppercase;
        padding:                5px 5px 5px 0px;
        border-radius:          8px;
        -o-border-radius:       8px;
        -icab-border-radius:    8px;
        -khtml-border-radius:   8px;
        -moz-border-radius:     8px;
        -webkit-border-radius:  8px;
        -moz-border-radius:     8px;
        behavior:               url(/_js/CSS3PIE/1.0beta4/pie.htc);
    }

    .cssHeaderLogin * {
	    color:                  #666666;
        text-decoration:        none;
        margin:                 0px 0px 0px 5px;
    }

    .cssHeaderLogin a:hover {
        text-decoration:        underline;
    }
    
    .cssHeaderSearch {
	    position:               absolute;
	    right:                  0px;
	    top:                    80px;
        border:                 solid 2px #E00E73;
        background-color:       #F3B8CE;
	    color:                  #666666;
        padding:                5px 5px 5px 5px;
        border-radius:          8px;
        -o-border-radius:       8px;
        -icab-border-radius:    8px;
        -khtml-border-radius:   8px;
        -moz-border-radius:     8px;
        -webkit-border-radius:  8px;
        -moz-border-radius:     8px;
        behavior:               url(/_js/CSS3PIE/1.0beta4/pie.htc);
    }
    
    .cssHeaderSearch form input {
	    position:               relative;
        border-radius:          8px;
        -o-border-radius:       8px;
        -icab-border-radius:    8px;
        -khtml-border-radius:   8px;
        -moz-border-radius:     8px;
        -webkit-border-radius:  8px;
        -moz-border-radius:     8px;
        behavior:               url(/_js/CSS3PIE/1.0beta4/pie.htc);
        width:                  120px;
    }
    
    .cssHeaderSearch * {
        vertical-align:         middle;
        margin:                 0px;
    }
    
    .cssHeaderSearch button {
        margin-left:            5px;
    }
    
/* ---------------------------------- MAIN IMAGE */

    .cssBanner {
	    overflow:               hidden;
        background-color:       White;
        background-position:    left top;
        background-repeat:      no-repeat;
        width:                  650px;
        height:                 253px;
	}
    
    .cssBanner img {
        width:                  650px;
        height:                 253px;
	}

/* ---------------------------------- TITLE */
    
    .cssTitle {
        background-color:       #83c8e5;
    }

    .cssTitle h1 {
        margin:                 0px;
        color:                  White;
    }
    
    .cssTitle.cssPink {
        background-color:       #E00E73;
    }
    
    .cssTitle.cssOrange {
        background-color:       #ea8224;
    }
    
    .cssTitle.cssBlue {
        background-color:       #83c8e5;
    }
    
    .cssTitle.cssGreen {
        background-color:       #a9ca5c;
    }
    
    .cssTitle.cssPurple {
        background-color:       #a9408e;
    }

/* ---------------------------------- */
    
    .cssHeaderDonateNow.cssPurple {
        background-color:       #e3cae0; 
        height:                 253px;
    }

/* ---------------------------------- */
    
    .cssHeaderRight {
        height:                 112px;
    }
    
    .cssHeaderRight.cssKeepInTouch {
        background-color:       #f8cfa8;
    }
    
    .cssHeaderRight.cssKeepInTouch h2 {
        color:                  #ea8224;
        margin-top:             6px;
        margin-bottom:          15px;
        font-size:              30px;
    }
    
    .cssHeaderRight.cssKeepInTouch p {
        margin-top:             0px;
    }
    
    .cssHeaderRight.cssKeepInTouch a {
        color:                  #487491;
        display:                block;
        text-align:             right;
    }
    
    .cssHeaderRight.cssDonateNow {
        background-color:       #a9408e;
        background-image:       url(/_images/handsPurple.gif);
        background-position:    right top;
        background-repeat:      no-repeat;
        cursor:                 pointer;
    }
    
    .cssHeaderRight.cssDonateNow .cssCorners {
        border:                 2px solid White;
        height:                 92px;
        margin-bottom:          0px;
    }
    
    .cssHeaderRight.cssDonateNow .cssCorners h2 {
        margin-top:             0px;
        margin-bottom:          0px;
        margin-right:           85px;
        font-size:              40px;
        line-height:            38px;
    }
    
    .cssHeaderRight.cssDonateNow .cssCorners h2 a {
        color:                  White;
        text-decoration:        none;
        font-size:              40px;
        line-height:            38px;
    }
    
/* ---------------------------------- */div.cssPink * .css_subnav_article_title a, div.cssPink * h2, div.cssPink * h2 a {color:#E00E73;}
div.cssOrange * .css_subnav_article_title a, div.cssOrange * h2, div.cssOrange * h2 a {color:#EA8224;}    
div.cssBlue * .css_subnav_article_title a, div.cssBlue * h2, div.cssBlue * h2 a {color:#83C8E5;}   
div.cssGreen * .css_subnav_article_title a, div.cssGreen * h2, div.cssGreen * h2 a {color:#A9CA5C;}  
div.cssPurple * .css_subnav_article_title a, div.cssPurple * h2, div.cssPurple * h2 a {color:#a9408e;}  

* h2 a  {font-size:16px;text-decoration:none;}
    
/* ---------------------------------- NAVIGATION COLOURS & TEXT */
    
	.cssNavigation {
        font-weight:            bold;
        background-image:       url(/_images/blue.gif);
        background-color:       White;
        background-position:    left bottom;
        background-repeat:      repeat-x;
    }
    
    .cssNavigation li {
        background-color:       #83c8e5;
    }
    
    .cssNavigation li ul {
        background-color:       #83c8e5;
    }
    
    .cssNavigation li a {
        color:                  White;
        text-transform:         uppercase;
    }	
    
    .cssNavigation li li {
        background-color:       Transparent;
    }
    
    .cssNavigation li.cssPink {
        background-color:       #E00E73;
    }
    
    .cssNavigation li.cssPink ul {
        background-color:       #E00E73;
    }
    
    .cssNavigation li.cssOrange {
        background-color:       #ea8224;
    }
    
    .cssNavigation li.cssOrange ul {
        background-color:       #ea8224;
    }
    
    .cssNavigation li.cssBlue {
        background-color:       #83c8e5;
    }
    
    .cssNavigation li.cssBlue ul {
        background-color:       #83c8e5;
    }
    
    .cssNavigation li.cssGreen {
        background-color:       #a9ca5c;
    }
    
    .cssNavigation li.cssGreen ul {
        background-color:       #a9ca5c;
    }
    
    .cssNavigation li.cssPurple {
        background-color:       #a9408e;
    }
    
    .cssNavigation li.cssPurple ul {
        background-color:       #a9408e;
    }

/* ---------------------------------- NAVIGATION DIMENSIONS */
	
	.cssNavigation {
	    margin:                 0px 0px 18px 0px;
        z-index:                10;
        padding-top:            0px;
        padding-left:           25px;
        height:                 34px;
	}
    
    .cssNavigation ul {
		list-style:             none;
	}
    
    .cssNavigation ul#nav {
	    display:                block;
	    list-style:             none;
	    margin:                 0px;
	    padding:                0px;
	}
    	
	.cssNavigation a {
		text-decoration:        none;
		display:                block;
		margin:                 0px;
	}
    	
	.cssNavigation li  {
        margin-left:            1px;
        margin-right:           1px;
        border-radius:          8px 8px 0px 0px;
        -o-border-radius:       8px 8px 0px 0px;
        -icab-border-radius:    8px 8px 0px 0px;
        -khtml-border-radius:   8px 8px 0px 0px;
        -moz-border-radius:     8px 8px 0px 0px;
        -webkit-border-radius:  8px 8px 0px 0px;
        -moz-border-radius:     8px 8px 0px 0px;
        behavior:               url(/_js/CSS3PIE/1.0beta4/pie.htc);
        position:               relative;
	}
    	
	.cssNavigation li a  {
    	padding:                8px 14px 6px 14px;
	}
    	
	.cssNavigation li:hover a  {
    	/*padding:                8px 14px 8px 14px;*/
	}
    
    .cssNavigation li.css_mainnavitem  {
	    float:                  left;
	}
    	
	.cssNavigation li ul  {
        margin-left:            0px;
        margin-right:           1px;
        margin-top:             4px;
	}
    	
	.cssNavigation li li  {
        border-radius:          0px;
        -o-border-radius:       0px;
        -icab-border-radius:    0px;
        -khtml-border-radius:   0px;
        -moz-border-radius:     0px;
        -webkit-border-radius:  0px;
        -moz-border-radius:     0px;
        margin:                 0px;
	}
    	
	.cssNavigation li li a,
    .cssNavigation li:hover li a  {
    	padding:                6px 14px 6px 14px;
	}
    	
	.cssNavigation li li a:hover {
		text-decoration:        underline;
	}
	
	/* ----------------------------------  SECOND LEVEL */
	    
	ul#nav li.css_mainnavitem ul li  {
		border-top:             1px solid white;
		border-right: 		    1px solid white;
	}
	    
	ul#nav li.css_mainnavitem ul li.css_ListFirst  {
		border-top:             none;
	}
    	
	ul#nav li.css_mainnavitem ul li a  {
	    height:                 auto;
	}
	    
	/* ----------------------------------  THIRD LEVEL */
	    
	ul#nav li.css_mainnavitem ul li ul  {
		margin:                 -1px 0px 0px 0px;
	}
	    
	ul#nav li.css_mainnavitem ul li ul li.css_ListFirst  {
		border-top:             1px solid white;
	}
	    
	/* ----------------------------------  FOURTH LEVEL + */
	    
	ul#nav li.css_mainnavitem ul li ul li ul {
		display:                none;
	}
    
/* ---------------------------------- *//* ---------------------------------- NAVIGATION COLOURS & TEXT */
    
    .cssSidebar h2 {
        margin:                 8px 0px 8px 0px;
        font-weight:            normal;
    }
    
    .cssSidebar.cssPink h2 {
        color:                  #E00E73;
    }
    
    .cssSidebar.cssOrange h2 {
        color:                  #ea8224;
    }
    
    .cssSidebar.cssBlue h2 {
        color:                  #83c8e5;
    }
    
    .cssSidebar.cssGreen h2 {
        color:                  #a9ca5c;
    }
    
    .cssSidebar.cssPurple h2 {
        color:                  #a9408e;
    }
    
/* ---------------------------------- */
    
    .cssSidebarNewsletter.cssOrange {
        background-color:       #f9d5b3; 
    }
    
    .cssSidebarNewsletter.cssOrange h2 {
        color:                  #ea8224;
        margin:                 0px;
    }
    
    .cssSidebarNewsletter.cssOrange a {
        text-transform:         uppercase;
        text-decoration:        none;
    }
    
    .cssSidebarNewsletter.cssOrange a:hover {
        text-decoration:        underline;
    }
    
    .cssSidebarNewsletter.cssOrange span {
        margin:                 0px 5px 0px 5px;
    }
    
/* ---------------------------------- *//* ---------------------------------- */
    
    .cssHomeRow1Col1,
    .cssHomeRow1Col2,
    .cssHomeRow1Col3,
    .cssHomeRow2Col1,
    .cssHomeRow2Col2 {
        height:140px;
        overflow:hidden;
    }
    
    .cssHomeRow1Col1 h2,
    .cssHomeRow1Col2 h2,
    .cssHomeRow1Col3 h2,
    .cssHomeRow2Col1 h2,
    .cssHomeRow2Col2 h2 {
        margin:4px 0px;
        font-size:24px;
    }
    
    .cssHomeRow1Col1 p,
    .cssHomeRow1Col2 p,
    .cssHomeRow2Col1 p,
    .cssHomeRow2Col2 p {
        margin:8px 0px;
    }
    
    .cssHomeRow1Col1 a,
    .cssHomeRow1Col2 a,
    .cssHomeRow2Col1 a,
    .cssHomeRow2Col2 a {
        color:#487491;
    }

    .cssHomeRow1Col1 {
        width:310px;
        float:left;
        margin-right:20px;
        background-color:#F3B8CE;
    }
    
    .cssHomeRow1Col2 {
        width:310px;
        float:left;
        background-color:#f9d5b3;
    }
    
    .cssHomeRow1Col3 {
        background-color:#3b6e8f;
    }
    
    .cssHomeRow2Col1 {
        width:455px;
        float:left;
        margin-right:20px;
        background-color:#f9d5b3;
    }
    
    .cssHomeRow2Col2 {
        width:455px;
        float:left;
        background-color:#d5e9c0;
    }
    
    .cssHomeRow2Col2 p {
        margin:8px 0px;
        padding:0px;
        width:125px;
        float:left;
    }
    
    .cssHomeRow2Col2 ul {
        margin:8px 0px 8px 40px;
        padding:0px;
        width:260px;
        float:left;
    }
    
    .cssHomeRow2Col2 ul li {
    }
    
    .cssHomeRow1Col3 *,
    .cssHomeRow1Col3 a {
        color:white;
    }
    
    .cssHomeRow1Col3 ul {
        margin:8px 0px 8px 4px;
        padding:0px;
    }
    
    .cssHomeRow1Col3 ul li {
        margin:4px 0px 4px 0px;
        padding:0px 0px 0px 30px;
        line-height:15px;
        list-style-type:none;
        background-repeat:no-repeat;
        background-position:0px center;
    }
    
    .cssHomeRow1Col3 ul li.cssOrange {        
        background-image:url(/_images/bullet_orange_15.gif);
    }
    
    .cssHomeRow1Col3 ul li.cssPurple {
        background-image:url(/_images/bullet_purple_15.gif);
    }
    
    .cssHomeRow1Col3 ul li.cssGreen {
        background-image:url(/_images/bullet_green_15.gif);
    }
    
    .cssHomeRow1Col3 ul li.cssPink {
        background-image:url(/_images/bullet_pink_15.gif);
    }
    
    .cssHomeRow1Col3 ul li.cssBlue {
        background-image:url(/_images/bullet_blue_15.gif);
    }
    
/* ---------------------------------- *//* ---------------------------------- CMS CONTENT */
   
    .cssPink .cssCms h1 {
        color:                  #E00E73;
    }
    
    .cssOrange .cssCms h1 {
        color:                  #ea8224;
    }
    
    .cssBlue .cssCms h1 {
        color:                  #83c8e5;
    }
    
    .cssGreen .cssCms h1 {
        color:                  #a9ca5c;
    }
    
    .cssPurple .cssCms h1 {
        color:                  #a9408e;
    }
    
/* ---------------------------------- */
    
    .cssListPages {
        margin-bottom:          20px;
    }
    
    .cssListPages h2 {
        margin:                 0px;
    }
    
    .cssListPages h2 span.cssHeaderAddendum {
        font-size:              10px;
        color:                  #666666;
        padding-left:           10px;
    }
    
    .cssListPages p {
        margin:                 0px;
    }
    
    .cssListPages p a.cssSmallLink {
        text-decoration:        none;
        font-size:              10px;
    }
    
    table.cssShowEventsTable td * {
        display:                inline;
    }
    
    table.cssShowEventsTable td .cssShowEventsTableLink {
        font-size:              16px;
    }
    
/* ---------------------------------- */

    div.cssMapCanvas {
        width:                  650px;
        height:                 253px;
    }
    
/* ---------------------------------- *//* ---------------------------------- FOOTER */

    .cssForumThreads {
        margin:                 0px 0px 20px 0px;
    }
    
    .cssForumThreads div h2 {
        margin:                 0px 0px 5px 0px;
    }
    
    .cssForumThreads div h2 a {
        color:                  #83C8E5;
        text-decoration:        none;
    }
    
    .cssForumThreads div h2 a:hover {
        text-decoration:        underline;
    }
	
    .cssForumThreads div div {
        margin:                 0px 20px 0px 20px;
        font-size:              10px;
	}
	
    .cssForumThreads div blockquote {
        margin:                 0px 20px 5px 20px;
	}
	
    .cssForumThreads div div.cssForumThreadsReply {
        margin:                 10px 20px 5px 20px;
        padding:                5px 0px 0px 0px;
        border-top:             solid 1px #cccccc;
	}

    .cssForumPosts {
        margin:                 0px 0px 20px 0px;
    }
    
    .cssForumPosts h2 {
        margin:                 0px 0px 5px 0px;
        color:                  #83C8E5;
    }
	
    .cssForumPosts div.cssForumPostDetails {
        margin:                 0px 20px 0px 20px;
        font-size:              10px;
	}
	
    .cssForumPosts div blockquote {
        margin:                 0px 20px 5px 20px;
	}
	
    .cssForumError {
        margin:                 0px 0px 20px 0px;
	}
	
    .cssForumError * {
        color:                  White;
	}
    
/* ---------------------------------- *//* ---------------------------------- FOOTER */

    .cssFooter {
        padding:                25px 0px 0px 0px;
    }
    
    .cssFooter * {
	    font-size:              10px;
        color:                  #999999;
        vertical-align:         top;
    }
	
	.cssFooter img.cssFooterImg {
	    float:                  left;
	}
	
	.cssFooter a {
        text-decoration:        none;
	}
	
	.cssFooter a:hover {
        text-decoration:        underline;
	}
	
	.cssFooter p.cssFooterLinks a {
        text-transform:         uppercase;
	    font-size:              9px;
	}
	
	.cssFooter .css270 {
        text-align:             center;
	}
    
/* ---------------------------------- */