/** global **/

.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}
body {
	margin:0px auto;
	padding:0;

	font: 80%/1.5 Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#333;
	background:#fff url('images/body-bg.png') center repeat-y;
	background-position: center;
}

body.small-header {
	background:#fff url('images/body-bg-small.png') repeat-x;
}

body.slider-header {
	background:#fff url('images/body-bg-slider.png') repeat-x;
}

* {
	margin:0;
	padding:0;
}



/** element defaults **/

button{
width:100px;
height:28px;
}
a {
	color:#0D3C84;
}
a:hover {
	color:#870101;
}
a:focus {
	outline:none;
}
fieldset {
	display:block;
	border:none;
	border-top:1px solid #e0e0e0;
}
fieldset legend {
	font-weight:bold;
	font-size:13px;
	padding-right:10px;
	color:#222;
}
fieldset form {
	padding-top:15px;
}
fieldset p label {
	float:left;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
}
form input, form select, form textarea, form file {
	padding:5px;
	color:#333333;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #ddd;
}
form textarea{
overflow:auto;
}
form input.formbutton {
	margin-left:150px;
	background:#A50000;
	border:none;
	border-bottom:3px solid #870101;
	color:#ffffff;
	font-weight:bold;
	padding:5px 10px;
	font-size:13px;
}
h1 {
	font-size:45px;
	font-family:Arial, Helvetica, sans-serif;
}
h2 {
	color:#000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:30px;
	font-weight:bold;
	letter-spacing:-2px;
	padding:0 0 5px;
	margin:0;
}
h3{
	color:#000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:20px;
	font-weight:bold;
	border-bottom: solid 1px #E8F0F8;
	padding:0 0 5px;
	margin:0;
}
div .head{
background-repeat:no-repeat;
padding-left:45px
}
.subhead{
background-color:#F3F1EF;
padding-left:20px;
margin-bottom:5px;
}
h4 {
	font-family:Arial,Helvetica,sans-serif;
	padding-bottom:10px;
	font-size:15px;
	color:#870101;
}
h5 {
	padding-bottom:10px;
	font-size:13px;
	color:#666666;
}
p{
text-align:justify;
}
ul, ol {
	margin:0 0 35px 35px;
}
li {
	padding-bottom:5px;
}
.config-item{
width:86px;
height:64px;
background: #FFF;
padding:5px;
padding-left:10px;
margin:5px;
border:1px solid #D6D3CE;
float:left; 
position:relative;
}
.box :hover.config-item {
background: #E2F0FF;
border:1px solid #3399FF;
}


.config-item a, a:visited{

text-decoration:none;
color:#999999;

}
.config-item a:hover{
color:#000000;

text-align:center;
text-decoration:none;
font-weight:bold;
}
.box
{
border-top: 2px sold #D9D9D9;
padding:5px;
border-bottom: 2px sold #D9D9D9;
background: #FFF;
width:700px;
float:left;
}
.news{
background : url('arrowbullet.png') no-repeat scroll left center transparent;   padding: 2px 0 2px 19px; border-bottom: 1px solid #DADADA;
overflow-x:visible;
overflow-y:visible;
}

.news a{
text-decoration:none;
	

}
.news p{
padding-left:2px;
}
.news a:hover{
background : url('arrowbullet.png') no-repeat scroll left center transparent;   padding: 2px 0 2px 19px; border-bottom: 1px solid #DADADA;
	color:#870101;
	

}


/** wrapper **/
div#wrapper {
	width:964px;
	margin:0px auto;
	padding:0;
	background:url('images/library.jpg')  no-repeat ;
}

div#mwrapper{
	width:964px;
	margin:0px auto;
	padding:0;
	background:url('images/logo.jpg')  no-repeat ;
}


/** sitename **/
div#sitename {
	float:left; 
	
	width:20%;
	
}
div#sitename h1 {
	font-size:48px;
	letter-spacing:-5px;
	margin:0;
	height:72px;
	padding:18px 0 0;
	text-transform:uppercase;
	text-shadow: 2px 2px #000;
}
div#sitename h1 a,
div#sitename h1 a:hover {
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}
div#sitename h1 strong {
	color: #A81212;
}
div#navi {
	width:63%;
	float:right;
	padding-top:0px;
    padding-right:12px;
	margin:0;


}
div#navi ul{
    opacity:1.00;
	float:right;
}


  
/** header **/
div#header {
	padding:40px 0 0;
	margin:0 auto;
	height:135px;
}
div#mheader {
	padding:10px 0 0;
	margin:0 auto;
	height:50px;
}
.small-header div#header {
	padding-top: 25px;
	height: 64px;
}

