/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


/* typography.css */
body {font-size:12px;color:#222;background:#3E3F46;font-family: trebuchet MS, arial,sans-serif;text-align:center;margin-top: 2px;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:1.5em;font-style:italic;font-weight:bold;color:#003366;padding: 5px 5px 5px 1px;font-family:arial,sans-serif;}
h1.home {font-size:2em; margin: 0;}
h2.feature {font-size:1.5em; color:#FF0000; text-align:left;margin:0px 0px 0px 8px;}
h2.featured {font-size:1.5em; color:#FF0000; text-align:left;margin:0px 0px 0px 15px;}
h2.caption {font-size:1.2em; color:#333333; text-align:left;margin:0px 0px 0px 0px;}
h1.logofont {position:absolute; top:100px; right:225px;font-size:3em; font-family: arial;margin: 0;color:#FF0000;}
.hometagline {font-size: 1.5em; color: #1D515C;}
#headerleft h1.newsflash {background: url("/images/date_next.png") 15px 80% no-repeat; padding: 15px 15px 0 35px; font-size:1.5em; line-height: normal;margin-bottom:0.5em;}
#headerleft h3 {padding: 0 15px 0 15px; font-size:1.2em; margin: 0 0 0.5em 0;}
#headerleft h4 {padding: 0 15px 0 15px; font-size:1.1em; margin: 0 0 0.5em 0; border: 0;}
h2.stories {font-size:15px;margin-bottom:0.2em; margin-top: 0.0em;}
h2 {font-size:1.6em;margin-bottom:0.75em; padding: 8px 15px 0 0px;}
h3 {font-size:1.2em;line-height:1.2;margin-bottom:1em;color:#333333;padding: 0px 10px 0px 0px;}
h4 {font-size:1.2em;margin-bottom:0.0em; padding: 0px 15px 0 0px; color:#FF0000;}
h5 {font-size:.8em;padding: 5px 0px 5px 5px;color:#fff;}
h6 {font-size:.8em;font-weight:bold;color:#fff;padding: 5px 5px 5px 1px;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p {margin:0 0 .5em; line-height:1.4em;font-size:1.1em;}


body{text-align:center}
div#header{position:relative;background: url("/images/topbg.jpg");width:856px;height:170px;border-left:2px solid #000;border-right:2px solid #000;}
div#container{text-align:left; width:860px;margin:0 auto;background: #fff url("/images/bigwrap.gif") repeat-y;}
div#extra{ float:left;width:78px;margin-left:-290px;border-right:0px solid #000;
border-bottom:0px solid #000;}

div#extraz{ float:left;width:78px;margin-left:-290px;border-right:0px solid #000;
border-bottom:0px solid #000;}
div#extras{ float:left;text-align:center;width:298px;margin-left:-300px;border-right:2px solid #000;
border-bottom:0px solid #000;}
div#footer{background: #303841;color: #fff; clear:left;width:846px;height:14px;border-bottom:1px solid #000;border-right:2px solid #000;border-left:2px solid #000;border-top:1px solid #000; padding: 5px 5px; font-size: 10px;}
div#wrapper{float:left;width:100%;}

div#content{margin: 0px 80px 0px 220px;border-right:0px solid #000; }
div#navigation{float:left;width:200px;height:1200px;margin-left:-860px;background: url("/images/navbg10x.jpg") no-repeat;border-right: 0px solid #000;border-left:2px solid #000;border-bottom:0px solid #000 ;}
div#navigationz{float:left;width:200px;height:681px;margin-left:-860px;background: url("/images/navbg10x.jpg") no-repeat;border-right: 0px solid #000;border-left:2px solid #000;border-bottom:0px solid #000 ;}
div#navigationzz{float:left;width:200px;height:1600px;margin-left:-860px;background: url("/images/navbg10xx.jpg") no-repeat;border-right: 0px solid #000;border-left:2px solid #000;border-bottom:0px solid #000 ;}

div#contact{background:#e7e7d8; float:left; margin: 0px 0px 0px 10px; }
div#biopic{margin: 10px 0px 10px 0px; }
div#headerx{width:856px;clear:both;border-bottom: 1px solid #000;height:0;border-right:4px solid #000;border-left:0px solid #000;margin:0;padding:0;}
div#wrapperx{float:left;width:100%}
div#contentx{margin: 0px 280px 0px 319px;height:175px; background: url("/images/menu/bgcontentx.jpg") no-repeat;} 
div#navigationx{float:left;width:319px;height:175px;margin-left:-860px;background: url("/images/menu/bgnavx.jpg") no-repeat;border-right:0px solid #000;border-left:2px solid #000;}
div#extrax{float:left;height:105px;width:20px;margin-left:-20px;border-right:2px solid #000; }
div#center{text-align:center; }



#navX {margin: 0; padding: 0px 25px 0px 0px;text-align:right; }
#navX li {font:arial,tempus sans itc; padding: 0px 0px 0px 0px;text-align:right;}
#navX a {font: 12px arial, tempus sans itc,serif;display: ; padding: 0px 0px 0px 10px; 
text-decoration: none; ;
font-weight:bold ; background: transparent; color:#666666}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navX a {}            /* End IE5-Mac hack */
#navX a:hover {font:tempus sans itc;background: transparent   0px  no-repeat; color: #000;}

#navY {margin: 0; padding: 0px 15px 10px 10px;text-align:left; }
#navY li {font:arial,tempus sans itc; padding: 0px 0px 0px 0px;}
#navY a {font: 21px arial, tempus sans itc,serif;display: ;  padding: 0px 0px 0px 0px; 
text-decoration: none; ;
font-weight:bold ; background: transparent; color:red}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navY a {}            /* End IE5-Mac hack */
#navY a:hover {font:tempus sans itc;background: transparent   0px  no-repeat; color: #000;}


#navZ {margin: 0; padding: 0px 25px 0px 0px;text-align:left; }
#navZ li {font:arial,tempus sans itc; padding: 0px 0px 0px 0px;}
#navZ a {font: 12px arial, tempus sans itc,serif;display: ;  padding: 0px 0px 0px 10px; 
text-decoration: none; font-weight:bold ; background: transparent; color:#000033; line-height:1.5em;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navZ a {}            /* End IE5-Mac hack */
#navZ a:hover {font:tempus sans itc;background: transparent   0px  no-repeat; color:#990000;}


	
#mySlideshow{
	width: 255px;
	height: 250px;
	z-index:5;
	margin: 30px 0px 0px 10px;
}
.jdSlideshow
{
	display: none;
	overflow:hidden;
	position: relative;
}
.jdSlideshow img
{
	border: 0;
	
}
.jdSlideshow .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
}
.jdSlideshow .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}
.jdSlideshow .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: transparent;
	color: #fff;
	text-indent: 0;
	font-size: 0px;
}
.jdSlideshow .slideInfoZone h2
{
	padding: 0;
	font-size: 0px%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdSlideshow .slideInfoZone p
{
	padding: 0;
	font-size: 8px%;
	margin: 2px 5px;
	color: #eee;
}
.jdSlideshow a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}
.jdSlideshow a.right, .jdSlideshow a.left
{
	position: absolute;
	height: 100%;
	width: 40%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}
* html .jdSlideshow a.right, * html .jdSlideshow a.left
{
	filter:alpha(opacity=50);
}

.jdSlideshow a.right:hover, .jdSlideshow a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdSlideshow a.left
{
	left: 0;
	top: 0;
	background: url('img/fleche1.png') no-repeat top left;
}

* html .jdSlideshow a.left { background: url('img/fleche1.gif') no-repeat top left; }

.jdSlideshow a.right
{
	right: 0;
	top: 0;
	background: url('img/fleche2.png') no-repeat top right;
}

* html .jdSlideshow a.right { background: url('img/fleche2.gif') no-repeat top right; }


#navX {margin: 0; padding: 0px 25px 0px 0px;text-align:right; }
#navX li {font:arial,tempus sans itc; padding: 0px 0px 0px 0px;text-align:right;}
#navX a {font: 12px arial, tempus sans itc,serif;display: ; padding: 0px 0 0 0px; 
text-decoration: none; ;
font-weight:bold ; background: transparent; color:#666666}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navX a {}            /* End IE5-Mac hack */
#navX a:hover {font:tempus sans itc;background: transparent   0px  no-repeat; color: #000;}


.menu li.contact {border-bottom:1px solid #000;}


	.menu {
position:relative;
z-index:1000;
font-size:90%;
height:235px;
margin:25px 0 0 45px; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:125px;
position:relative;
border:0px solid #888;
border-width:0px 0px 0 0px;
background:transparent;
font-size:12px;
}

.menu li {
background:transparent;
height:26px;

}
* html .menu li {margin-left:-16px; margin-lef\t:0;}
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; 
z-index:100; font-size:1em; width:0; height:0;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:165px;
color:#fff;
text-indent:5px;
border-bottom:0px solid #888;
background:transparent;
}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#999;}

.menu :hover > a {
color:#CC3333; 
background:transparent;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:-1px;
left:120px;
width:195px;
}



.menu ul ul li :hover > a {

font-size:12px;
font-weight:bold;
color:#CC3333; 
background:transparent;
width:250px;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
background:#394149;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
background:#333333;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
background:#edd;
}
.menu ul.top2 {top:25px;}
.menu ul.top3 {top:51px;}
.menu ul.top4 {top:77px;}
.menu ul.top5 {top:103px;}
.menu ul.top6 {top:129px;}
.menu ul.top7 {top:155px;}


#pic {
	background-color: transparent;
	 padding: 0px 0px 0px 30px; 
	position: relative;
	text-align:center;
}

#pic a .large {
	border: 0px;
	display:inline;
	height: 1px;
	left: 42px;
	position: absolute;
	top: +121px;
	width: 1px;
}

#pic a img {
	border: 0;
}

#pic a.p1, #pic a.p1:visited {
	background:transparent;
	border: 0px solid #000000;
	display:inline;
	height: 150px;
	left: 50;
	text-decoration: none;
	top: 0;
	width: 50px;
}

#pic a.p1:hover {
	background-color:transparent;
	color: transparent;
	text-decoration: none;
}

