/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 20px 0;
	padding: 0;
	background: #164759 url('../images/back_spring.jpg');
	background-repeat:no-repeat;
	font: normal small "Georgia", Verdana,Arial,sans-serif;
	font-size: 11px;
}

h1, h2, h3 
{
	margin: 10px auto;
	color: #d66f11;
}

p, ul, ol, blockquote {
	margin-top: 0;
	line-height: 1.4em;
}

#pagetitle
{
        margin: 10px auto;
    	color: #d66f11;
    	font: bold small "Georgia", Verdana,Arial,sans-serif;
    	font-size: 1.4em;
   	    padding: 20px 0 0 147px;
}



#colWide p:first-child:first-letter   
{
    font-size:5em;
    float:left;
    vertical-align:bottom;
    padding:10px;
    margin-right:5px;
    color: #ff5402;
    line-height:40px;
    border: solid 1px #ccc;
    background-image: url(../includes/media/dropcap.png);
    background-repeat:no-repeat;
    background-position:right;
    font-family:Georgia;
    text-transform:uppercase;    
}  

#colWide p:first-child:after 
{  
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#errormessage
{
    color: red;
    font-style:italic;
    margin-bottom:12px;
}

ul
{
	list-style-position:inherit;
	padding: 0px;
	margin-left: 25px;
	list-style-type:square;
}

blockquote
{
	color: #999999;
	font-style:italic;
	font-family:Verdana,Arial,sans-serif;
	font-size:11px;
	border-left: solid 1px #999999;
	background-color:#fffeea;
	quotes: "\201C" "\201D";
	display: block; 
	text-indent: 0px;
	
	padding: 5px 5px 5px 20px;
	width: 300px;
}

h2 
{
	font: bold small Verdana;
	font-size: 1.4em;
}

h3 {
	margin: 0px 0px 5px 0px;
	font-size: 1em;
}

#geel
{
    background-color: #fffabd;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 5px 0px;
    border: 0px;
    width: 500px;
}

#tweetheader
{
        margin: 0px 0px 0px 0px;
        border: 0px;
}

.showmore
{
    padding-right:16px;
    background-image: url(../includes/media/showmore.png);
    background-position:right;
    background-repeat:no-repeat;
}

#ullist ul
{
	margin-top: 0px;
	list-style-type:none;
	list-style-image: url(../includes/media/newsdetail.png);
	line-height: 1.1em;
	width: 450px;
}

#ullist ul.twitter
{
    list-style-image: url(../images/tweet.gif);
}

#ullist ul.archive
{
list-style-image: url(../includes/media/newsolddetail.png);}



#ullist ul.people
{
	list-style-image: url(../includes/media/user1.png);
}

#ullist ul.peoplefem
{
	list-style-image: url(../includes/media/user2.png);
}

#ullist a.special
{
	display:block;
	background-color:#fff;
	text-decoration:none;
	color:#000;
}

#ullist a.special:hover, #ullist a.special:hover.odd
{
	background-color:#1772a5;
	color:#fff;
}

#ullist ul li 
{
	padding: 4px 0;
	margin: 0;
	height:14px;
}

#ullist a.odd
{
	background-color:#fffeea;
}


#navcontainer ul
{
list-style-type: none;
text-align: left;
}

#navcontainer ul li a
{
background: transparent url(images/list-off.gif) left center no-repeat;
padding-left: 15px;
text-align: left;
font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #999;
}

#navcontainer ul li a:hover
{
background: transparent url(images/list-on.gif) left center no-repeat;
color: black;
}




a:link,a:visited {
	border-bottom: 1px dotted #CCCCCC;
	text-decoration: none;
	color: #3284B5;
}

a.noline:link,a.noline:visited
{
	border: none;
	text-decoration: none;
	color: #3284B5;
}

a:hover {
	border: none;
}

img {
	border: none;
}

/* Header */

#header {
	width: 700px;
	height: 165px;
	margin: 0 auto;
	background: url('../images/header_background4.jpg') no-repeat;
}

#header * {
	margin: 0;
	border: none;
	text-decoration: none;
	text-transform: lowercase;
	font-weight: normal;
	color: #FFFFFF;
}

#header h1 {
	float: left;
	padding: 140px 0 0 20px;
	font-size: 3em;
}

#header h2 {
	float: left;
	padding: 165px 0 0 3px;
}

.type1 #header
{
    	background: url('../images/header_background.jpg') no-repeat;
}

.type2 #header
{
    	background: url('../images/header_background2.jpg') no-repeat;
}
.type3 #header
{
    	background: url('../images/header_background3.jpg') no-repeat;
}
.type4 #header
{
    	background: url('../images/header_background4.jpg') no-repeat;
}


/* Menu */

#menu 
{
	width: 700px;
	height: 76px;
	margin: 0px auto;
	background: #95b8e0 url('../images/menu_background4.jpg')
}

