/* MAIN CSS FILE (see css/extra for more styles to add ) */
/* RESET  */
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, ul, li,
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;
  font-family:Arial, sans-serif;
}
.clear {clear:both; height: 15px;}

/* Remove annoying border on linked images. */
a, a img { border: none; outline: none}
body{ background: /* #fff url(images/head-wrap-bg.jpg) */ ; }


/* GRID */
#main {  margin:0em auto;
width:970px;
padding-top:10px;
display:block;
background : none  ;
}

.g160,.g240,.g320,.g480,.g640,.g800,.g960,.g260 {float:left; display: inline; margin-left:10px;} 
.inside{margin-left:0;}
.last {margin-right:0;}
/* columns */
.g160  {width:150px; height: 150px; background: #ccc;}/*4 boxes in page content*/
.g240  {width:225px;  height: 150px; background: #ccc; margin-right: 7px;}/*4 boxes in in container*/


/* SIDEBAR */
.g260  {width:250px;
padding-top: 15px;
padding-right: 17.5px;
padding-left: 17.5px;/*padding left+ right must = 35px or whatever .ml is set to*/
border: 1px solid #ccc;
background: #fff url(images/sb-bg.jpg) top left repeat-y;}
/* end SIDEBAR */

.g320  {width:310px; }
.g480  {width:467px;  height: 150px; background: #ccc; margin-right: 6px;}/*2 boxes in in container*/
.g640  {width:630px; position: relative; z-index:1; }/* CONTENT */
.g800  {width:790px;}
.g960  {width:950px;}
/* margins */
.ml{margin-left:35px;}/* SIDEBAR MARGIN */

.g260 p{font-size: .8em;}


.horizrule{
height: 1px;
background: #ccc;
width: 600px;
margin: 1em 15px;
clear: both;
}
.sidehorizrule{
height: 1px;
background: #ccc;
width: 97%;
margin: .75em 0em .75em .15em;
clear: both;
}

/* TYPOGRAPHY (see css/extra for more styles to add )*/
p {
    font-family: Verdana, Arial, sans-serif;
    font-size: .9em;
    padding:0 0 1em 0;
    color:#111;
    line-height: 1.4em;
    letter-spacing: .1px;
}

a {color: #1d1388; text-decoration:underline; }
a:hover { color:#1d1388;text-decoration: none; }
a:active { color: #fff;background:#000; text-decoration: none; }

img.left  { float: left; margin: 0.3em 0.833em 0.833em 0; padding: 3px; background: #dedede; border: 1px solid #ccc;}
img.right { float: right; margin: 0.3em  0 0.833em 0.833em; padding: 3px; background: #dedede; border: 1px solid #ccc;  }


h1,h2{ font-weight:normal; color: #333; }
h3,h4,h5,h6 { font-weight: normal; color: #333;  }


h1 { font-size: 2.2em;  margin-bottom: 0.6em; }
h2 { font-size: 1.9em;  margin-bottom: 0.5em; }
h3 { font-size: 1.7em;  margin-bottom: 0.4em; }
h4 { font-size: 1.4em;  margin-bottom: .4em; }
h5,h6 { font-size: 1.3em;  margin-bottom: .4em; }

.display{
    font-family:  arial, serif;
    text-shadow: 2px 2px 2px #aaa;
    color: #000;
    Background: #fcfcfc;
    padding: 0px;
    margin-bottom: 10px;
    font-weight: bold;
}
.fontface{
}

/* content list styles*/
#maincontent ul li , #maincontent ol li   { margin:.25em 1.5em; font-weight: normal; }
#maincontent ul, #maincontent ol { margin: 0 1.5em 1.5em 1.5em; font-size: .85em;}

blockquote { padding:2em 1em 1em 1.5em; font-family:baskerville,"palatino linotype",serif; font-style: italic; }
blockquote > *:first-child:before { content:"\201C";
font-size:3.95em;
margin-left:.62em;
margin-top:2em;
font-family:georgia,serif;
padding-right:.2em;
padding-top:.2em;
color:#aaa;line-height:0; }


/* LAYOUT */

div#header-wrapper{
margin: 0em 0;
width: 100%;
height: 155px;
background: #fff url(images/head-wrap-bg.jpg) ;
position: relative;
}

div#header{
width: 950px;
height: 155px;
background:none;
margin: 0 auto;
position: relative;
}
/* FOOTER */

div#footer-wrapper{
margin: 0;
width: 100%;
height: 50px;
position: relative;
}

div#footer{
width: 960px;
height: 50px;
padding-top: 1em;
background: none;
margin: 0em auto;
position: relative;
border-top: 1px solid #ccc;
}


.footxt{
   font-size:0.75em;
   margin: .5em 0em ; 
   color:#3d3d3d; 
   text-align: left; 
   float: left; 
   display: inline;
}
.footxt a{
  text-decoration: none;
  color:#3d3d3d;
}
.footxt a:hover{
  text-decoration: underline;
}

#logo{
float:left;
margin: 20px 0 0 0px;
}
 
div#nav-wrapper{
width: 100%;
height: 37px;
background:#1d1388;/*url(images/transpBlack25.png);*/
position: relative;
z-index:: 9;
margin: .5em 0;
}
#main-nav{
width: 950px;
background: #1d1388;
margin: 0 auto;
position: relative;
z-index:: 10;
}


/* Navigation styles */
.nav {
	list-style-type:none;
	margin: 0 auto;
	position: relative;
	z-index:: 10;
	overflow:hidden;
	height:36px;
	width: 960px;
	background:#1d1388 /* url(images/bg.jpg) */;
	font-size:15px;
	}
.nav li {
	float:left;
	padding-right:2px;
	background:url(images/separator.jpg) top right no-repeat;
	}
.nav li.last {
	background:none;
	}
.nav a {
	color:#fff;
	padding:0 18px;
	display:block;
	font-weight:bold;
	text-decoration:none;
	text-shadow: 0px -2px 1px #292c2d;
	line-height:36px;

	}
.nav a:hover {
color: #ccc;
	/* background:url(images/green.jpg) */;
	}
.nav .current a {
color: #ccc;
	/* background:url(images/green.jpg) */;
	}	
	
/*END NAV*/

div#switch-site{
float: right;
width: 150px;
height: 150px;
background: #ccc;
border: 2px solid #ccc;
text-align: center;
}
div#switch-site p{
padding: 10px;
line-height: 1.12em;

}

div#introtxt{
    position: absolute;
    top: 1.5em;
    left:34em;
    width:14em;
    float: left;
    text-align: left;
}
div#introtxt h1{
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0.3em;
  color: #1d1388;}
  
div#introtxt h2{
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 0.6em;
  color: #1d1388; /
}
div#introtxt p{
font-size: 1em;
  font-weight: bold;
  margin-bottom: 0.1em;
  color: #1d1388;
  line-height: .6em; 
}
div#introtxt a{

  color: #383838;

}

