* {
	margin:0;
	padding:0;
	}

body {
	background:#e4f1f5;
	font-family:arial, verdana, sans-serif;
	font-size:11px;}

a {color:#008daf; text-decoration:none;}

a:hover{text-decoration:underline;}

a img {border:0;}

p {margin:0 0 1em;}

#header h1 { 
	float:left; 
	width:218px; 
	height:25px; 
	margin:30px 0 25px 30px;
	background-image:url('../images/logo.gif');}

h1 { 
	margin:30px 0 25px 10px;
	}	
		
h1 span {display:none;}	

h2 { 
	padding:0 0 15px 0;
	font-size:17px; 
	font-family:georgia; 
	color:#008eaf; 
	font-weight:normal;
	}	
	
h3 {
	padding: 15px 10px 10px 10px; 
	text-transform:uppercase;
	font-size:16px; 
	font-family:arial, verdana, sans-serif; 
	font-weight:bold;
	}
	
h4 {font-size:12px; color:#3e4233; font-weight:bold; text-transform:uppercase;}
h4{}
h5 {
	font-size:11px; 
	text-transform:uppercase; 
	color:#008dae; 
	font-weight:bold; 
	font-family:arial, sans-serif; 
	}
h6 { font-size:12px; text-transform:uppercase;}

/****************************************
	general page structure aspects
*****************************************/

.container {
	width:960px;
	padding: 0;
	margin:0 auto;
	position:relative;
	}
	
#header {   
	border-top:7px solid #3f4234; 
	color:#333;
	}
	
#header_links {float:right; text-align:right; padding:15px 30px 0 0 ;}
.links_user { font-size:14px;}
.links_menu, .links_mps {text-transform:uppercase; font-weight:bold; margin:4px 0 0 0;}
.links_menu, .divline {color:#cce0e7}
.links_menu a, .divline a {padding: 0 .15em;}
#navstrip {background:#008daf; }

/***************first level**************/

ul#main_nav {list-style-type:none; padding:5px 0 0 5px; height:45px; position:relative; width:900px !important; }
ul#main_nav li {
	display:block;  
	/*height:45px;*/
	float:left; 
	background-position:top left; 
	position:relative;
	text-transform:uppercase; 
	background-color: #008daf;}

ul#main_nav li a{ 
	display:block; 
	float:left;
	height:30px; 
	font-size:13px;
	color:#ffffff; 
	padding: 15px 0 0 0;
	}
	
ul#main_nav li.no_sub a{height:29px;}

ul#main_nav li#current a.top-level{height:30px !important;}

ul#main_nav li.no_sub:hover#current a.top-level{height:29px !important;}

ul#main_nav li#current {background-position: 0 45px;}

ul#main_nav li:hover#current {background-position: 0 90px;}

ul#main_nav li:hover {background-position: 0 90px; padding-bottom: 1px;}

ul#main_nav li.over:hover {background-position: 0 90px;}
	
ul#main_nav li.over {background-position: 0 90px;}

div>#navstrip ul#main_nav li a.top-level {width: 100%;}

ul#main_nav li:hover a.top-level, ul#main_nav li.over a.top-level, ul#main_nav li#current a.top-level {
	background-position:top right; 
	background-repeat: no-repeat; 
	color:#fff;
	text-decoration:none;
	}
	
/*
ul#main_nav li.about a {width:128px;  }ul#main_nav li.about {background-image:url(../images/nav_about.gif);}

ul#main_nav li.research a{width:112px; }ul#main_nav li.research{background-image:url(../images/nav_research.gif);}

ul#main_nav li.teaching a{width:180px;}ul#main_nav li.teaching{ background-image:url(../images/nav_teaching.gif);}

ul#main_nav li.demos a{width:158px; }ul#main_nav li.demos {background-image:url(../images/nav_demos.gif);}

ul#main_nav li.mydem a{width:139px; }ul#main_nav li.mydem{background-image:url(../images/nav_mydem.gif);}

ul#main_nav li.comm a{width:119px;}ul#main_nav li.comm {background-image:url(../images/nav_comm.gif);}

	*/
/***************second level**************/	
	
ul#main_nav li ul.subnav {
	position:absolute; 
	top:45px; 
	width:168px;
	padding: 6px 6px 6px 6px;
	background-color:#008daf; 
	background-repeat:repeat-x;
	left:-999em;
	}

