/* HTML AND GENERAL
--------------------------------------------------------*/
body {
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
	background-position:center top;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
}
p, h2, h3 {
margin-top:0;
margin-bottom:0;
}
h2 {
font-weight:bold;
font-size:12px;
}
h3 {
color:#958D88;
font-size:12px;
font-weight:normal;
}
a img {
border:none;
}
ul {
padding:0;
list-style-type: none;
}

/* ----------------------------------------------------
MAIN CONTENT - SLIDESHOW
----------------------------------------------------*/

.fadecontentwrapper{ /* Total width: 946px+5px+5px=956px Read relative width relations for the other two containers below! */
position: relative;
width: 956px;
height: 400px; /* Set height to be able to contain height of largest content shown*/
border: 0;
overflow: hidden;
}

.fadecontent{ /*style for each fade content DIV within wrapper. Total width: 926px+10px+10px=946px (".fadecontentwrapper" width minus its padding and borders, if any) */
position: absolute;
background: white;
margin-top: 30px;
visibility: hidden;
width: 956px;
color:#333333;
font-size:12px;
font-style: italic;
}

.fadecontenttoggler{ /*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
width: 956px;
border: 0;
border-top-width: 0;
overflow: hidden;
margin-top: 5px;
}

.fadecontenttoggler a{ /*style for every navigational link within toggler */
text-decoration: none;
padding: 0px;
display:inline;
font-weight: normal;
color: #333333;
}

.fadecontenttoggler a:hover{
color: #333333;
}

.fadecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.fadecontenttoggler a.prev, .fadecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
color: #333333;
}

.fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover{
color: #333333;
}

.fadecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
color: #333333;}

#numbers{
color:#333333;
font-size:14px;
font-style: normal;
margin-left:auto;
margin-right:auto;
text-align:center;

}
#numbers ul{
list-style:none;
margin:0 5px;
}
#numbers li{
margin:0;
padding:0px 3px;
display:inline;
}
#numbers a{
text-decoration: none;
font-style: normal;
color: #958D88;
}

#numbers a:link {text-decoration: none; color: #333333;}
#numbers a:visited {text-decoration: none; color: #333333;}
#numbers a:hover {text-decoration: underline; color: #958D88;}
#numbers a:active {text-decoration: underline; color: #958D88;}

#thumb{
margin-top: 30px;
color:#333333;
font-size:13px;
font-weight:bold;
text-transform: uppercase;
width: 250px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
#thumb ul{
list-style:none;
margin:0;
}
#thumb li{
display:inline;
}
#thumb li{
margin:0;
padding:1px 5px 1px 0px;
border-right:1px solid #958D88;
height:15px;
}
#thumb li.navend{
margin:0;
padding:1px 0px 1px 5px;
border-right:none;
height:15px;
}
#thumb a:link {text-decoration: none; color: #333333;}
#thumb a:visited {text-decoration: none; color: #333333;}
#thumb a:hover {text-decoration: underline; color: #333333;}
#thumb a:active {text-decoration: underline; color: #333333;}

.wraptocenter {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 956px;
height: 355px;
}
.wraptocenter * {
    vertical-align: middle;
}
/*\*//*/
.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/
</style>
[if lt IE 8]><style>
.wraptocenter span {
    display: inline-block;
    height: 100%;
}

/* ----------------------------------------------------
WRAPPERS
----------------------------------------------------*/
#wrapper {
margin-right: auto;
margin-left:auto;
width:956px;
}
#contentWrapper {
width:956px;
}

/* ----------------------------------------------------
MASTHEAD & NAVIGATION
----------------------------------------------------*/
#banner {
height:62px;
background-color: #FFFFFF;
border-bottom: #958D88 dashed 1px;
}
#masthead {
float:left;
margin-left:5px;
padding-top:22px;
}
#nav{
	padding-top:40px;
	color:#333333;
	font-size:13px;
	text-transform: uppercase;
}
#nav ul{
list-style:none;
margin:0;
}
/* IE5/Mac hacks */
/**//*/
#nav li{
display:inline;
}
/**/
/* Hides from IE-mac */
#nav li{
float:right;
}
/* End hide from IE-mac */
#nav li{
margin:0;
padding:1px 5px;
border-right:1px solid #958D88;
height:15px;
}
#nav li.navend{
margin:0;
padding:1px 5px;
border-right:none;
height:15px;
}
a.menu:link {text-decoration: none; color:#333333;}
a.menu:visited {text-decoration: none; color:#333333;}
a.menu:hover {text-decoration: underline; color:#333333;}
a.menu:active {text-decoration: underline; color:#333333;}

/* ----------------------------------------------------
FOOTER ELEMENTS
----------------------------------------------------*/

#footer {
font-size: 13px;
margin-left: auto;
margin-right: auto;
width: 350px;
border-top: #958D88 dashed 1px;
margin-top:10px;
height:30px;
}
#footer ul{
list-style: none;
margin-top:10px;
}
#footer li{
color:#958D88;
}
#footer a:link {text-decoration: none; color:#958D88}
#footer a:visited {text-decoration: underline; color:#958D88}
#footer a:hover {text-decoration: underline; color:#333333}
#footer a:active {text-decoration: underline; color:#333333}

#copyright {
	font-size: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 350px;
	margin-top:15px;
	text-align:center;
}