div#article_image{
    float:left;
    width:500px;
    height: 300px;
    margin: 0 0 0 70px;
    border: 1px solid #000;
    overflow: hidden;
}
div.article_image_thumb{
    float:left;
    width:200px;
    height: 120px;
    border: 1px solid #000;
    overflow: hidden;
    margin: 0 15px 0 0 ;
}

/* sidebar list styles - NAV */
#side-content ul{
        font-family: Helvetica, Verdana, sans-serif;
        font-size: .8em;
	padding: 1em 0em 1em 0em;
        list-style: none;
	
    }
#side-content ul li{
	
        background: #ccc;
		 -moz-border-radius: 4px;
         -webkit-border-radius: 4px;
         border-radius: 4px;
    }
    
#side-content ul li a{
        color: #000;
        padding: .45em 0em .45em 2.5em;
        display: block;
        border-bottom:  solid 2px #fff;
        text-decoration: none;
        background: url('images/listarrow.png') 5% 50% no-repeat;
    }
    
#side-content ul li a:hover{
        color: #1d1388;

        display: block;
        border-bottom: dotted 2px #fff;
        text-decoration: none;
        
    }
#side-content .current a{
        color: #1d1388;
        padding: .45em 0em .45em 2.5em;
        display: block;
        border-bottom: solid 2px #fff;
        text-decoration: none;
        background: url('images/listarrowactive.png') 5% 50% no-repeat;
    }

	#side-content img{
	padding: .5em 0em .5em 0em;
}