#pic a.p1:hover .large {
	border: 0px solid #000000;
	display: block;
	height: 225px;
	left: px;
	top: px;
	width: 275px;
}


ul#slide {padding:0px 0px 0px 15px; margin:0; list-style:none; width:220px; height:370px; border:0px solid #888; position:relative; overflow:hidden;background:#e7e7d8;}

ul li div {position:absolute; left:-9999px; background:#e7e7d8;}

ul table {border-collapse:collapse; width:0; height:0; margin:-1px; padding:0;background:#e7e7d8;}

#slide li.top {height:25px; width:225px; float:left;}
#slide li.top a.outer {display:block; float:left; height:24px; line-height:24px; width:225px; text-indent:10px; color:#000; background:#CCCCCC; text-decoration:none; font-family: trebuchet MS,verdana, sans-serif; font-size:11px; border-bottom:1px solid #eee;}

#slide li.top a:hover {color:#eee; background:#999966;}
#slide li.top:hover > a {color:#eee; background:#89a;}
#slide li:hover {height:225px;}
#slide a:hover div, #slide li.current div {position:static; height:370px; width:160px; padding:15px; line-height:1.2em; font-family: verdana, sans-serif;}
#slide li:hover div {position:static; height:170px; width:160px; padding:15px; line-height:1.2em; font-family: verdana, sans-serif;}
#slide div img {display:block; margin:15px 0 8px 0;}
#slide div img.fLeft {clear:left; float:left; display:block; margin:8px; margin-right:8px;}

#slide div h3 {font-size:13px; color:#e7e7d8; padding:0; margin:0;}
#slide div p {font-size:12px; color:#888; line-height:1.4em; padding:10px 0; margin:0;}

#slide :hover div a {color:#00c; text-decoration:none; font-size:10px;}
#slide :hover div a:hover {text-decoration:underline; background:#fff;color:#00c;}

#slide div a.big, #slide :hover div a.big {display:block; height:30px; line-height:30px; border-top:1px solid #ddd; font-size:14px; color:#44a; text-decoration:none; text-indent:5px;}
#slide :hover div a.big:hover {background:#fff; color:#000; font-size:14px; text-decoration:none;} 

#slide div dl {border-bottom:5px solid #ddd; margin:0px 0 0 0; padding-bottom:20px;}
#slide div dt {font-size:11px; font-weight:bold; color:#e7e7d8;}
#slide div dd {padding:0; margin:0; line-height:1.5em; font-size:12px; color:#666;}
#slide :hover div dd a {color:#00c; text-decoration:none;}
#slide :hover div dd a:hover {background:#e7e7d8; color:#FF0000;text-decoration:none; }



a {color:#000;}
a:visited {color:#111;}
a:active {color:#222;}
a:hover {text-decoration:none;}

.photo {position:relative; height:550px;}
.photo ul, .photo ul ul {padding:10px; margin:0; border:0; list-style:none; width:215px;}
.photo ul ul {margin-left:-9999px; height:0; overflow:hidden;}
.photo ul li {width:220px;  float:left; background:#ff0000 ;}
.photo ul li a.set {color:#fff;display:block; text-align:center; width:220px; line-height:30px; background:#303841; font-family: verdana, arial, sans-serif; font-size:11px; text-decoration:none;}
.photo ul li table {color:#fff;margin:0; padding:0; display:none;}

.photo img {border:0;}

.photo ul li a.set:hover {background:#000 ;color:#fff;}


.photo ul li a.set:active {white-space: normal; background:#fff ;color:#fff;}
.photo ul li a.set:focus {outline:0; background:#e7e7d8;color:#ff0000; border:0px solid #000;}

.photo ul li a.set:active i,
.photo ul li a.set:focus i
{display:block; width:480px; height:360px; position:absolute; left:250px; top:0; border:1px solid #fff; background:#fff;}


.photo ul li a.set:active table,
.photo ul li a.set:focus table
{padding:0 0 10px 0; margin-top:-2px; margin-bottom:2px; display:block; border:1px solid #888; border-width:0 1px 1px;}

.photo ul a.set:active ul,
.photo ul a.set:focus ul
{margin:0; width:190px; height:auto; overflow:visible; background:transparent; padding-bottom:10px;}

.photo ul a.set:active ul li,
.photo ul a.set:focus ul li
{float:left; display:inline; width:200px; margin:4px 6px; background:transparent;}

.photo ul a.set:active ul li a,
.photo ul a.set:focus ul li
{background:transparent; line-height:1.3em;}

.photo ul a.set:active ul li a img,
.photo ul a.set:focus ul li img
{display:block; border:3px solid #fff; cursor:default; margin:0 auto;}

.photo ul a.set:active ul li a em,
.photo ul a.set:focus ul li em
{position:absolute; left:-9999px; width:480px;}

.photo ul a.set:active ul li a:hover,
.photo ul a.set:focus ul li:hover
{background:#fff;}

.photo ul a.set:active ul li a:hover em,
.photo ul a.set:focus ul li:hover em
{left:250px; z-index:0; top:0;}

.photo ul a.set:active ul li a:hover img,
.photo ul a.set:focus ul li:hover img
{border:3px solid #fc0; cursor:default;}

.photo ul a.set:active ul li a:hover em img,
.photo ul a.set:focus ul li:hover em img
{padding:1px; border:1px solid #888; margin-bottom:10px;}

.photo ul a.set:active b,
.photo ul a.set:focus b
{font-weight:normal; font-style:normal; background:#fff;}

.photo .default {width:480px; height:360px; position:absolute; left:250px; top:0; border:1px solid #888;}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 0;
left: 0;
}
dl#menu {
width: 15em;
}
dl#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
dl#menu dd {
border: 1px solid gray;
}
dl#menu li {
text-align: center;
background: #fff;
}
dl#menu li a, dl#menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu li a:hover, dl#menu dt a:hover {
background: #eee;
}

#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}
#mentions a {text-decoration: none;
color: #222;
}
#mentions a:hover{text-decoration: underline;
}








p a
{
	background: inherit;
	color: #777;
}

p a:hover
{
	background: inherit;
	color: #000;
}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -330px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 400px;
	height: 300px;
}