/*---------Layout and frame positioning with all background immages------------*/

/*Centering of page*/
body{
width:100%;
height:100%;
margin:0 0 0 0;
padding:0 0 0 0;
text-align: center;
background:url("graphics/backGround/linedBackGround.jpg");
background-color: white;
color: #222222;
}



#container{
margin:0 auto;
width:950px;
height:100%;
text-align: left;
}


/*Header positioning and layout*/

div#header{
width:950px;
height:108px;
padding:0 0 0 0;
margin:0 0 0 0;
}

div#topLeftCorner{
width:394px;
height:108px;
padding-right:494px;
float: left;
background-image: url("graphics/backGround/Header.jpg");
background-repeat: no-repeat;
}


div#topBorder{
width:494px;
height:108px;
float:left;
padding:0 62px 0 0;
background-image: url("graphics/backGround/TopBorder.jpg");
background-repeat: repeat-x;
margin:0 0 0 -494px;
font-size:11px;
font-weight: bolder;
text-align: right;
color: black;
}


div#topRightCorner{
width:62px;
height:108px;
float:right;
padding:0 0 0 0;
background-image: url("graphics/backGround/TopRightCorner.jpg");
background-repeat: no-repeat;
margin:0 0 0 -62px;
}


p#address{
font-family:sans-serif;
color:#CCCCCC;
font-size:11px;
margin-bottom:-30px;
padding-top:70px;
float:right;
}


/*central area layout and poitioning*/

div#content{
width:950px;
height:1260px;
min-height:300px;
background-color: white;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
}


div#leftBorder{
width:58px;
height:1260px;
min-height:300px;
margin:0 0 0 0;
padding:0 150px 0 0;
float:left;
background-image: url("graphics/backGround/LeftSide.jpg");
background-repeat: repeat-y;
}




div#navBar {
width:150px;
height:1260px;
padding:20px 680px 0 0;
margin:0 0 0 -150px;
float:left;
font-size:11px;
}



div#mainContent {
width:680px;
height:1260px;
padding:0 62px 0 0;
margin:0 0 0 -680px;
float:left;
font-size:11px;
}



div#rightBorder{
width:62px;
height:1260px;
min-height:300px;
padding:0 0 0 0;
margin:0 0 0 -62px;
float:right;
background-image: url("graphics/backGround/RightSide.jpg");
background-repeat: repeat-y;
}


/*footer layout and positioning*/


div#footer {
width:950px;
height:72px;
margin:-20px 0 0 0;
padding:0 0 0 0;
float:left;
clear:both;
background-color: white;
text-align: center;
font-family:sans-serif;
}


div#footerLeft {
width:58px;
height:72px;
float:left;
padding: 0 830px 0 0;
margin: 0 0 0 0;
background-image: url("graphics/backGround/FooterLeft.jpg");
background-repeat: no-repeat;
}


div#footerCenter {
width:830px;
height:72px;
float:left;
padding: 0px 62px 0 0;
margin: 0 0 0 -830px;
background-image: url("graphics/backGround/FooterCenter.jpg");
background-repeat: repeat-x;
}


div#footerRight {
width:62px;
height:72px;
float:right;
padding: 0 0 0 0;
margin: 0 0 0 -62px;
background-image: url("graphics/backGround/FooterRight.jpg");
background-repeat: no-repeat;
}

/*---------"hack" make text for positioning of right border invisible------------*/

#rightBorder p{
visibility: hidden;
}







/*---------main layout for secondary pages------------*/




div#mainContentWrapper {
width:680px;
height:1100px;
margin:20px 0 0 0;
padding:0 0 0 0;
font-size:11px;
background-color: #CCCCCC;

}


div#contentLeft{
width:470px;
margin:0 0 0 0;
padding:30px 180px 0 30px;
float:left;
}


div#contentRight{
width:150px;
margin:0 0 0 -150px;
padding:30px 0 0 0;
float:right;
}












/*---------Navigation Styles------------*/

#navBar h3 {
font-family:sans-serif;
margin:0;
padding:0 0 15px 0;
color: red;
}


