@import url("home.css");
@import url("staffMembers.css");
@import url("programs.css");
@import url("boardMembers.css");
@import url("overview.css");
@import url("photoGallery.css");
@import url("resources.css");
@import url("contact.css");
@import url("newsEvents.css");

html { height:101%; background-repeat:repeat-x; background-color:#f9f6ed; background-image:url(../images/bg_DCCPC.jpg);}
#wrapper{width:925px;height:630px;margin-left:auto;margin-right:auto;}

/*HEADER*/
#header{float:left;width:925px;height:auto;}
#header #logo{float:left;width:118px;height:108px;margin-bottom:6px;}

#header #topLinks{float:right;width:auto;height:16px;color:White;margin-right:10px;margin-top:95px;}
#header #topLinks ul{float:left; list-style:none;padding:0;margin:0;font-family:Verdana,arial;font-size:10px;}
#header #topLinks ul li{float:left;padding-right:5px;padding-left:5px;border-right:1px solid white;}
#header #topLinks ul .noVerticalBar{border:0;}
#header #topLinks ul li a:link, #header #topLinks ul li a:visited{color:White;text-decoration:none;}
#header #topLinks ul li a:hover{color:#18A5C6;}

#header #navigationBar{float:left;width:925px;height:22px;color:white;border-bottom:1px solid #848282;}
#header #navigationBar ul{float:left;list-style:none;padding:0;margin:0;font-family:Verdana,arial;font-size:10px;}
#header #navigationBar ul li{float:left;font-weight:bold;}
#header #navigationBar ul li a:link, #header #navigationBar ul li a:visited
{float:left;color:White;text-decoration:none;width:auto;height:auto;padding-left:28px;padding-right:38px;margin-right:1px;
    padding-top:4px;padding-bottom:5px;background-color:#0086DE;}
#header #navigationBar ul li a:hover{background-color:#014493;}
#header #navigationBar ul li a.noMargin {padding-right:36px;margin-right:0;}

#header #navigationBar ul .currentPage{float:left;padding-left:28px;padding-right:38px;margin-right:1px;
    padding-top:4px;padding-bottom:5px;background-color:#014493;}
#header #navigationBar ul .currentPageLast{float:left;padding-left:28px;padding-right:36px;margin-right:1px;
    padding-top:4px;padding-bottom:5px;background-color:#014493;margin-right:0;}
/*HEADER*/


/*MAIN CONTENT*/
#mainContent{float:left;width:925px;height:auto;background-color:#f5f8ee;}
/*MAIN CONTENT*/

/*RIGHT SIDE*/
#mainContent #rightSide{float:left;width:232px;height:auto;background-color:#f5f8ee;padding-bottom:30px;}
#mainContent #rightSide #newMembers,#mainContent #rightSide #emailSignUp, #mainContent #rightSide #relatedLinks
{float:left;width:200px;height:auto;margin-left:15px;margin-top:20px;border:1px solid #cccec5;background-color:White;}

#mainContent #rightSide #newMembers #newMembersTitle{float:left;width:194px;height:24px;border-bottom:1px solid #cccec5;
    background-image:url(../images/cart_icon.gif); background-position:10px; background-repeat:no-repeat;}
#mainContent #rightSide #newMembers #newMembersTitle p {margin:0;margin-top:5px;font-family:Segoe UI, Arial;
    font-size:10px;font-weight:bold;color:#2C1E4C;text-indent:26px;}
    
#mainContent #rightSide #newMembers #newMembersContent{float:left;width:180px;height:85px;margin-left:12px;margin-top:5px;}
#mainContent #rightSide #newMembers #newMembersContent ul{float:left;margin:0;padding:0;list-style:none;}
#mainContent #rightSide #newMembers #newMembersContent ul li{float:left;width:170px;height:24px;font-family:Segoe UI,Arial;
    font-size:11px;border-bottom:1px dashed #ABADA5;padding-top:8px;text-indent:18px;
    background-image:url(../images/arrow_icon.gif); background-position:6px center; background-repeat:no-repeat;} 
#mainContent #rightSide #newMembers #newMembersContent ul a:link,
#mainContent #rightSide #newMembers #newMembersContent ul a:visited{color:#424242;text-decoration:none;}
#mainContent #rightSide #newMembers #newMembersContent ul a:hover{text-decoration:underline;}
     
#mainContent #rightSide #emailSignUp #emailSignUpTitle{float:left;width:194px;height:24px;border-bottom:1px solid #cccec5;
     background-image:url(../images/email_icon.gif); background-position:11px; background-repeat:no-repeat;}
