/* 
CSS Document for CCDB, Canadian Centre for DNA Barcoding, www.barcodinglife.org
Author: James Nicol, Glossopteris Web Design & Development, www.glossopteris.com, July 2006
*/

body {
	margin:0;
	padding:0;
	background:#FFFFFF;
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	text-align:left;
}

#container {
	margin:0 0 0 10px;
	padding:0;
	width:980px;
	background:url(../images/middle_bg_2.gif) repeat-y top left;
}

/*---- General Styles -----*/
input, select, textarea {
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	border:1px solid #999999;
	background:#FFFFFF url(../images/input_bg.gif) no-repeat bottom right;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

/*----- BOLI Logo styles -----*/
#boli_logo {
	position:absolute;
	top:0;
	right:0;
	width:145px;
	height:155px;
	cursor:pointer;
}

/*----- CCDB Logo styles -----*/
#ccdb_logo {
	position:absolute;
	top:0px;
	left:0px;
}

/*----- Top Navigation Bar Styles -----*/
#top_nav {
	text-align:right;
	margin:0;
	padding:0;
	height:60px;
	width:980px;
	font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	background:#FFFFFF;
}
#top_nav h1{
	line-height:30px;
	margin:0;
	padding:0;
	background:url(../images/ccdb_title.png) no-repeat right;
}
#top_nav h1 span {
	visibility:hidden;
}
#top_nav ul {
	float:right;
	border-top:1px solid #d4d4d4;
	margin:0;
	padding:0;
	width:530px;
}
#top_nav li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
	font-size:11px;
	line-height:26px;
}
#top_nav a {
	color:#999999;
	text-decoration:none;
	display:block;
	margin-right:16px;
	padding:0 0 0 15px;
	background:url(../images/light_grey_bullet.png) no-repeat left;
	font-weight:bold;
}
#top_nav a:hover {
	color:#304e75;
	background:url(../images/blue_bullet.png) no-repeat left;
}

a#last {
	margin-right:0;
}

/*-- Suckerfish Dropdowns --*/
#top_nav ul li ul {
	display:none;
	position: absolute; 
	top:56px;
	z-index:2;
	background:#304e75;
	border:1px solid #FFFFFF;
	margin:0;
	padding:0;
	opacity:0.95;
  	filter:alpha(opacity:95);
	width:150px;
}
#top_nav ul li:hover ul, #top_nav ul li.sfhover ul {
	display:block;
	margin:0;
	padding:0;
}
#top_nav ul li li { 
	float:none;
	list-style:none;
	height:auto;
	margin:0;
	padding:0;
	width:150px;
}
#top_nav ul li li a { 
	display: block;
	color:#FFFFFF;
	text-align:left;
	padding:3px;
	line-height:15px;
	margin:0;
	background:#304d76;
}
#top_nav ul li li  a:hover{ 
	color:#304d76;
	background:#c0cad6;
}



/*----- Masthead styles -----*/
#masthead {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	text-align:left;
}
#masthead img {
	margin:0;
	padding:0;
}

/*----- Middle styles -----*/
#middle {
	position:relative;
	width:980px;
	margin:0;
	padding:165px 0 0 0;
}

/*-- Middle Title styles --*/
#middle_title {
	background:#FFFFFF;
	border-bottom:1px solid #d4d4d4;
	text-align:right;
}
#middle_title h2 {
	margin:0;
	padding:0;
	font:20px/45px Geneva, Arial, Helvetica, sans-serif;
	color:#666666;
}
p#breadcrumbs {
	float:left;
	margin:0 3px;
	font-size:11px;
	color:#d4d4d4;
}
#breadcrumbs a {
	color:#999999;
	text-decoration:none;
}
#breadcrumbs a:hover {
	text-decoration:underline;
}

/*-- Content styles --*/
#content {
	position:relative;
	background:#FFFFFF url(../images/content_bg.png) repeat-x top left;
	margin:0 200px 0 200px;
	font-size:11px;
	line-height:14px;
	padding:5px 10px 50px 10px;
	border-left:1px solid #d4d4d4;
	border-right:1px solid #d4d4d4;
}
#content p {
	text-align:justify;
	padding:0 3px;
	color:#4e4e4e;
}
#content p a {
	font-weight:bold;
	color:#304e75;
}
#content h1 {
	margin:0 0 20px 0;
	font-size:18px;
	color:#666666;
}
#content h3 {
	margin:0 0 20px 0;
	font-size:18px;
	color:#666666;
}
#content td {
	vertical-align:top;
}
#content img {
	position:relative;
}
#content table a {
	font-weight:bold;
	color:#304e75;
}
ul#child_links {
	position:relative;
	background:url(../images/dotted_line.gif) repeat-x bottom left;
	padding:0;
	margin:-15px 0 15px 0;
}
ul#child_links li {
	display:inline;
	margin:0 10px;
}
a.not_page {
	color:#999999;
}
a#this_page {
	color:#68bb28;
}
ul#child_links a:hover {
	color:#68bb28;
	text-decoration:none;
}



