html { text-align: center; margin: auto; font-family: verdana, arial, sans-serif; font-size:11px; color: #444; }

table { margin:0; padding:0; border:0;}
th, td { border: 0; padding: 0; vertical-align: top; text-align: left; }
a img, img, div { border: 0; margin: 0; padding: 0; }
th { font-weight: normal; }

form {margin: 0; padding: 0;}
input {font-size: 11px; }

HR { color: #ccc; background-color: #555; height: 1px; border: 0px; margin: 20px 0px 7px 0px; }


h1, h2, h3, h4 {
    font-family: "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Verdana", "Arial", sans-serif; 
    }

h1  { 
    font-size: 1.3em;
    line-height: 1.3em;
    color:  #444;
    margin: 0 0 6px 0;
    border-bottom: 1px dashed #adadc2;
    padding: 0px 0 4px 0;
    }

h2  {    font-size: 1.3em;
    line-height: 1.3em;
    color:  #304a67;
    margin: 0;
    padding: 0px 0 0 0;
    }

h3  {
    font-size: 1.3em;
    line-height: 1.3em;
    color:  #444;
    margin: 0;
    padding: 0px 0 0 0;
    }

h4  { 
    font-size: 1.3em;
    line-height: 1.3em;
    color:  #444;
    margin: 0 0 6px 0;
    padding: 0px 0 4px 0;
    }

A {color: #2e3ca4; text-decoration: none; font-weight: normal;}
A:LINK {color: #2e3ca4; text-decoration: none; font-weight: normal; }
A:VISITED {color: #2e3ca4; text-decoration: none; font-weight: normal; }
A:ACTIVE {color: #2e3ca4; text-decoration: underline; font-weight: normal; }
A:HOVER {color: #2e3ca4; text-decoration: underline; font-weight: normal; }

body { 
     font-size: 11px;
     text-align: center; 
     margin: auto;
     color: #FFFFFF;
     background: #fbfbee;
     }

body#secondary {
     font-size: 12px;
     text-align: center; 
     margin: auto;
     color: #444; 
     background: #fbfbee;
     }

div#wrapper, body#secondary div#wrapper {
     width: 100%;
     }


/* MAIN AREA */
div#wrapper div#mainwrap {
     margin: auto;
     width: 100%;
     height: 100%;
     background: #fff url('img/main_tile.jpg') repeat-x left top;
     }

body#secondary div#wrapper div#mainwrap {
     margin: auto;
     width: 100%;
     height: 100%;
     background: #fff url('img/main_tile.jpg') repeat-x left top;
     border-top: 1px #fff solid;
     }

div#wrapper div#mainwrap div#main {
     margin: auto;
     width: 760px;
     height: 100%;
     padding: 20px 0px 20px 0px;
     }


div#wrapper div#mainwrap div#main table td.l, div#wrapper div#mainwrap div#main table td.c {
     margin: 0px; padding: 0px; width: 253px; color: #444; font-size: 12px; line-height: 15px;
     }
div#wrapper div#mainwrap div#main table td.sp {
     margin: 0px; padding: 0px; width: 27px; background: url('img/main_sep_tile.gif') no-repeat center top;
     }
div#wrapper div#mainwrap div#main table td.r {
     margin: 0px; padding: 0px; width: 200px;
     }

body#secondary div#wrapper div#main {
     margin: 0px;
     width: 760px;
     height: 100%;
     padding: 20px 0px 20px 0px;
     background: #fff url('img/main_tile.jpg') repeat-x left top;
     }

body#secondary div#wrapper div#mainwrap div#main table td.l {
     margin: 0px; padding: 0px; width: 200px;
     }
body#secondary div#wrapper div#mainwrap div#main table td.sp {
     margin: 0px; padding: 0px; width: 27px; background: url('img/main_sep_tile.gif') no-repeat center top;
     }
body#secondary div#wrapper div#mainwrap div#main table td.r {
     margin: 0px; padding: 0px; width: 533px;
     }

body#secondary div#wrapper div#mainwrap div#main table td.m {
     margin: 0px; padding: 0px; width: 760px;
     }


/* LIST MODULES */
div#wrapper div#mainwrap div#main table td.c ul { margin: 0px 0px 0px 0; padding: 0; list-style: none; width: 100%; } 
div#wrapper div#mainwrap div#main table td.c li { }
div#wrapper div#mainwrap div#main table td.c a { display: block; text-decoration: none; font-weight: normal; border-bottom: 1px #adadc2 dashed; padding: 5px 0px 5px 0px; line-height: 15px; }
 * html div#wrapper div#mainwrap div#main table td.c li a {  /* make hover effect work in IE */
	width: 100%;
}
div#wrapper div#mainwrap div#main table td.c a:hover { color: #a41f20; text-decoration: underline; }

body#secondary div#wrapper div#mainwrap div#main table td.r ul.pagelist { margin: 0px 0px 50px 0; padding: 0; list-style: none; width: 100%; } 
body#secondary div#wrapper div#mainwrap div#main table td.r ul.pagelist li { }
body#secondary div#wrapper div#mainwrap div#main table td.r ul.pagelist li a { display: block; text-decoration: none; font-weight: bold; border-bottom: 1px #adadc2 dashed; padding: 5px 0px 5px 0px; }
 * html body#secondary div#wrapper div#mainwrap div#main table td.r ul.pagelist li a {  /* make hover effect work in IE */
	width: 100%;
}
body#secondary div#wrapper div#mainwrap div#main table td.r ul.pagelist li a:hover { color: #a41f20; text-decoration: underline; }
body#secondary div#wrapper div#mainwrap div#main table td.r ul.pagelist li.more { font-size: 11px; }