.type1 #menu
{
    background: #95b8e0 url('../images/menu_background.jpg')
}
.type2 #menu
{
    background: #95b8e0 url('../images/menu_background2.jpg')
}
.type3 #menu
{
    background: #95b8e0 url('../images/menu_background3.jpg')
}
.type4 #menu
{
    background: #95b8e0 url('../images/menu_background4.jpg')
}

#menu h2 
{
    float:left;
    padding: 20px 0 0 147px;
    font-size: 1.4em;
}

#metanav
{
	position:inherit;
	left: 0px;
	text-align:right;
	margin-left: 0px ;
	margin-top:10px;
	margin-right:10px;
	font-family: Verdana;
	font-size: 10px;
	overflow: hidden;
	list-style-type: none;

}

#metanav li
{
	border-left: 1px solid #fff;
	margin: 0 .5em 0 -.5em;
	padding: 0 .5em 0 .5em;
	display:inline;
}

#metanav a:hover
{
	text-decoration:underline;
}
/*
#menu ul {
	margin: 0;
	margin-left: 200px;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 32px;
	padding: 9px 20px 0 20px;
	text-decoration: none;
	color: #164759;
}

#menu a:hover, #menu .active a {
	background: url('../images/img3.gif');
	color: #FFFFFF;
}
*/

/* Content */


#content 
{
	/*border: solid 1px red;*/
	width: 700px;
	margin: 0 auto;
	background: url('../images/img4.gif');
}

#contentwide
{
	/*border: solid 1px red;*/
	width: 700px;
	margin: 0 auto;
	background: url('../images/img4_wide.gif');
}

#colOne 
{
	/*border: solid 1px red;*/
	float: right;
	width: 160px;
	padding: 22px 10px 0 10px;
	background-color: #fffeea;
}


#colTwo 
{
	/*border: solid 1px red;*/
	float: right;
	width: 360px;
	padding: 10px 10px 0 10px;
	background-color: #ffffff;
}


#colThree 
{
	/*border: solid 1px red;*/
	float: right;
	width: 120px;
	padding: 0px 10px 0 10px;
	background-color: #fffeea;
	overflow:hidden;
}

#colWide
{
	float: right;
	width: 540px;
	padding: 10px 10px 0 10px;
	background-color: #ffffff;
}

#bottom {
	float:left;
	width: 700px;
	height: 50px;
	text-align: center;
	padding: 0px auto;
	margin: 0px auto;
	background-color: #fff685;
	background: url('../images/curlybottom.png') no-repeat right bottom;
}

/* Footer */

#footer 
{
	width: 700px;
	height:20px;
	margin: 0 auto;
	padding: 20px 0;
	font-size: 9px;
	background: url('../images/img6.gif') repeat-x left top; 
}

#footer * {
	color: #ffffff;
}

#displayad 
{
	display:block; 
	position:relative; 
	top:-15px; 
	left:-50px; 
	margin:0px auto;
}


.tab
{
	width: 120px;
	min-height: 100px;
	position: inherit;
	margin: 10px 0 auto;
	padding: 0 px;
	font-size: 10px;
}

.tabright
{
	width: 160px;
	min-height: 100px;
	position: inherit;
	margin: 10px 0 auto;
	padding: 0 px;
	font-size: 10px;
}

.tab_blue
{
	background: url('../images/tab_blue.gif') repeat-x left top;
}

.tab_yellow
{
	background: url('../images/tab_yellow.gif') repeat-x left top;
}

.tab_orange
{
	background: url('../images/tab_orange.gif') repeat-x left top;
}

.tab_orange h1
{
	color: #fff;
}

.tab h1
{
	font-size:10px;
	margin: 2px 65px 3px 3px;
	padding: 0px auto;
	text-align: center;
}

.tabright h1
{
	font-size:10px;
	margin: 2px 105px 3px 3px;
	padding: 0px auto;
	text-align: center;
}

.tab p,.tabright p
{
	font-family: Verdana,Arial,Sans-Serif;
	font-size:10px;
	margin: 5px 5px 5px 5px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */



/* Floating layer */
div.topbox
{
border:1px;
padding:0px; 
/*filter:alpha(opacity=75);
opacity: 0.75; 
-moz-opacity:0.75;*/
position:absolute;
font-family:verdana;
letter-spacing:0px;
/*
overflow:hidden;
top:400px; left:100px
float: left;
display:inline;
*/
width:176px;
}

div.topbox h1 
{
margin:0px;
padding:10px 0px 0px 10px;
font-size:18px;
font-weight:700;
}

div.topbox p
{
margin:0px;
padding:5px 10px 20px 15px;
font-size:12px;
font-weight:700;
}

div.topbox p a 
{
color:#f90;
}

a.ovalbutton{
background: transparent url('../images/oval-blue-left.gif') no-repeat top left;
display: block;
float: left;
border: 0px;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('../images/oval-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

#tweet
{
    background: transparent url('../images/tweet.png') no-repeat top left;
    display:inline;
    padding-left: 20px;
    height:20px;
}

#tda
{
    font-size:11px;
    display:inline;
    font-style:italic;
    color:#3284B5;
}

.smalldate
{
    font: normal 10px Verdana;
    color:#d66f11;
    
}