/* HTML Tags */
* {
	margin: 0;
	padding: 0;
}
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#000;
	background-color:#FFF;
	margin:76px 0 0 0;
	padding:0px;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
h1 {
	color:#000;
	font-size:20px;
	font-weight:bold;
	border-bottom: 1px solid #A8AA9F;
	text-transform: uppercase;
	margin: 0 0 20px 0;
}
h2 {
	color:#333;
	font-size:17px;
	margin: 10px 0;
}

h3 {
	color:#000;
	font-size:14px;
	margin:10px 0px 0px 0px;
}
p {
	padding:0px;
	margin:20px 0px;
}
a {
	text-decoration:underline;
	color:#000;
}
a:hover {
	text-decoration:underline;
}
ul {
	margin:2px;
}
li {
	margin:12px;
}


/* Misc */
.logo {
	margin: 0px 6px 30px 10px;
}
.tabcontent {
	display:none;
}
.clear {
	clear:both;
}
#clear {
	clear:both;
}

/* Body */
#wrapper {
	width:900px;
	margin:0px auto;
}
#contentwrap {
	background-color:#FFF;
	padding:16px 0px 0px 0px;
	margin:0px;
	width:900px;
}
#contentwrap #left {
	float:left;
	width:250px;
	margin: 0 10px 0 0;
}
#contentwrap #left table {
	margin: 0px auto;
}
#contentwrap #right {
	float:right;
	width:620px;
	padding:0px 16px 0px 0px;
}
#contentwrap #right .imgleft {
	float:left;
	padding:16px;
}






/* Navigation */
#mainnav {
	background-color: #7F7768;
	background-image: url(../images/menu-bg.jpg);
	background-repeat: repeat-x;
}
ul#mainnav{
	list-style-type:none;
	width:100%;
	position:relative;
	height:60px;
	font-size:18px;
	font-weight:bold;
	margin:0;
	padding:0;
	text-transform: uppercase;
}
ul#mainnav li{
	display:block;
	float:left;
	height:60px;
	margin:0px;
	padding:0px;
}
ul#mainnav li a{
	display:block;
	float:left;
	color:#DEDFDF;
	text-decoration:none;
	padding:20px 16.4px 10px ;
	height:30px;
}
ul#mainnav li a:hover{background:#988D77;}
ul#mainnav li a.current{
	color:#FFF;
	background-color: #988D77;
	background-image: url(../images/menu-active.jpg);
	background-repeat: repeat-x;
}
ul#mainnav li a.current:hover{
	color:#DEDFDF;
	background-color: #988D77;
	background-image: url(../images/menu-active.jpg);
	background-repeat: repeat-x;
}



/* EVOLUTION MENU */
#evolution {
	width: 620px;
	height: 55px;
	margin: 0px auto;
	padding: 0px 0px 0px 5px;
	background-image: url(../images/timeline.png);
	background-repeat: no-repeat;
}
#subnav ul {
	list-style-type:none;
	width:100%;
	position:relative;
	height:30px;
	font-size:18px;
	font-weight:bold;
	margin:0;
	padding:0;
	text-transform: uppercase;
}
#subnav li {
	display:block;
	float:left;
	height:30px;
	margin:0px;
	padding:0px;
}
#subnav li a {
	display:block;
	float:left;
	color:#000;
	text-decoration:none;
	padding:10px;
	height:30px;
}
#subnav li a.selected {
	font-weight:bold;
}
#subnav li a:hover {
	text-decoration:underline;
}




/* Footer */
#footer {
	width:900px;
	height:130px;
	background-color:#FFF;
	font-size:12px;
	color:#666;
	text-align:center;
	margin: 0px;
	padding: 14px 0px;
	border-top: 15px solid #303136;
}
#footer a {
	color:#666;
	text-decoration:none;
}
#footer a:hover {
	color:#666;
	text-decoration:underline;
}
#copyright {
	margin: 6px auto;
	width: 900px;
	text-align:center;
	font-size:11px;
	color: #333;
}






#col1                                   { width: 49%; float: left; margin: 0 0 20px 0; }
#col2                                   { width: 49%; float: right; }


#dl                                     { position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; }
#dl:hover                               { background: #666; }

/*
    This stuff is for the TitleBlock Plugin
*/
.image                                  { position: relative; margin-bottom: 20px; width: 100%; }
.image h2                               { position: absolute; top: 220px; left: 0; width: 100%; }
.image h2 span                          { color: white; font: bold 30px/40px Helvetica, Sans-Serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; }
.image h2 span.spacer                   { padding: 0 2px; background: none; }


/*
    For Specific Slides
*/
#textSlide                              { padding: 10px 30px; }
#textSlide h3                           { font: 20px Georgia, Serif; }
#textSlide h4                           { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
#textSlide ul                           { list-style: disc; margin: 0 0 0 25px; }
#textSlide ul li                        { display: list-item; }

#quoteSlide                             { padding: 30px; }
#quoteSlide blockquote                  { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
#quoteSlide p                           { text-align: center; }