/* sidebar list styles - NOT NAV */
#sidebar .s_list 
{ 
margin: 0em .5em .75em .5em;
background: #fff;
padding: 0em;
}

#sidebar .s_list ul
{
padding:0em;
margin: 0em;
background: #fff;
}


#sidebar .s_list li
{ 
margin: .35em; 
color: #000;
background: none;
list-style: square;

} 




/* Quick Search box */
#quick-search{
width:200px;
height:30px;
color:#000;
}

.search{
margin:0;
background:url(images/search_hovered.png) no-repeat scroll 0 0 transparent;
display:inline;
float:right;
}
.search input{
width:139px;
height:18px;
margin:0;
padding:6px 8px;
outline:none;
display:inline;
float:left;
font:13px/18px Arial, sans-serif;
color:#000;
background:url(img/search_field.png) no-repeat scroll 0 0 transparent;
border:none;

}
.search #search_submit{
width:44px;
height:30px;
margin:0;
padding:0;
outline:none;
display:inline;
float:left;
background:url(img/search_button.png) no-repeat scroll 0 0 transparent;
border:none;
filter: alpha(opacity = 1);
zoom:1;
cursor: pointer;
}
.ajaxSearch_highlight {
  color:#035292;
}
.ajaxSearch_resultLink {
  color:#035292;
  text-decoration:underline;
}


/* ARTICLES INDEX PAGE
------------------------------------------------------------------------------- */
.lastNews
{
    padding: 10px 10px 15px 0;
    line-height: 10px;
    background-color: transparent;
    border-bottom: 1px solid #ECECEC;
}
.lastNews img{
  width: 200px;
  height: auto;
  float: left;
  margin: 0 10px 0 0;
}

.lastNews:hover
{
    background-color: #e8e8e8;
    /*cursor: crosshair*/;
}

.lastNewsDate
{
    color: #000;
    font: 10px Verdana;
    line-height: 10px;
}  

.lastNewsTitle
{
    color: #333;
    font: 18px Verdana;
    margin-top: 2px;
    display: block;
}
.lastNewsTitle a
{
    color: #333;
    font: 18px Verdana;
    margin-top: 2px;
    display: block;
    text-decoration: none;
}
.lastNewsTitle:hover
{
    color: #000;
    font: 18px Verdana;
    margin-top: 2px;
    display: block;
    text-decoration: underline;
}

.lastNewsText
{
    color: #333;
    font: 12px Verdana;
    margin-top: 2px;
    display: block;
}
/* Ditto 2 Blog
------------------------------------------------------------------------------- */
#nextprev{
  margin: 1em 0;
  text-align: center;
}
.ditto_summaryPost h3 a{
    margin: 0px !important;
    padding: 7px !important;
    color: #000;
    font: 24px Verdana; 
}
.ditto_summaryPost h3 a:hover{

    margin: 0px !important;
    padding: 7px !important;
    color: #000;
}

.ditto_summaryPost .ditto_info {
    background-color: #F8F8F8;
    padding: 5px !important;
    font-size: 0.8em;
    color: black;
    font-family: sans-serif;
}

.ditto_summaryPost a, .ditto_info a {
 font-family: sans-serif;
 color: #035292;
}
.ditto_tags {
    font-family: sans-serif;
     font-size: 85%;
     color: #ccc;
    padding-top: 5px;
}
.ditto_tags a{
    font-family: sans-serif;
     font-size: 85%;
     font-style: italic;
}