div>#navstrip ul#main_nav li ul.subnav {
	
	top:46px; 
	}

	
ul#main_nav li:hover ul.subnav, ul#main_nav li.over ul.subnav  {left:-3px; z-index: 9999;}

ul#main_nav li ul.subnav li { text-transform:none; font-family:georgia, times, sans-serif; font-size:12px; float:none; padding:0;}

ul#main_nav li ul.subnav li:hover, ul#main_nav li ul.subnav li.over {background:none;}

ul#main_nav li ul.subnav li a{  font-size:12px; color:#fff; float:none; height:auto; padding:10px 7px; background-image:none; width:154px;}

ul#main_nav li ul.subnav li a:hover, ul#main_nav li ul.subnav li a#current{background-color:#004657; text-decoration:none; background-image:none; }
/********************************
********************************/	
	
#main {
	padding:30px 30px 25px 30px;
	background:#fff;
}
	
/*********** REPLACES HOME HERO *****************/

#home_hero_new {
	margin:0 0 30px 0;
	height:300px;
	padding: 0;
	background-color:#0b0b0b;
	background-position:top right;
	background-repeat:no-repeat; 
	color:#ebebeb ;
	}

#home_hero_new .left_col {
	height:300px; 
	width: 350px; 
	padding: 0; 
	margin: 0;
	float: left;}	
	
#home_hero_new img.hero_new, #home_hero_new div.hero_new {float: right;}

.welcome-tag {
	margin-top: 20px;
	margin-left: -30px; 
	padding:10px 15px 5px 30px;
	background-color:#B0CDD6;
	width: 150px;
	}

.lead_in_new, .wbody_new {
	width:300px;
	margin:20px 20px 10px 20px;
	font-family:georgia, "Times New Roman", Times, serif; 
	font-size:15px;
	line-height:18px;
	}
	
/*******************************************************/

#home_hero {
	margin:0 0 30px 0;
	position:relative;
	height:280px;
	padding:20px 0 0 0;
	background-color:#0b0b0b;
	background-position:top right;
	background-repeat:no-repeat; 
	color:#ebebeb ;
	}
	
#home_hero img.hero {position:absolute; top:0; right:0;}

#home_hero div.hero	{position:absolute; top:0; right:0; z-index:1;}

.lead_in, .wbody {
	float:left;
	width:300px;
	margin:20px 20px 10px 20px;
	font-family:georgia, "Times New Roman", Times, serif; 
	font-size:15px;
	line-height:18px;
	}
	
.wbody {font-size:13px; margin-top:0;}


.home_left {
	float:left;
	width:550px;
	color:#666;
	line-height:18px;
	font-family:georgia, times, serif;
}

.entry { border-bottom:1px solid #d1d1d1; padding:30px 0 20px 0; }

.last {border-bottom:0; border:0;}

#home_hero h2, #main_bottom h2 {
	margin:0px 0 20px -30px; 
	float:left; 
	color:#fff; 
	padding:10px 15px 5px 30px;
	/*line-height:12px;*/
	background-color:#b0cdd6;
	font-family:'arial narrow' arial, sans-serif;
	font-weight:bold;
	}

#home_hero .image {display:none;}

#stick {margin-left:-15px; background:#fff;}

div>#stick {margin-left:-30px;}


h3.stickout_left, h3.stickblue{
	margin:0 0 0px 0px;
	padding:7px 10px 2px 30px;
	/*padding:10px 10px 4px 30px; /*added from anna's style*/
	background-color:#ccd4b2;
	width:550px;
	color:#fff;
	text-transform:capitalize;
	}
	
h3.stickblue {padding-top: 8px; background-color:#b0cdd6; width:auto; height: 27px;}
	
h3 .headermenu {float:right; }
h3 .headermenu img {padding:0 0 0 7px;}
	
.home_content_info {
	float:left; 
	width:100px; 
	text-transform:uppercase;
	font-size:10px;
	line-height:11px; /*added from anna's style*/
	font-family:arial, helvetica, sans-serif;}

.home_content {width:440px; float:right; }
.home_content_image { margin:5px 20px 8px 0; }
.avatar {padding:10px; border:1px solid #b0cdd6; margin:0 0 10px 0;}
		
.home_right {
	float:right; 
	width:320px;
	width:310px; /*added from anna's style*/
	color:#3f4234; /*added from anna's style*/
}

img.banner {padding:0 0 20px 0 ;}

/**********************************
	MAIN BOTTOM AREA
**********************************/

#main_bottom {
	margin:6px 0 0 0 ;
	background:#cdd5b2;
	padding:20px 20px 20px 0;
	font-size:12px;
	height:1%;
}

.getting-around {
	background:#3e4233;
	padding:10px 20px 3px 30px;
	width: 132px;
	}

#bottom-content {padding-left:30px; margin-top: 25px;}

#main_bottom h2 {/*mainly definded with home_lefth2*/
	background:#3e4233; margin-bottom:25px;
	padding:10px 20px 2px 30px;}
	 
	