#mainContent #rightSide #emailSignUp #emailSignUpTitle p {margin:0;margin-top:5px;font-family:Segoe UI, Arial;
    font-size:10px;font-weight:bold;color:#2C1E4C;text-indent:26px;}
#mainContent #rightSide #emailSignUp #emailSignUpContent{float:left;width:180px;height:auto;margin-left:12px;
    margin-top:5px;}
#mainContent #rightSide #emailSignUp #emailSignUpContent p{float:left;margin:0;font-family:Segoe UI;margin-top:3px;
    font-size:11px;color:#323232;}


#mainContent #rightSide #relatedLinks #relatedLinksTitle{float:left;width:194px;height:24px;border-bottom:1px solid #cccec5;
    background-image:url(../images/plus_icon.gif); background-position:10px; background-repeat:no-repeat;}
#mainContent #rightSide #relatedLinks #relatedLinksTitle p {margin:0;margin-top:5px;font-family:Segoe UI, Arial;
    font-size:10px;font-weight:bold;color:#2C1E4C;text-indent:24px;}
    
#mainContent #rightSide #relatedLinks #relatedLinksContent{float:left;width:180px;height:120px;margin-left:12px;margin-top:5px;}
#mainContent #rightSide #relatedLinks #relatedLinksContent ul{float:left;margin:0;padding:0;list-style:none;}
#mainContent #rightSide #relatedLinks #relatedLinksContent ul li{float:left;width:170px;height:24px;font-family:Segoe UI,Arial;
    font-size:11px;border-bottom:1px dashed #ABADA5;padding-top:8px;text-indent:20px;
    background-image:url(../images/arrow_icon.gif); background-position:8px center; background-repeat:no-repeat;}

#mainContent #rightSide #relatedLinks #relatedLinksContent ul .withPic{float:left;width:170px;height:24px;font-family:Segoe UI,Arial;
    font-size:11px;border-bottom:1px dashed #ABADA5;padding-top:8px;text-indent:4px;
    } 
 
#mainContent #rightSide #relatedLinks #relatedLinksContent ul a:link,
#mainContent #rightSide #relatedLinks #relatedLinksContent ul a:visited{color:#323232;text-decoration:none;}
#mainContent #rightSide #relatedLinks #relatedLinksContent ul a:hover{text-decoration:underline;}
/*RIGHT SIDE*/

/*FOOTER*/
#footer{float:left;width:925px;height:20px;font-family:Verdana,arial;font-size:10px;color:#424242;padding-top:2px;
    border-top:1px solid #848282;}
#footer #copyRights{float:left;width:auto;height:auto;}
#footer #copyRights p{float:left;padding:0;margin:0;}
#footer #copyRights p .copySymbol{font-size:12px;}
#footer #copyRights p a:link,#footer #copyRights p a:visited{color:#323232;text-decoration:none;}
#footer #copyRights p a:hover{color:#2C1E4C;text-decoration:underline;}
#footer #bottomLinks{float:right;width:auto;height:16px;color:#424242;margin-top:2px;margin-right:10px;}
#footer #bottomLinks ul{float:left;list-style:none;padding:0;margin:0;font-family:Verdana,arial;font-size:10px;}
#footer #bottomLinks ul li{float:left;padding-right:5px;padding-left:5px;border-right:1px solid #424242;}
#footer #bottomLinks ul .noVerticalBar{border:0;}
#footer #bottomLinks ul a:link, #footer #bottomLinks ul a:visited
{color:#424242;text-decoration:none;}
#footer #bottomLinks ul a:hover{color:#2C1E4C;text-decoration:none;}
/*FOOTER*/