#navBar a.heading {
font-family:sans-serif;
font-size:12px;
font-weight:bold;
margin:0;
padding:0 0 0 0;
}


#navBar ul{
width:150px;
margin:0;
padding:0 0 5px 0;
}


#navBar li{
list-style-type:none;
display:block;
padding: 0 0 5px 10px;
margin:0;
}

#navBar a{
font-family:sans-serif;
display:block;
text-decoration: none;
color:#999999;
font-size:11px;
}

#navBar a:hover{
color:#CCFF99;
background:#CCCCCC;
}

p#newsletter{
margin:52px 0 0 0;
padding:0 0 0 0;
}




/*--------Rule for hiding the links*/

#aboutFads{
display:none;
}


#ourPrograms{
display:none;
}


#benefits{
display:none;
}


#helpfulLinks{
display:none;
}




/*---------End Rule for hiding the links*/


/*---------Picture Links------------*/

div#picLinks{
width:680px;
float:left;
}


#picLinks ul{
list-style: none;
width:680px;
margin:0;
padding:0;
}


#picLinks li{
list-style-type:none;
padding:5px 12.5px 5px 0;
margin:0;
position: relative;
float: left;
width:120px;
}



div#announcement{
width:680px;
margin:0 0 0 0;
padding:20px 0 0 0;
}

/*---------Home page Text layout and styles------------*/

p#bodyText{
padding: 5px 0 0 5px;
margin: 0 0 0 0;

}


div#who{
width:680px;
height:160px;
overflow:auto;
margin:60px 0 0 0;
float:left;
padding:0 0 0 0;
}

div#what{
width:290px;
height:250px;
overflow:auto;
margin:0 0 20px 0;
float:left;
padding:0;
background-color:#BCBCBC;
color: white;
}

div#whyUs{
width:290px;
height:250px;
overflow:auto;
margin:0 0 20px 65px;
padding:0;
float:left;
background-color:#BCBCBC;
color: white;
}

div#whyDance{
width:680px;
height:200px;
overflow:auto;
margin: 0 0 0;
padding:0 0 0 0;
clear:left;
}


div#location{
width:680px;
height:100px;
overflow:auto;
margin:0;
padding:0 0 0 0;
clear:left;
}


div#mainContent{
font-family:sans-serif;
font-size:11px;
}



#mainContent h3 {
display: block;
width:575px;
font-family:sans-serif;
font-size:13px;
margin:0;
padding:5px 0 5px 70px;
color:#CCFF99;
background-color:#CCCCCC;

background-position: top left;
background-repeat: no-repeat;
}

h3#who{
background-image: url(graphics/frontPage/S32A.jpg);
}

h3#whyDance{
background-image: url(graphics/frontPage/S5A.jpg);
}

h3#location{
background-image: url(graphics/frontPage/S1A.jpg);
}

#mainContent h4 {
font-family:sans-serif;
font-size:13px;
width: 235px;
margin:0;
padding:5px 0 5px 70px;
color:#CCFF99;
background-color:#CCCCCC;
background-position: top left;
background-repeat: no-repeat;
}

h4#why{
background-image: url(graphics/frontPage/S2A.jpg);
}
h4#what{
background-image: url(graphics/frontPage/S10A.jpg);
}

h5{
font-family:sans-serif;
font-size:11px;
margin:0;
padding-top:17px;
color: #999999;
}




/*---------General Styles for headers and text------------*/

h1{
font-family:sans-serif;
font-size:25px;
font-weight:bold;
margin:0;
padding:0 0 30px 0;
color: red;
}


h2{
font-family:sans-serif;
font-size:15px;
font-weight:bold;
margin:0 0 0 0;
padding:0;
color: #222222;
}

h6{
font-family:sans-serif;
font-size:12px;
font-weight:bold;
margin:0;
padding:0;
color: #222222;
}

 a{
font-family:sans-serif;
text-decoration: none;
color: #888888;
font-size:12px;
}

a:hover{
color: #CCFF99;

}

p.content{
padding:10px 0 10px 0;
margin:0;
}


p#top{
padding:0;
margin:0;
}