.bottomcolumn_small, .bottomcolumn_mid, .bottomcolumn_big {float:left;  padding:0; }	
.bottomcolumn_small {width:190px;}
.bottomcolumn_mid {width:205px;  }
.bottomcolumn_big {width:220px;}

.bottom_divide {border-left:1px solid #abb294; width:20px; height:230px; float:left;}
	
ul.mainbottomlist {list-style-type:none; padding:3px 0 25px 0;}
ul.mainbottomlist li {list-style-type:none; font-size:12px; padding:0 0 1px 0;}
	
	
	
	
#footer {
	padding: 20px 30px;
	color:#3f4234; 
	text-transform:uppercase; 
	font-weight:bold;}
	
	
/***********************
reoccuring things

***********************/

.poll {
	width:200px;
	float:right;
	margin:0 0 10px 25px;
	font-family:arial, helvetica, sans-serif;
	 color:#fff;
	}
	
.poll_head {
	padding:12px;
	font-weight:bold;
	background-color:#004657;
	background-image:url(../images/poll_top.gif);
	background-repeat:no-repeat;
	background-position:top left;}

.poll_body {background:#008eaf; padding:12px;}

.poll input, .poll .label {cursor:pointer;}

.poll_footer {
	padding:10px;
	background-color:#004657; 
	background-image:url(../images/poll_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	text-align:center;
}
input.poll_vote, input.poll_results {
	border:0; 
	width:72px; 
	height:18px; 
	background:url('../images/btn_vote.gif');
	cursor:pointer;
	}
input.poll_results { background:url('../images/btn_results.gif');}

/***************************
interior pages
***************************/
.int_hero {margin:0 0 20px 0; padding-top: 20px;}

h2.pg-title {
	margin:0px 0 20px -30px; 
	height: 35px;
	float:left; 
	color:#fff; 
	font-size: 15px; 
	padding:10px 15px 5px 30px;
	background-color:#b0cdd6;
	font-family:'arial narrow' arial, sans-serif;
	font-weight:bold;
	}

h2.pg-title span {display: none;}
	
div.pg-title {
	margin:0px 0 20px -30px; 
	height: 22px;
	float:left; 
	padding:8px 15px 5px 30px;
	background-color:#b0cdd6;
	}
	
span.title {
	color:#fff;
	font-size: 20px;  
	font-family:'arial narrow' arial, sans-serif;
	}
	
span.title span{display: none;}

.int_navbar {background:#ffffff; padding:8px 30px 0 30px;}

ul#int_nav {list-style-type:none; background:#ffffff;}
ul#int_nav li {
	list-style-type:none; 
	display:block; 
	float:left; 
	padding:0 10px; 
	border-left:1px solid #b0cdd6;
	font-size:12px;
	text-transform:capitalize;
	
	}
	
ul#int_nav li.first  {padding:0 10px 0 0; border:0;}
ul#int_nav li#active a, .links_menu a#active {color:#333;}

p.intro { font-size:15px;}

.bannerbox {border-top:1px solid #d9d9d9; margin:15px 0 0 0;}

.bannerbox h2 {color:#3f4233;}

.bannerbox a {text-decoration:none;color:#ffffff;}

.banner_blue, .banner_beige { 
	width:245px;
	float:left;
	padding:18px 10px 0 10px;
	margin:10px 0 0 0;
	background-image:url('../images/bg_bluebox.gif');
	background-repeat:repeat-x;
	background-position:bottom left;
	text-align:center;
	}
	
.banner_beige {float:right; background-image:url('../images/bg_beigebox.gif');}

#banner_blue_button, #banner_beige_button {
	background-image:url('../images/btn_blue.gif');
	background-repeat:no-repeat;
	width:248px;
	height:44px;
	text-align:center;
	padding:10px 0 0 0;
	color:#ffffff;font-size:1.5em;
}
#banner_beige_button {
	background-image:url('../images/btn_beige.gif');
}

.search {padding:0  0 10px 10px;}
.searchbox {width:215px;}
.searchbutton {
	width:68px; 
	height:18px; 
	margin:0 0 0 2px;
	border:0; 
	background-image:url('../images/btn_search.gif');
	cursor: pointer;
	}

.divline {height:1px; font-size:1px; border-top:1px solid #d1d1d1;} /*added from anna's style*/

/******blog****/

ul.recent_comments {margin:0 0 0 20px;}
ul.recent_comments li { padding: 10px 0; border-bottom:1px solid #efefef;}
ul.recent_comments li.first {padding-top:0;}
span.r_commenter {text-transform:uppercase; font-weight:bold; display:block; font-size:10px;}
span.r_comment {font-family:georgia, serif; font-size:12px; font-style:italic; font-weight:bold;}

ul.author_list {list-style-type:none; color:#666;}
ul.author_list li {list-style-type:none; display:block; padding:0 0 20px 10px;}
ul.author_list li .bio {width:240px; float: right; font-family:georgia, serif;}
ul.author_list li .avatar_sm {float:left; width:40px; padding:4px; border:1px solid #b0cdd6;}

div.cat_left, div.cat_right {float:left; width:135px; padding:0 0 0 25px}
div.cat_right {float: right; width:150px; padding:0;}
ul.catlist, ul.arch_list {color:#008dae; font-weight:bold;  margin:0 0  20px 0;}
ul.catlist  li, ul.arch_list li {padding:3px 0; font-size:12px;}

ul.arch_list {float:right; width:170px; margin:0 0 20px 0;}

.year {float:left; color:#e8e8e8; font-weight:bold; font-size:66px; font-family:georgia, serif;}
.arch_year {padding: 10px 0; border-bottom:1px solid #efefef; color:#e8e8e8; font-weight:bold; font-size:66px; font-family:georgia, serif;}
.arch_date_box {margin:10px 0; float:none;}
.readmore {display:block; text-align:right; padding:17px 0 0 0;}

.entry_meta { 
	padding:15px 0 0 0 ; 
	margin:15px 0 0 0 ;
	border-top:1px solid #d1d1d1;
	text-transform:uppercase;
	font-size:10px;
	font-family:arial, sans-serif;
	line-height:2em;
	}
	
.entry_meta a {font-weight:bold;}

.share_icon {margin:3px 5px -3px 0;} 

.blog_nav {display:block; padding:26px 0 0 0;}
.blog_next {float:right; }
.blog_previous {float:left; margin:0 0 0 108px; }

/***********************
general styles
***********************/
	
.bigger {font-size:14px; font-weight:bold;}

.cleaner {
	clear:both;
	height:0px;
	background:transparent;
	font-size:1px;
	border:0;}

.green {color:#004133;}


/*********************************/
/*		BLOG COMMENT BOX		 */
/*********************************/
#leaveComment form#grayForm {
	font-size:11px;
	padding-left: 20px;
}
form#grayForm {
	background-color:#ddebef;
	color:#3C4145;
	padding:10px 20px 15px 10px;
	position:relative;
}

form#grayForm input.formfield, form#grayForm textarea {
border:1px solid #7C8C96;
margin:0 0 5px;
padding:3px;
width:230px;
}

form#grayForm textarea {
font-size:12px;
height:120px;
width:510px;
}
/***********************************/
/*  archives.php update Kirk Solar */
/***********************************/

.arch_year {
	float:left;
	padding: 0; 
	color:#e8e8e8; 
	font-weight:bold; 
	font-size:66px; 
	font-family:georgia, serif;
	border-bottom:none;
	width:140px;
	}
.arch {
	float:right;	
}
.arch_date_box {
	margin:2px 0; 
	padding:0 0 5px 0;
	float:left; 
	
}
ul.arch_list {
	float:none;	
	margin:0;
	width:120px;
}
ul.arch_list li.active, ul.arch_list li.active a {
	color:#333333;
}

div.cat_left, div.cat_right {
	float:left; 
	width:120px; 
	padding:0 10px 0 25px
}