/*-- Right Nav styles --*/
#right_nav {
	float:right;
	width:200px;
	border-left:1px solid #d4d4d4;
	margin:0;
	padding:0 0 250px 0;
}
#right_nav h4 {
	margin:0;
	padding:0;
	text-align:center;
	border-bottom:1px solid #d4d4d4;
	font-size:14px;
	line-height:35px;
	color:#999999;
}
#right_nav h5 {
	margin:0;
	background:#c4c4c4;
	color:#FFFFFF;
	text-align:center;
}
#right_nav ul, #left_nav ul {
	padding:0;
	margin:0;
}
#right_nav li, #left_nav li {
	border-bottom:1px solid #d4d4d4;
	list-style:none;
	font-size:11px;
	line-height:24px;
	margin:0px;
}
#right_nav a, #left_nav a {
	margin:0 0 0 10px;
	background:url(../images/grey_bullet.png) no-repeat left;
	padding:0 0 0 15px;
	color:#999999;
	font-weight:bold;
}
#right_nav a:hover, #left_nav a:hover {
	color:#68bb28;
	background:url(../images/gren_bullet.png) no-repeat left;
}


/*-- Left Nav styles --*/
#left_nav {
	float:left;
	width:200px;
	margin:0;
	padding:0 0 200px 0;
	border-right:1px solid #d4d4d4;
}
#left_nav h5 {
	margin:0;
	background:#c4c4c4;
	color:#FFFFFF;
	text-align:left;
	padding:0 5px;
}
#left_nav div.xml_item {
	margin:3px 5px;
	background:#FFFFFF;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
#left_nav div.xml_item a {
	font-size:11px;
	font-weight:bold;
	color:#304e75;
	background:none;
	padding:0;
}
#left_nav ul {
	padding:0;
	margin:0;
}
#left_nav li {
	border-bottom:1px solid #d4d4d4;
	list-style:none;
	font-size:11px;
	line-height:24px;
	margin:0px;
}
#left_nav a {
	margin:0 0 0 5px;
	background:url(../images/grey_bullet.png) no-repeat left;
	padding:0 0 0 15px;
	color:#999999;
}
#left_nav a:hover {
	color:#68bb28;
	background:url(../images/gren_bullet.png) no-repeat left;
}
a#this_cat {
	color:#68bb28;
	background:url(../images/gren_bullet.png) no-repeat left;
}

/*--- Calendar Styles --*/
#calendar {
	margin:0;
	padding:0;
	text-align:center;
}
#calendar div {
	margin:20px 20px 5px 20px;
	width:160px;
	padding-top:14px;
	border:1px solid #b9b9b9;
	background:#FFFFFF url(../images/calendar_header.png) no-repeat top center;
}
#calendar table {
	color:#969696;
	font:10px/18px Arial, Helvetica, sans-serif;
	text-align:center;
	vertical-align:middle;	
}
#calendar td {
	width:18px;
	height:18px;
}
td.cal_day {
	border:1px solid #b9b9b9;
	background:#f4f4f4;
}
td.evt_day {
	border:1px solid #a0aad4;
	background:#dadeee;
}
td.evt_day_ro {
	border:1px solid #a0aad4;
	background:#a0aad4;
	color:#FFFFFF;
}
#calendar a {
	display:block;
	font-weight:bold;
	color:#000000;
	padding:0;
	margin:0;
	background:none;
}
#calendar a:hover {
	color:#FFFFFF;
	background:none;
}
td#today {
	background:#a9e78c;
	border:1px solid #a9e78c;
	color:#FFFFFF;
}
td#today a {
	color:#FFFFFF;
	background:#a9e78c;
}
#calendar p {
	text-align:center;
	font-weight:bold;
	font-size:10px;
	margin:0;
}
#calendar p a {
	display:inline;
}
#calendar p a:hover {
	color:#a9e78c;
	text-decoration:none;
}

/*--- Sitemap styles ---*/
ul#sitemap li {
	padding:0;
	list-style:none;
	border-top:1px dotted #d4d4d4;
}
ul#sitemap li ul {
	margin:3px;
	padding-left:50px;
}
ul#sitemap a {
	color:#7ebb28;
}
ul#sitemap a:hover {
	text-decoration:none;
}
a.main_link {
	font-size:125%;
	margin:3px;
	padding-left:12px;
	background:url(../images/grey_bullet.png) no-repeat left;
}
a:hover.main_link {
	border:none;
	background:url(../images/gren_bullet.png) no-repeat left;
}