span.headline { font-size: 13px; line-height: 17px;}
span.description { font-weight: normal; color: #444;}
span.date { font-size: 10px; font-weight: normal; color: #999 }

#block span.headline { display: block}
#block span.description { display: block}


/* HEADER */
div#headerwrap {
     margin: auto; 
     text-align: center;
     width: 100%;
     height: 111px; 
     background: #ffffff url('img/header_tile.jpg') repeat-x left top;
     border-bottom: 1px #adadc2 solid;
     z-index: 1000;
}

div#headerwrap div#header{
     margin: auto; 
     text-align: left;
     width: 760px;
     height: 111px;
}   


/* MAIN NAVIGATION */
div#navwrap {
     margin: auto; 
     width: 100%;
     height: 31px; 
     background: #9a0000 url('img/nav_tile.jpg') repeat-x center top;
     z-index: 1100;
}

body#secondary div#wrapper div#navwrap {
     margin: auto; 
     width: 100%;
     height: 31px; 
     background: #9a0000 url('img/nav_tile.jpg') repeat-x center top;
     border-bottom: 5px #adadc2 solid;
     z-index: 1100;
}

div#nav {
     margin: auto; 
     width: 760px;
     height: 31px; 
}

div#nav img {
     margin: 0px;
     z-index: 1100;
     position: relative;
     float: left;
}

div#nav ul {
     padding: 0; 
     margin: 0; 
     list-style: none; 
     width: 760px; 
     height: 31px;
     z-index: 10000;
     }

div#nav li { float: left; height:22px; padding: 0; margin: 0; position: relative;}
div#nav li a img { padding: 0 0 0 0; background: url('img/nav_tile.jpg'); background-repeat:repeat-x; }

div#nav li a:hover img { background: #bb0000; display: block;  }
div#nav li.noroll a:hover img { background: url('img/nav_tile.jpg'); display: block;  }


div#nav li ul {
	display: none; position: absolute; top: 31px; font-size: 11px; font-weight: bold;
	left: -1px; width:182px; border-top: 1px solid #adadc2; z-index: 10001; }

div#nav li li { 
	height: auto; line-height: 22px; text-align: left; color: white; width:180px;
        border: 1px solid #adadc2; border-top: none; background-image: none; background-color: #990000; }

div#nav li li a { display: block; width: 100%; padding-left: 9px; font-weight: bold; color: #fff; }
div#nav li li a:hover { background-image: none; background-color: #bb0000; color: #f1f1c6; text-decoration: none; width: 180px; }
div#nav li li>a:hover { width: 171px; }
div#nav li:hover ul { display: block; }
div#nav li.over ul { display: block; }
div#nav ul#menu li:hover ul { display: block; }
div#nav ul#menu li.over ul { display: block; }


/* HOMEPAGE GRAPHIC */
div#homegraphicwrap {
     margin: auto; 
     text-align: center;
     width: 100%;
     height: 145px; 
     background: #adadc2;
     border-bottom: 1px #fff solid;
     z-index: 1000;
}

div#homegraphicwrap div#homegraphic {
     margin: auto; 
     text-align: left;
     width: 760px;
     height: 145px; 
}

/* SECONDARY */
div#subnav ul { margin: 0px 0px 50px 0; padding: 0; list-style: none; width: 100%; } 
div#subnav li { }
div#subnav li a { display: block; text-decoration: none; font-weight: bold; border-bottom: 1px #adadc2 dashed; padding: 5px 0px 5px 0px; }
 * html div#subnav li a {  /* make hover effect work in IE */
	width: 100%;
}
div#subnav li a:hover { color: #a41f20; background: #fbfbee; text-decoration: none; }


/* RELATED */
div.related {width: 150px; float: right; margin: 15px 0 15px 15px; padding: 7px; border-left: 1px #adadc2 dashed;}
div.related p {font-weight: bold; margin: 0; padding: 0 0 4px 0; text-transform: uppercase;}
div.related p a { font-weight: bold; border-bottom: none; color: #9a0000;}
div.related ul { margin: 0; padding: 0; list-style: none; width: 100%; } 
div.related li {display: block;  }
div.related li a { display: block; text-decoration: none; font-weight: bold; border-bottom: 1px #adadc2 dashed; padding: 5px 0px 5px 0px; }
 * html div.related li a {  /* make hover effect work in IE */
	width: 100%;
}
div.related li a:hover { color: #a41f20; background: #fbfbee; text-decoration: none; }


/* LIST */

table#list { width: 100%; }
table#list th { font-size: 11px; font-style: italic; }
table#list td { padding-left: 8px; padding-bottom: 5px; }

/* EMAIL SIGNUP */
div#email {
     margin: 0px 0px 15px 0px;
     width: 194px;
     border: 1px #adadc2 solid;
     padding: 2px;
     background: #fff;
}

div#email .inner {
     margin: 0;
     width: 184px;
     border: 1px #d6d6e0 solid;
     padding: 4px;
     background: #f1f1c7 url('img/email_tile.gif') repeat-x left top;
     font-size: 11px;
     color: #444;
}

div#email .inner input {
     font-size: 11px; 
     color: #999;
     background: #fff;
     border: 1px #bdbdce solid;
}


/* FOOTER */

div#footerwrap {
     width: 100%px;
     padding: 10px 0 10px 0;
     margin: auto;
     text-align: left;
     background: #fbfbee;
     border-top: 1px #f1f1c6 solid;
     font-size: 10px;
     }

div#footerwrap div#footer {
     width: 760px;
     margin: auto;
     text-align: left;
     color: #888;
     }

div#credit {
     float: right;
     text-align: right;
     }