.slider-header div#header {
	height: 245px;
}

div#header h2 {
	color:#ffffff;
	padding-bottom:0;
	font-weight:normal;
	font-family:Arial Rounded MT Bold, Arial,Helvetica,sans-serif;
	font-size:32px;
	letter-spacing:0;
	text-shadow: 2px 2px #4C0101;
}
div#header div.tagline, div#header div.slide-text {
	color:#eee;
	font-size:14px;
	padding-bottom:10px;
	font-family:'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,Sans-Serif;
}
div#header div.tagline a {
	color:#ffffff;
}

/* front page slider styles */
div#jFlowSlide {
	margin:0 auto;
}
div#slides-container {
	height:220px;
}
div#slides-container div#jFlowSlide {
	height:200px;
}
div#slides-container div.jFlowSlideContainer img {
	margin:auto;
	display:block;
	border:4px solid #313D45;
}
div#slides-container div.jFlowSlideContainer div {
}
div#slides-container div.jFlowSlideContainer div.slide-image {
	float:left;
	width:322px;
	padding-top:10px;
}
span.jFlowPrev, span.jFlowNext {
	background-image:url('images/slide-prev.gif');
	background-repeat:no-repeat;
	display:block;
	height:25px;
	width:25px;
	float:left;
	margin:0;
	cursor:pointer;
}
span.jFlowPrev span, span.jFlowNext span { display:none; }
span.jFlowNext {
	background-image:url('images/slide-next.gif');
	float:right;
}
div#slides-container div.controls {
	position:relative;
	top:-125px;
	width:960px;
	margin:0 auto;
}
div.slide-text {
	padding-top: 10px;
}

/** body **/
div#body {
	padding:10px 0;
	padding-left:10px;
	
}


/** content+sidebar styles **/
div#content {
	width:715px;
}

div#gcontent {
	width:920px;
margin:0px auto;


}

div.column-left {
	float:left;

	padding-right:20px;
	border-right: 1px solid #DDDDDD;
}
div.column-right {
	float:right;
	padding-right:18px;
	padding-left:5px;

}
div#sidebar {
	width:185px;
	padding-top: 15px;


}
div#sidebar ul {
	margin:0;
	padding:0;
	list-style:none;
}
div#sidebar li ul {
	margin-bottom:20px;
	width:200px;
}
div#sidebar li ul li {
	display:block;
	padding:5px 0px;
	color:#777;
}
div#sidebar li ul li a {
	color:#999;
	text-decoration:none;
	font-weight:bold;
}
div#sidebar li ul li a:hover {
	color:#09285E;
	text-decoration:underline;
}


div#sidebar li ul.blocklist li {
	padding:0;
}
div#sidebar li ul.blocklist li.selected-item a {
	color:#870101;
	font-weight:bold;
	
}
div#sidebar li ul.blocklist li.selected-item a:hover {
	text-decoration:none;
}
div#sidebar li ul.blocklist li a {
	width:200px;
	display:block;
	padding:5px 0px;
}

div#sidebar h4 { 
	color:#0C367E;
	font-family:arial;
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	margin:0;
	padding:7px 0px;
}


/** footer **/
#footer {
	margin:0 auto;
	width:962px;
	background: url('images/footer.jpg') repeat-y ;

	padding: 30px 0 0;
}

.footer-content {


	display: block;
	padding-left:10px;
	padding-bottom: 30px;
}

#footer a {
	color: #999;
	text-decoration: underline;
}

#footer h4 {
	color: #ccc;
	font-size: 18px;
	font-weight: normal;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
}

#footer p {
	text-align: left;
	color: #999;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

#footer form {
	margin: 0;
	padding: 0;
}

#footer form input#searchbutton {
	margin: 0;
	border-bottom: none;
	overflow:visible;
	width:auto;
}

#footer form input#searchquery {
	background-color: #333;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
	padding: 6px 3px;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #222;
}

