@charset "utf-8";
/* CSS Document */


/* backgrounds and 960 modifications */

#toolkitbg {
	background-color:#000;
	height:115px;
}

#toolkitbg .container_12 {
	position:relative;
}

#logobg {
	background-color:#cc3300;
}

#logobg .container_12 {
	position:relative;
	height:29px;
}

#photobg {
	text-align:center;
	height:325px;
	background-image:url(../images/mainphoto.png);
	background-position:center;
	background-repeat:no-repeat;
}

#photobg .container_12 {
	position:relative;
}

#mainbg {
	color:#000;
}

#mainbg .container_12 {
	position:relative;
}

#footerbg {
	height:88px;
	color:#CCC;
	background-color:#000;
	background-image:url(../images/footer-bg.jpg);
	background-repeat:repeat-x;
	font-size:12px;
}


#footerbg .container_12 {
	position:relative;
}


#header
{
	margin: 0;
	display: inline;
	padding: 0;
	font-size: 85%;
	height:30px;
}

#header ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#header li
{
	float: left;
	width: 125px;
	margin: 0 3px 0 0;
	padding: 0;
	text-align: center;
	background: #cc3300;
	border: 0px solid #cc3300;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
}

#sidebar {
	width:225px;
	color:#FFF;
	float:right;
	margin:25px;
	padding-top:85px;
	font-style:italic;
	font-size:1em;
	line-height:1.3em;
	padding-right: 10px;
}

/*This is the rest of the styles for the body*/


body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:1em;
	line-height:1.2em;
}

a:link, a:visited {
	color:#cc3300;
}


a:hover, a:focus, a:active {
	color:#fff;
	background-color:#000;
	text-decoration:none;
}

h2 {
	font-size:180%;
	font-style:italic;
	color:#F00;
	padding-bottom:10px;
}
h1, h3, h4 {
	font-size:105%;
	font-style:italic;
	padding-bottom:10px;
	line-height:1.3em;
}
h4 {
	padding-bottom:25px;
	font-size:125%;
}
h5 {
	font-style:normal;
	color:#cc3300;
	padding-bottom:10px;
}

img.floatimageleft {
	float: left;
	opacity: .9;
}

img.floatimageright {
	float: right;
	opacity: .9;
}

img.logo {
	border:0;
	padding:0;
	margin:0;
	margin-top:25px;
}

/*
------------------------------------
header
------------------------------------
*/

#homepage #header li#home,  #aboutpage #header li#about,  #projectspage #header li#projects,  #publicationspage #header li#publications,  #resourcespage #header li#resources,  #additionalpage #header li#additionalinfo {
	background: #ffffff;
}
#header li a {
	text-decoration: none;
	display: block;
	font-weight: bold;
	padding: 5px;
	font-family:Verdana, Geneva, sans-serif;
}
#header li a:link, #header li a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 0;
}
#header li a:hover, #header li a:active {
	background-color: #fff;
	text-decoration: none;
	font-weight: bold;
	border: 0px solid #cc3300;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
}

/* Classes and all other styles */ 


.samplelinks li {
	list-style-type: square;
	list-style-position: inside;
	list-style-image: url(../images/bullet.png);
	text-indent: 5px;
	font-size:80%;
}

#servicebox {
	font-size:75%;
	background-color:#ebf1f4;
	width:100%;
}
.servicebox1 {
	width: 50%;
	float:left;
}
.servicebox1 li, .servicebox2 li {
	list-style-type: square;
	list-style-position: inside;
	list-style-image:url(../images/arrow.png);
	text-indent: 5px;
	line-height:2.0em;
}

.wrapper {
	padding:25px;
}

.wrapperright {
	padding-top:25px;
	padding-left:10px;
}
.footerwrapper {
	padding:25px;
}

.footerwrapper a:link, .footerwrapper a:visited {color:#ccc}