.ditto_tags a:hover{
    color: #000;
}
.ditto_link {
    font-size: 80%;
    text-align: right;
}
.ditto_link a:hover{
    text-align: right;
    text-decoration: underline;
    background-color: #e3e3e3;
    padding: 4px;
}
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px; 
    font-size: 86%;
    color: #035292;
    
}
#ditto_pages .ditto_currentpage {
    border: 1px solid #ff0000;
    padding: 3px 5px 2px; 
    margin-right: 1px;
    background-color: #ff0000; 
    color: #fff;
} 
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 3px 5px 2px; 
    margin-right: 1px;
    color: #000;
    font-size: 86%;
    font-family: sans-serif;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #ff0000; 
    padding: 1px 5px 2px; 
    margin-right: 1px; 
    text-decoration: none !important; 
    color: #000;
} 
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}
#ditto_archivelist ul {
    list-style-type: none; 
    margin-left: 15px; 
    padding-left: 0;
}
#ditto_archivelist ul ul{
    list-style-type: square;
    margin-left: 35px;
} 
#ditto_archivelist .ditto_month {
    font-weight: bold;
}

/* BREADCRUMBS */

.B_crumbBox{
font-size: 79%;
font-family: sans-serif;
}


.B_crumbBox a{
color: #999999;
}

.B_crumbBox a:hover{
color: #000;
}
.B_currentCrumb{
color: #ccc;
}




/*TOOLTIP*/
div.svtt_darktop{
float:left;
}
div.svtt_darktop div.sv_tooltip_arrow{
width:0; 
height:0; 
margin-left:20px;
border: 5px solid transparent; 
border-right: 10px solid transparent;
border-top: 10px solid #222;
border-left:0px;
border-bottom: 0;
}
div.svtt_darktop div.sv_tooltip_top{
background:#222;
border-top: 4px solid #222;
-webkit-border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-topleft: 4px;	
-moz-box-shadow: 0px 1px 1px #000;
-webkit-box-shadow: 0px 1px 1px #000; 
box-shadow: 0px 1px 1px #000; 
}
div.svtt_darktop  div.sv_tooltip_bottom{
background:#222;
border-bottom:6px solid #222;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;	
-moz-box-shadow: 0px 1px 1px #000;
-webkit-box-shadow: 0px 1px 1px #000; 
box-shadow: 0px 1px 1px #000;
}
div.svtt_darktop div.sv_tooltip_content{
padding:8px;
background:#111;
color:#999;	
-moz-box-shadow: 0px 1px 1px #000;
-webkit-box-shadow: 0px 1px 1px #000;
box-shadow: 0px 1px 1px #000;
}

div.svtt_darkbottom{
float:left;
}
div.svtt_darkbottom div.sv_tooltip_arrow{
width:0; 
height:0; 
margin-left:20px;
border: 5px solid transparent; 
border-top: 0;
border-right: 10px solid transparent;
border-bottom: 10px solid #222;
border-left:0px;
}
div.svtt_darkbottom div.sv_tooltip_top{
background:#222;
border-top: 4px solid #222;
-webkit-border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-topleft: 4px;	
-moz-box-shadow: 0px 1px 1px #000;
-webkit-box-shadow: 0px 1px 1px #000; 
box-shadow: 0px 1px 1px #000; 
}
div.svtt_darkbottom  div.sv_tooltip_bottom{
background:#222;
border-bottom:6px solid #222;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;	
-moz-box-shadow: 0px 1px 1px #000;
-webkit-box-shadow: 0px 1px 1px #000; 
box-shadow: 0px 1px 1px #000;
}
div.svtt_darkbottom div.sv_tooltip_content{
padding:8px;
background:#111;
color:#999;	
-moz-box-shadow: 0px 1px 1px #000;
-webkit-box-shadow: 0px 1px 1px #000;
box-shadow: 0px 1px 1px #000;
}

/*TABLES*/
caption { text-align:center; font-family:Georgia, serif; margin-bottom: 1em; font-size: 20px; }
table {
    border-collapse: collapse;
	width: 100%;
    margin: 10px 0 ;
}
tr {
    background: none repeat scroll 0 0 #FFFFFF;
}
th, td {
    border-style: solid;
    border-width: 1px;
    text-align: center;
}
th {
    background: none repeat scroll 0 0 #1d1388;
    border-color: #CCC;
    color: #FFFFFF;
    font-weight: normal;
    padding: 0.8em .1em;
}
td {
    border-color: #CCC;
    padding: 0.7em .2em;
}