* {
margin : 0;
padding : 0;
}
body {
font : 80% Arial, Helvetica;
background : #000000 url(../images/bg10.png) repeat-x;
color : #333333;
}
a:link, a:visited {
color : #777;
text-decoration : underline;
}
a:hover, a:active {
color : #fff;
text-decoration : underline;
}
img {
border : 0 none;
}
a img {
border : 0 none;
}

/* ### This is the boundary surrounding the page content ### */
/* ### Change 2% to 0 if you don't want a gap above top of content ### */
#wrap {
margin : 2% auto;
background : #fffffe;
border : 4px solid #3e505c;
width : 760px;
text-align : center;
}

/* ### This section controls the menu ### */

.ddsubmenustyle, .ddsubmenustyle ul {
margin : 0;
padding : 0;
position : absolute;
left : 0;
top : 0;
list-style-type : none;
background : #fffffe;
border : 1px solid #000;
border-bottom-width : 0;
visibility : hidden;
z-index : 100;
}
.ddsubmenustyle li a {
display : block;
width : 140px;
color : #000;
background-color : #ffffe0;
text-decoration : none;
padding : 5px 5px;
border-bottom : 1px solid black;
}
* html .ddsubmenustyle li {
display : inline-block;
width : 170px;
}
.ddsubmenustyle li a:hover {
background-color : #555;
color : white;
}
.ddiframeshim {
position : absolute;
z-index : 500;
background : transparent;
border-width : 0;
width : 0;
height : 0;
display : block;
}
.slantedmenu {
font-weight : bold;
}
.slantedmenu:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.slantedmenu ul{
text-indent: 10px;
padding: 6px 20px; /*must match ul li a */
margin: 0;
background-color: #3e505c;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
text-align: center;
}

.slantedmenu ul li{
display: inline;color:#fff;margin:0;padding:0;
}

.slantedmenu ul li a{
color: #ff0;
padding: 6px 20px;
text-align:center;
margin: 0;
text-decoration: none;
}
.slantedmenu ul li a:visited {
color : #ff0;
}
.slantedmenu ul li a:hover {
color : #fff;
background : #777776;
}

/* ### This section controls the bar on top of the logo ### */

.bannerbar {
padding : 5px 0;
background : #000000;
border-bottom : 1px solid #ffffff;
list-style-type : none;
text-align : center;
clear : both;
margin : 0;
}
.bannerbar a {
font-size : 0.9em;
color : #ffffff;
font-weight : bold;
letter-spacing : 2px;
text-decoration : none;
padding : 0 15px;
margin : 0 auto;
}
.bannerbar li a:hover {
background-color : #d33809;
color : #ffffff;
text-decoration : none;
}

/* ### This is the div that the logo sits in. Height and width must match logo size ### */
/* ### The background color only shows while the image is loading, or if it fails to load ### */

.header {
background : #ccc;
height : 123px;
width : 760px;
margin:0;
padding:0;
}

/* ### This is where the text column is controlled. Do not recommend changing it ### */

#main_column {
width : 700px;
padding-top : 20px;
padding-bottom : 20px;
padding-left : 30px;
padding-right : 30px;
float : left;
}

/* ### This is the div that controls the footer ### */

#footer {
background : #000000;/* Sets the background color of the footer */
height : 20px;
padding : 6px 0 0 0;
clear : both;
margin : 0 auto;
}

/* ### P controls the regular paragraph text ### */

p {
color : #262526;
text-align : justify; /* Can select left, right or justify */
margin-top : 10px;
margin-bottom : 15px;
}


/* ### The H tags control the various heading text ### */

h1 {
font-size : 200%;
color : #000006;
font-weight : bold;
letter-spacing : 2px;
text-align : center;
margin : 0 auto;
}
h2 {
font-size : 200%;
color : #000006;
font-weight : bold;
letter-spacing : 2px;
text-align : left;
border-bottom : 1px solid #111;
}
h3 {
font-size : 150%;
color : #000001;
font-weight : bold;
letter-spacing : 2px;
text-align : left;
margin : 0 auto;
}
h4 {
font-size : 150%;
color : #000001;
font-weight : bold;
letter-spacing : 2px;
text-align : left;
margin : 0 auto;
}
h5 {
font-size : 150%;
color : #000001;
font-weight : bold;
letter-spacing : 2px;
text-align : left;
margin : 0 auto;
}
h6 {
font-size : 85%;
color : #ffffff;
font-weight : bold;
letter-spacing : 1px;
text-align : center;
margin : 0 auto;
}

/* ### The center class allows you to center any element ### */

.center {
text-align : center;
}

/* ### This one aligns bulleted lists to the left and lines it up with the paragraph and header margins ### */
#list {
text-align : left;
margin-left : 15px;
}