/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 0;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -162px; /* negative value of footer height */
	height: 162px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



body
{
	text-align:justify;
}

h1, h2, h3, h4, h5, h6 
{
	color:#243f60;
}
h1
{
	font-size:xx-large;
}

h2
{
	font-size:x-large;
	margin:0.5em 0;
	font-weight:bold;
}

.hometitle h2
{
	font-size:large;
	margin:0.5em 0;
	font-weight:bold;
}
h3
{
	font-size:larger;
	text-transform: uppercase;
	font-weight:bold;
}

.footnote
{
	font-size:smaller;
	display:none;
}

#banner
{
	background-image:url(Images/ccbBanner2cropped.gif);
	background-repeat:no-repeat;
	height:318px;
	padding-bottom:20px;
	position:relative;
}

#toplinks
{
	background-color:#d3ddae;
}

.bluedivider
{
	background-image:url(Images/bluebar2.gif);
	background-repeat:repeat-x;
	height:10px;
	padding-bottom:15px;
}

.longdivider
{
	background-image:url(Images/bluebar2.gif);
	background-repeat:repeat-x;
	background-position:center center;
	height:20px;
}

#footer
{
	text-align:right;
	color:Gray;
}

#footer a
{
	color:Gray;
}

#footer a:hover
{
	color:Black;
}

#toplinks
{
	text-align:right;
}

.homepagenewsheader
{
	color:#51BB43;
	font-weight:bold;
	font-size:1.2em;
}

/*UL#gallery LI
{
	list-style-type:none;
}

UL#gallery A IMG
{
	border:medium none;
	padding:2px 2px 2px 2px;		
	background: #fff;
	vertical-align:middle;
	text-decoration:none;
}*/

UL#gallery 
{
	padding-left:0;
}

UL#gallery li {
        display: inline;
        list-style: none;
        width: 150px;
        /*min-height: 175px;
        float: left;*/
        margin: 0 10px 10px 0;
        text-align: left;
	}
	
UL#gallery li img 
{
	    vertical-align:middle;
}

.caption
{
	/*smaller text*/
}

#logobar 
{
	background-color:#243f60;
	color: #fff;
	font-size:large;
	position:relative;
	z-index:1000;
}

#logobar img
{
	vertical-align:middle;
}

#logo
{
	float:left;
}

#logobar #tagline
{
	/*float:left;*/
	font-weight:bold;
	font-size:20px;
	margin-top:5px;
	/*margin-left:15px;*/
	padding:0; 
}
	

/*Menu*/
/*
	tswnavbar.css	1.0.2
	Please use the CSS Menu Button Wizard at
		http://www.thesitewizard.com/wizards/css-menu-buttons.shtml
	to generate your own customized menu buttons.
*/

#news
{
	float:left;
	/*position:absolute;
	bottom:0;*/
}

#tswcssbuttons {
	float:right ;
}
#tswcssbuttons ul {
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
}
#tswcssbuttons li {
	margin: 0 ;
	padding: 0 0 2px 0;
	display: block ;
	list-style: none ;
	font-family: Arial, Helvetica, sans-serif ;
}
#tswcssbuttons li a {
	color: #fff ;
	padding: 10px 0 0 20px;
	font-size:larger;
	
	background-color: #162c00 ;
	width: 230px ;
	height: 73px ;
	text-decoration: none ;
	display: block ;
	
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#tswcssbuttons li a h1 
{
	font-size:x-large;
	color: #fff ;
}

#tswcssbuttons li a:hover {
	
	filter:alpha(opacity=25);
	-moz-opacity:0.25;
	-khtml-opacity: 0.25;
	opacity: 0.25;

}

a.foottip, a.bibliography,  a.publications
{
	text-decoration:none;
}

a.foottip
{
	cursor: help;
}

/* TAB MENU   
----------------------------------------------------------*/
#tswcsstabs
{
	display: inline ;
	position:absolute;
	bottom: 0px;
	right:0px;
}

#tswcsstabs ul /* the structure of our head-menu */
{
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
	display: inline ;
	background-color:#243f60;

    position: relative;
    text-align:center;
}    
#tswcsstabs ul#menu li /* the structure of the first items */
{
	margin: 0 ;
	padding: 0 ;
	display: inline ;
	text-align: center ;
	list-style: none ;
	font-family: Arial, Helvetica, sans-serif ;
	
	position:relative;
	float:left;
    /*font-weight: bold;*/
    /*color: black;*/
	text-decoration: none;
    /*border: 1px #e8eef4 solid;*/
    background-color:#243f60;
}

#tswcsstabs ul#menu li a /* the links inside our first items */
{
	color: #fff ;
	font-size:medium;
	_font-size:14px; /*ie6 fix */
	/*margin-right: 5px;*/
	padding: 0 8px;
	text-decoration: none ;
	display: inline ;
	
	display: block;
    /*font-weight:bold;*/
    /*line-height: 2em;*/
    background-color: #243f60;
    /*border:solid 1px black;
    color: black;*/
} 

#tswcsstabs ul#menu li a:hover
{
	color: #fff ;
	background-image:url(Images/bluegradient.jpg);
	background-repeat:repeat-x;
	/*border-right: solid 1px #243f60;*/
}

ul#menu li a:active
{
    background-color: #d5cbca;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fdfdff;
    color: #000;
}

ul#menu li.showsubmenu /* the structure of the first items */
{
    /*width:90px;*/
}

 
ul#menu li.submenu /* the structure of the first items */
{
    float: left;
    /*width:150px;*/
    width:100%;
    border-top: solid 1px white;
} 

ul#menu li ul /* first items > submenu structure */
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index:1;
	margin-left:-1px;
	width:160px;
}

ul#menu li > ul /* extra styles for Internet Explorer (behavior file) */
{
	top: auto;
	left: auto;
} 

ul#menu li:hover ul, ul#menu li.over ul {display: block;} 


.not-last
{
	border-right:solid 1px white;
}

/*marquee class*/
.html-marquee
{
    height: 20px;
    width: 700px;
    /*font-family: Cursive;*/
    font-size: medium;
    color: #FF0000;
    font-weight: bold;
}