/* CSS Document */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}

body {font-family:  Arial, sans-serif;  font-size:12px; color:#323232; background-color:#FFFFFF}

p { line-height:1.6em}

h1 { font-size:35px; line-height:33px; margin:0; color:#898989}
h2 {font-size:22px; line-height:25px; margin:0}
h3 {font-size:19px; margin:8px 0; color:#454545}
h4 {font-size:14px; margin:8px 0; color:#454545}

a:link {color:#BD1E92; text-decoration:none}
a:visited {color:#BD1E92; text-decoration:none}
a:hover {color:#333333; text-decoration:none}
a:active {color:#000000; text-decoration:none}

.smalltext {font-size:9px}

#head, #nav, #content, #footer {width:1000px; margin:0 auto; clear:both}
#content {padding-top:6px}

#head {background-color:#000000; height:85px}
#footer {background-color:#d9d6d6; border-top:1px solid #a9a9a9; }
#footercontent { color:#333333; font-size:10px; padding:10px 20px}

#feedbacktab {position:absolute; top:33%; left:-6px; width:42px; height:100px}
#feedbacktab:hover {left:-3px}

#nav {height:30px; border-bottom:1px solid #cccccc; margin-bottom:30px}
#nav li {float:left; text-align:center; background-color:#bbbbbb; padding:6px 15px; font-weight:bold; font-size:14px; border-right:1px solid #ffffff; height:31px; max-width:133px}
#nav li.last {padding:6px 17px; border:none}
#nav li a:link, #nav li a:visited  {color:#000000}
#nav li:hover, #nav li.active {background-color:#000000;}
#nav li:hover a:link, #nav li:hover a:visited, #nav li.active a:link, #nav li.active a:visited {color:#FFFFFF}

#nav li ul {width:600px;}
#nav li ul li {display:none; margin:3px 0px; float:left; text-align:right;}
#nav li:hover ul li, #nav li ul:hover li {display:block;}
#nav li ul li, #nav li.active ul li, #nav li ul li.last { background:transparent; font-size:11px; padding:4px 6px; border:none; font-weight:bold}
#nav li:hover ul li a:link, #nav li:hover ul li a:visited, #nav li.active ul li a:link, #nav li.active ul li a:visited {color:#BD1E92}
#nav li ul li:hover {background:transparent;}
#nav li ul li:hover a:hover {color:#333333;}
#nav li ul li:hover a:active {color:#000000}
#nav li ul li.last 

#slidewrap {width:1000px; height:300px; overflow:hidden}
#slidenav {position:absolute; bottom:10px; right:15px; z-index:999}
.slide {width:1000px; height:300px}
.slidetext {position:absolute; right:130px; top:35px; width:280px; z-index:999; color:#000000}
.slidetext h3 {color:#000000}

.bullets li {list-style:disc; padding:3px 0 2px 12px; list-style-position:inside; line-height:1.6em}
.bigbullets li {list-style: url(../images/bigbullet.png); padding:3px 0 2px 2px; margin-left:10px; list-style-position:inside; line-height:1.7em}
.numberlist li {list-style:decimal; padding:3px 0 4px 12px; list-style-position:inside; line-height:1.6em}
.numberlist {margin-bottom:8px}

#slidenav a {display:block; width: 14px; height:14px; background-color:#000000; color:#000000; margin:0 7px; float:left; border-radius:7px; -moz-border-radius:7px; font-size:9px; text-align:center}
#slidenav a.activeSlide {background-color:#BD1E92; color:#BD1E92}

.frontteaser {width:310px; float:left; margin-top:12px}

#populartopics {width:720px; float:left; margin:12px 0}
#socialbtns {width:250px; float:right;  margin:12px 0; text-align:right}

#poptopics li.title {float:left; background:url('../images/topicsbg.png') no-repeat right; height:20px; padding:5px 19px 0px 10px; font-size:14px; font-weight:bold; color:#ffffff; z-index:999; border:none; background-color:#000000}
#poptopics li.title:hover  {background-color:#000000}
#poptopics li {border-right:1px solid #bcbcbc; padding:5px 10px; height:15px; float:left; font-size:14px; font-weight:bold;}
#poptopics li.first {margin-left: -19px; padding-left:24px} 
#poptopics li.first:hover {background:url('../images/topicsbg2.png') no-repeat left #cccccc;} 
#poptopics li:hover {background-color:#CCCCCC}

#sidenav {float: left; width: 150px; padding:20px 15px 30px 30px; border-right:1px solid #cccccc; margin-right:30px}
#sidenav li {margin:15px 0}
#sidenav li ul {padding-left:10px}
#sidenav span { background-image:url(../images/arrow_right_grey.jpg); background-repeat:no-repeat; background-position:center; padding:5px; cursor:pointer}
#sidenav span.active {background-image:url(../images/arrow_down_grey.jpg); background-repeat:no-repeat}

.projectteaser {width:320px; margin:20px; float:left; height:220px}

.newsblob {width:270px; height:210px; padding:12px; margin:6px 12px 6px 0; border:1px dashed #cccccc; float:left; position:relative}
.newsblob:hover {border:1px dashed #666666; cursor:pointer}
h1.newstitle {font-size:20px; font-style:italic; letter-spacing:-1px; line-height:26px; margin-bottom:3px;}
.newsshare {position:absolute; bottom:3px; font-size:10px; color:#333333}
.newspic {padding:2px; border:1px solid #dddddd; margin:9px}

.smallred {font-size:11px; color:#aa0000}

#strikingnumbers {width: 280px; float: right; background-color: #dddddd; padding: 15px; border-radius:15px; -moz-border-radius:15px; }
#strikingnumbers h2 {margin:0; padding:0; color:#BD1E92}
#strikingnumbers p {margin:0; padding:0 0 15px 0}
#strikingnumbers h3 {padding-bottom:10px; border-bottom:1px solid #bbbbbb; text-transform:uppercase; font-size:15px; color:#BD1E92}

.twtr-tweet-text {font-size:1.6em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:400; line-height:1.2em}

.twtr-hd, .twtr-ft {display:none}

#orgcol {width: 360px; float: left;}
#orgcol h2 {padding: 4px; color: #ffffff; background-color: #000000; }
#orgcol h3 {border-top: 1px dotted #999999; padding-top: 5px;}

/*TABLE STYLES*/

#bordertable td  { border-style:solid; border-color:#999999; border-width:1px; padding:10px}
#bordertable tr  { border-style:solid; border-color:#999999; border-width:1px; padding:8px}
#tablehead, th {background:#222222; color:#CCCCCC; font-size:12px; text-transform:uppercase; line-height:20px;}

/*SOCIAL MEDIA BUTTON FADES*/
div.fadehover {
	position: relative;
	height:24px;
	width:24px;
	float:right;
	margin:0 6px;
	}
 
img.a {
	position: absolute;
	left: 0;
	top: 0;
        z-index: 10;
	}
 
img.b {
	position: absolute;
	left: 0;
	top: 0;
	}

.relatedtopics {padding:25px 10px; margin:5px 0; border-top:1px solid #cccccc; color:#444444; font-size:11px}

/* FORM BUTTONS */
.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }

.btn * { font-style: normal; background-image: url(../images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
.btn.blue { background: #2ae; color:#FFFFFF}
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #666; color:#ffffff }
.btn:active { background-color: #444; }
.btn[class] { background-image: url(../images/shade.png); background-position: bottom; }

/*SITEMAP COLUMNS */

#htmlsitemap {
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
}

#htmlsitemap ul li {font-weight:bold; padding:8px 0}
#htmlsitemap ul li ul li {font-weight:normal; padding:0 0 0 20px}
#htmlsitemap ul li ul li ul li {font-size:10px; padding:0 0 0 40px}

/* NEWS ARCHIVES */

.reflect_archive_list ul { list-style: none !imporant; margin-left: 0px; padding-left: 0; } 
.reflect_archive_list ul ul{ margin-left: 0px; } 
.reflect_archive_list ul ul li { margin-top: -5px; margin-bottom: 0.8em; } 
.reflect_archive_list li a { display:block; padding:5px 5px 5px 10px; margin:0 0 1px 0; background-color:#f6f6f6; color:#666; text-decoration:none; } 
.reflect_archive_list li a:hover { background-color:#eee; color:#333; }
.reflect_months {display:none}

/* DITTO PAGING */

#ditto_pages {clear:both;
text-align:right}


#ditto_pages .ditto_currentpage {
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #BD1E92;
    color: #fff;

}
#ditto_pages .ditto_off {
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: black;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}


/* TABS */
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 598px;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 598px;
	background: #fff;
/*	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;*/
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}

#strikingnumbers-front div {
 display: none;
 text-align:center;
 padding-top:30px
}
#strikingnumbers-front h2 {font-size: 45px; color: #bd1e92; font-weight: bold;}
#strikingnumbers-front p {font-size: 21px; font-weight: bold; line-height:normal}
#strikingnumbers-front a:link, #strikingnumbers-front a:visited {color:#333333}
#strikingnumbers-front a:hover {color:#999999}
#strikingnumbers-front a:active {color:#000000}

/*SEARCH STYLES*/

.ajaxSearch_highlight {font-weight:bold}
.ajaxSearch_resultLink {font-size:14px; }
.ajaxSearch_resultExtract {margin:-10px 0 20px 0}
.ajaxSearch_URL a:link, .ajaxSearch_URL a:visited {color:#666666; font-size:11px}

#searchbox {margin-top:14px}
#searchbox input {font-size:11px; padding:3px;}
ajaxSearch_input {color:#999999}
#ajaxSearch_submit {border:1px solid #666; background-color:#222222; color:#ffffff; font-weight:bold; }