#footer ul li {
	padding: 0;
}

#footer ul li a  {
	display: inline-block; /* for IE 6, 7 */
}

#footer ul li a {
	text-decoration: none;
	display: block;
	font-size: 11px;
	padding: 7px 10px;
	border-bottom: 1px solid #222;
}

#footer ul li a:hover {
	background-color: #111;
}

.footer-box {
	width: 210px;
	margin-right: 26px;
	float: left;
}

.end-footer-box {
	margin-right: 0;
}

#footer-links {
	
	color: #ccc;
	padding: 5px;
}
div#footer-links p {
	text-align: right;
	padding: 0;
	margin: 0 auto;
	font-size: 10px;
	width: 960px;
	display: block;
}
#footer-links a {
	color: #eee;
	font-weight: bold;
	text-decoration: underline;
}




/** clear fix **/
.clear:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clear {
	display: inline-block;
}
.clear {
	clear:both;
	display: block;
}







.onlineWidget,.panel{
	
	/* Styling the widget and the sliding panel at once */
	
	background-color:#F9F9F9;
	border:2px solid #FFFFFF;
	height:25px;
	padding:4px 8px;
	position:relative;
	width:130px;
	
	cursor:pointer;
	
	/* CSS3 rules for rounded corners, box and text shadows: */
	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	
	-moz-box-shadow:0 0 3px #CCCCCC;
	-webkit-box-shadow:0 0 3px #CCCCCC;
	box-shadow:0 0 3px #CCCCCC;
	
	text-shadow:0 2px 0 white;
}

.onlineWidget:hover{
	background-color:#fcfcfc;
}

.onlineWidget:hover .arrow{
	/* Changing the background image for the green arrow on hover: */
	background-position:bottom center;
}

.count{
	/* The total number of people online div */
	
	color:#777777;
	float:left;
	font-size:26px;
	font-weight:bold;
	margin-top:-3px;
	text-align:center;
	width:30px;
}

.label{
	/* The online label */
	
	float:left;
	font-size:10px;
	padding:7px 0 0 7px;
	text-transform:uppercase;
}

.arrow{
	/* The green arrow on the right */
	
	background:url(img/arrow.png) no-repeat top center;
	position:absolute;
	right:6px;
	
	width:25px;
	height:25px;
}

.panel{
	/* The slideout panel */
	
	position:absolute;
	cursor:default;
	
	bottom:50px;
	left:0;
	height:auto;
	display:none;
	margin:-2px;
	z-index:1000;
}

.preloader{
	/* The rotating gif preloader image */
	display:block;
	margin:10px auto;
}

.geoRow{
	/* The div that contains each country */
	
	height:16px;
	overflow:hidden;
	padding:2px 0;
}

.flag{
	float:left;
	margin:0 4px;
}

.country, .people{
	float:left;
	font-size:10px;
	padding:2px;
}

.country{
	width:85px;
	overflow:hidden;
}

.people{
	font-weight:bold;
}

/* The styles below are only necessary for the styling of the demo page: */

div#onlineWidget  h1{
	background-color:#DDDDDD;
	border-bottom:1px solid #CFCFCF;
	font-size:1.5em;
	font-weight:normal;
	margin-bottom:15px;
	padding:15px;
	text-align:center;
}

div#onlineWidget  h2 {
	font-size:0.9em;
	font-weight:normal;
	padding-right:40px;
	position:relative;
	right:0;
	text-align:right;
	text-transform:uppercase;
	top:-48px;
}

.onlineWidget{
	margin:30px auto 0;
}

.tutorial-check{
	margin:0 auto;
	display:block;
}

div#onlineWidget a {

	text-decoration:none;
	outline:none;
}
div#onlineWidget  a:visited {

	text-decoration:none;
	outline:none;
}

div#onlineWidget  a:hover{
	text-decoration:underline;
}

div#onlineWidget  .clear{
	clear:both;
}

div#onlineWidget  p.tutInfo{
	/* The tutorial info on the bottom of the page */
	padding:10px 0;
	text-align:center;
	position:fixed;
	bottom:0px;
	background-color:#011D2E;
	border-top:1px solid #011d2e;

	width:100%;
}

