/*Customizing the Page Width

Divide your desired pixel width by 13; the result is your width in ems for all non-IE browsers. For IE, divide your desired pixel with by 13.3333 to find the width in ems for IE.*/


#custom-doc {
	margin:auto;text-align:left; /* leave unchanged */
	width:73.85em;/* non-IE */
	*width:72.07em;/* IE */
	width:960px;/* width */
}


#my_flash {

color: #ffffff;
}



#myContent h1 {
font-size:167%; /*22px*/
padding-bottom: 11px;
}

#myContent h2 {
font-size:153.9%; /*20px*/
padding-bottom: 11px;
color: #FBF100;
}


#myContent p {
font-size:138.5%; /*18px*/
font-family:"Helvetica", Arial;
padding-bottom: 13px;

}

#myContent strong {

color: #FBF100;
font-weight: normal;
}

#myContent ol li {
list-style:decimal;
list-style-position: inside;
font-size:167%; /*22px*/

}


.norm  {
color: #FBF100;
}

.date {
font-size:50%;

color: #ffffff;
}  

.one {

background-color: green;

}

html {
background-color:#000000;

}


#hd {

width: 100%;
height: 100px;
border-bottom: solid 1px #ffffff;
position: relative;
z-index: 100;

background-image: url(../images/top-line.gif) ;
background-repeat:repeat-x;

}


.plus {
z-index: 400;
position:absolute;
top:15px;
left:290px;
background-image: url(../images/plus.gif) ;
background-repeat: no-repeat;
width:18px;
height: 18px;
}


#bd {
width:950px;
height: 450px;

}



.left {
float: left;

border-right: solid 1px #ffffff;
width: 300px;


min-height:600px;
height:auto !important;
height:600px;


}



.MainHolder {
float: left;
position: relative;

width:648px;

min-height:600px;
height:auto !important;
height:600px;


}


.Home_bg {
background-image: url(../images/youth_26.jpg) ;
background-repeat: repeat-y;

}

.Business_bg {
background-image: url(../images/business_26.jpg) ;
background-repeat: repeat-y;

}


.Public_bg {
background-image: url(../images/public_26.jpg) ;
background-repeat: repeat-y;

}

.Community_bg {
background-image: url(../images/community_26.jpg) ;
background-repeat: repeat-y;

}


.Youth_bg {
background-image: url(../images/youth_26.jpg) ;
background-repeat: repeat-y;

}


#MainNav  {
background-image: url(../images/nav-bar.gif) ;
background-repeat: no-repeat;
height: 44px;
margin-left: 240px;
position: relative;
top:61px;
z-index: 200;
padding-top: 15px;
padding-left: 63px;
width:670px;
}


.test {

z-index: 450;
position: absolute;
top: 116px;
border-bottom: 1px solid #ffffff;
}

.Home {

padding: 5px 36px 5px 36px;
display: inline;

}

.Business {

padding: 5px 27px 5px 27px;
display: inline;

}

.Public {

padding: 5px 34px 5px 34px;
display: inline;

}

.Community {

padding: 5px 16px 5px 16px;
display: inline;

}

.Youth {

padding: 5px 36px 5px 36px;
display: inline;
}


.Contact {

padding: 5px 33px 5px 33px;
display: inline;

}


#MainNav a {

text-decoration: none;
display: inline;
color: #ffffff;


}

.selected {

color: black;
background-color: gray;

}


#MainNav a:hover {
text-decoration:underline;

}



/**/

#container {
padding: 25px 0 0 25px;
width: 500px;
height: 400px;
float: left;
overflow: hidden;

}

#myContent {
width: 500px;
color: #ffffff;

}

#easyscrollnav {
width:100px;
position: absolute;
top:440px;

}


.line {


border-bottom: solid 1px #ffffff;
padding-top: 4px;
}



#btnReset {

display: none;

}



#btnUp{
background-image: url(../images/up.gif);
background-repeat: no-repeat;
height: 24px;
width: 48px;
}

#btnUp.over {
background-image: url(../images/up.gif);
background-repeat: no-repeat;
text-decoration:none;
}


#btnDown{
background-image: url(../images/down.gif);
background-repeat: no-repeat;
height: 24px;
width: 48px;

}

#btnDown.over {
background-image: url(../images/down.gif);
background-repeat: no-repeat;
text-decoration:none;
}


ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}

ul li {


padding-top: 10px;

}



/**/