/*--- Content XML feed styles ---*/
div.xml_item {
	position:relative;
	margin:0 0 20px 0;
	padding:5px 10px 10px 10px;
	font:11px/16px Arial, Helvetica, sans-serif;
	font-weight:normal;
	border-top:1px solid #4d5f48;;
	border-bottom:1px solid #4d5f48;
	background:#EFEFEF;
}
div.xml_item h3 {
	font-size:12px;
}
span.xml_date {
	font-size:11px;
}
div.xml_item a {
	color:#304e75;
	text-decoration:none;
}
div.xml_item a:hover {
	text-decoration:underline;
}

span.xml_title, span.xml_title a {
	font-size:16px;
	font-weight:bold;
	color:#666666;
}
div.xml_item img {
	margin-right:5px;
	border:1px solid #4d5f48;
}
div.xml_sub {
	font-size:16px;
	color:#666666;
}

/*----- Footer styles -----*/
#footer {
	clear:both;
	width:980px;
	height:20px;
	font-size:11px;
	text-align:center;
	border-top:1px solid #d4d4d4;
	color:#999999;
	background:#FFFFFF;
	margin-bottom:10px;
}
#footer p {
	margin:5px 0;
}
#footer a {
	color:#999999;
}

/*----- Drop Shadowstyles ------*/
div#dropShadow {
	position:absolute;
	width:425px;
	top:225px;
	left:300px;
	z-index:10000;
}
div#dropShadow table {
	border-collapse:collapse;
	background:transparent;
}
td#ds_t { height:10px; background:url(../images/drop_shadow/ds_horizontal.png) repeat-x top left; }
td#ds_b { height:17px; background:url(../images/drop_shadow/ds_horizontal.png) repeat-x bottom left; }
td#ds_r { width:13px;	 background:url(../images/drop_shadow/ds_vertical.png) repeat-y top right }
td#ds_l { width:12px; background:url(../images/drop_shadow/ds_vertical.png) repeat-y top left; }

td#ds_c { background:url(../images/drop_shadow/ds_bg.png) repeat top right; }

td#ds_tr { background:url(../images/drop_shadow/ds_box.png) no-repeat top right; }
td#ds_tl { background:url(../images/drop_shadow/ds_box.png) no-repeat top left; }
td#ds_bl { background:url(../images/drop_shadow/ds_white_box.png) no-repeat bottom left; }
td#ds_br { background:url(../images/drop_shadow/ds_white_box.png) no-repeat bottom right; }


/*----- People Popup styles ------*/
.pp_box {
	position:relative;
	width:400px;
	margin:0;
	padding:0;
	font-size:11px;
	border:1px solid #2e4e74;
}
.pp_box h1 {
	margin:0;
	padding:0 10px;
	line-height:26px;
	font-size:18px;
	color:#FFFFFF;
	background:#2e4e74;
	cursor:move;
}
.pp_content ul, .pp_content ol {
	padding-left: 17px;
}
a.pp_box_close {
	position:absolute;
	top:6px;
	right:7px;
	height:15px;
	width:15px;
	background:url(../images/people_popup/pp_close_btn_blue.gif) no-repeat top center;
}
.pp_content {
	margin:0;
	background:#f4f4f4;
	padding:10px;
	color:#333333;
	min-height:100px;
}
.pp_box img {
	float:left;
	margin:0 10px 10px 0px;
	border:3px double #666666;
}
img#activity {
	margin:0;
	border:none;
}

/*----- Events Popup styles ------*/
.evt_box {
	position:relative;
	width:400px;
	margin:0;
	padding:0;
	font-size:11px;
	border:1px solid #2e4e74;
}
.evt_box h2 {
	margin:0;
	padding:0 10px;
	line-height:26px;
	font-size:18px;
	color:#FFFFFF;
	background:#2e4e74;
	cursor:move;
}
a.evt_box_close {
	position:absolute;
	top:6px;
	right:7px;
	height:15px;
	width:15px;
	background:url(../images/people_popup/pp_close_btn_blue.gif) no-repeat top center;
}
.evt_content {
	margin:0;
	background:#f4f4f4;
	padding:10px;
	color:#333333;
	min-height:100px;
}
.evt_content ul, .evt_content ol {
	padding-left: 17px;
}
.evt_box img {
	float:left;
	margin:0 10px 10px -30px;
	border:3px double #666666;
}
img#activity {
	margin:0;
	border:none;
}
	

/*----- < IE7 CSS hacks ------*/
* html #calendar div { margin-right:7px; }
* html #middle { margin-top:-3px; }
* html #footer { margin-bottom:3px; }