div#onlineWidget  h1,h2,p.tutInfo{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
}
#activityFeed ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#activityFeed ul li {
	
	background-position: 10px center !important;
	background-repeat: no-repeat !important;
	margin-bottom: 1px !important;
	padding: 5px 5px 5px 34px !important;
	font-size: 11px;
}
.ticker{
height: 186px;
overflow: hidden;
}
/* Form styles */
div.form-container { margin: 10px; padding: 5px; background-color: #FFF; border: #EEE 1px solid; }
div.info { margin: 10px; padding: 5px; background-color: #FFF;  }

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.message {text-align:center; margin: 0 0 10px 0; padding: 5px 10px; border: #F8EFA0 1px solid; background-color: #FFFCDE; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container slabel, 
div.form-container span.slabel { position: relative;  margin-right: 10px; padding-right: 10px;  padding-left: 10px; text-align: right; position: relative;}
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container label wh, 
div.form-container span.label wh{ position: relative; width:150px; right: 0; font-size: 120%; font-style: normal; color: #ffffff; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }


.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial;
color: white;
background:  #3F464F;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: #5195CE;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #3F464F;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #3F464F;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #D34328;
background-color: #E8F0F8;
}

table a,
table a:link,
table a:visited {
	border:none;
	}							
	
img {
	border:0;
	margin-top:2px;
	}	
table {

	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	margin:1em auto;
		border-collapse:collapse;
	}
th{
	padding-left: 5px;
}
table.info tr{

border-bottom: 1px solid #E0DFDF;
}
table.info td{
padding-left: 5px;
}

table.info th {
	background: #E5E5E5;
	border: 1px solid #D5D5D5;
	color: #555;
	text-align: left;

}

caption {
	color: #9ba9b4;
	font-size:.94em;
		letter-spacing:.1em;
		margin:1em 0 0 0;
		padding:0;
		caption-side:top;
		text-align:center;
	}	
tr.odd td	{
	background:#f7fbff
	}
tr.odd .column1	{
	background:#f4f9fe;
	}	
.column1	{
	background:#f9fcfe;
	}
table.testgrid { 
	border-collapse: collapse; 
	border: 1px solid #CCB;
}

table.testgrid tr {
	border-bottom: 1px solid #DDD;
}

table.testgrid tbody tr:hover {
	background-color: #888888;
	color: white;
}

table.info tbody tr:hover {
	background-color: #888888;
	color: white;
}

table.testgrid th {
	background: #E5E5E5;
	border: 1px solid #D5D5D5;
	color: #555;
	text-align: left;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

table.testgrid td {
	padding: 5px;
	border: 1px solid #E0E0E0;
}

.breadcrumb {
background:#EDEDED;
color:#080808;
font-size:11px;
padding-left:5px;
padding-bottom:2px;
position:relative;
z-index:10;
}

.breadcrumb a{
color:#0D3C84;
text-decoration:none;
}

.breadcrumb a:hover {
	font-weight:bold;
}
.breadcrumb  a:focus {
	outline:none;
}

/*#configitem a img{ 
filter: alpha(opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.70;
opacity:0.7;
}*/

#newswrapper {width:200px; margin:0 auto; }

.link {cursor:pointer; color:#666}
.link:hover {color:#000}
.slider {position:relative; overflow:hidden; border:0px solid #4C88BE;  background:#8DC3E9; margin-bottom:20px}
.slidercontent {position:absolute}
.slidercontent .upper {border-bottom:1px solid #8DC3E9}
.section {padding:10px}
.newsslider {position:relative; overflow:hidden; border:0px solid #8DC3E9; height:175px; width:184px; background:#F9FFC9; margin-bottom:20px}
.newsslidercontent {position:absolute; text-align:justify;}
.newsslidercontent .upper {border-bottom:1px solid #8DC3E9}
.newssection {padding:10px; height:175px}
.date {float:left;}
.posted {float:right;padding:3px 15px;color:#464032}

table.view{

border:1px solid #e5eff8;
border-right:1px solid #e5eff8;
margin:1em auto;
border-collapse:collapse;
background:#fff;
}

table.view tr {
margin-top:5px;
border-bottom:1px solid #DDDDDD;
}

table.view tr.even  {
margin-top:5px;
background-color:#EFEFEF;
}