/* General markup styles
---------------------------------------- */
* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
	}

html {
	font-size: 100%;
	height: 100%;
	}

body {
	background: #ffffff;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0;
	padding: 0;
	}

h1 {
	font: 2.5em arial, 'Trebuchet MS', Verdana, sans-serif;
	text-decoration: none; 
	color: #333333;
	}

h2 {
	font: bold 1.6em "Lucida Grande", 'Trebuchet MS', Verdana, sans-serif;
	text-decoration: none; 
	color: #000000;
	margin: 0;
	}

a:visited {
	font-weight: bold; 
	text-decoration: none;
	color: #006699;
	}

a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #006699;
	}

a:hover {
	font-weight: bold; 
	color: #DD6900;
	text-decoration: none;
	}

.clearl {
	clear: left;
	}
	
.clearr {
	clear: right;
	}	
	
.clearb {
	clear: both;
	}

img {
	border: none;
	}

p {
	margin: 0.7em 0 0.7em 0;
	line-height: 1.4em;
	font-size: 1.2em;
	}

.strong {
	font-weight: bold;
}


#wrap {
	width: 100em;
	}

/*========== HEADER ==========*/

#head {
	width: 100%;
	min-width:100em;
	height: 5.8em;
	background: #ffffff url('http://binneford.mac-1.com/images/logo.gif') no-repeat 2.4em 1.5em;
	}

#infobar {
	position: relative;
	height: 1.7em;
	background: #9400d3;
	width:100%;
	min-width:100em;;
	text-align:right;
	color:#FFFFFF;
	padding: 2px 0px 0 0;
}
	
/*========== CONTENT ==========*/

#content {
	float: left;
	margin: 3em 0 2em 1em;
	width: 50em;
	}

/*========== NAV ==========*/	

#nav {
	float: left;
	width: 20em;
	font-size: 100%;
	padding: 0;
	margin-top: 3em;
	}

#nav ul {
	list-style: none;
	margin: 0 0 0 1.4em;
	}

/* Default list state */
#nav li {
	font-size: 1.2em;
	display: inline;
	}

/* Link styles for the sub-section links */
#nav li span {
	display: block;
	padding: 0.3em 0.2em 1em 1em;
	text-decoration: none;
	font-weight: normal;
	color: #660066;
	background-color: #ffffff;
	}

#nav li a:hover span {
	text-decoration: none;
	color: #ff0000;
	}

#nav #yellow a:hover span {
	text-decoration: none;
	color: #ff9900;
	}

#nav li span.completed {
	text-decoration: none;
	background-color: #B9DBB3;
	color: #006699;
}

#nav li#childitem a span {
	text-decoration: none;
	font-weight: bold;
	color: #000;
	background-color: #C0D9D9;
}

#nav li#activemenu a:hover span {
	text-decoration: none;
	color: #000;
}

/*========== HEADNAV ==========*/

#headnav {
	position: relative;
	text-align: center;
	float: right;
	}

#headnav ul {
	margin-top: 1em;
	}

#headnav li {
	display: inline;
	list-style: none;
	font-size: 1.3em;
	}

#headnav li span {
	position: relative;
	display: block;
	float: left;
	border: 2px solid #cccccc;
	padding: 0.5em;
	margin-right: 2em;
	width: 5em;
	}

#headnav li a {
	text-decoration: none;
	color: #660066;
	}

#headnav li a:hover {
	position: relative;
	text-decoration: none;
	color: #000;
	}	
	
#headnav li#aboutus a:hover span {
	background: #ccccff;
	}

#headnav li#articles a:hover span {
	background: #ff33ff;
	}	

#headnav li#contact a:hover span {
	background: #00ccff;
	}

#headnav li#home a:hover span {
	background: #99ff99;
	}	

/* active */

#headnav li#aboutus_active span {
	background: #ccccff;
	}

#headnav li#articles_active span {
	background: #ff33ff;
	}	

#headnav li#contact_active span {
	background: #00ccff;
	}

#headnav li#home_active span {
	background: #99ff99;
	}

/*======== ABOUT US ========*/	

#aboutus .name {
	margin:0;
	padding-bottom:0;
}

#aboutus .abouttext {
	float:left;
	width: 40em;
}

#aboutus .aboutpic {
	position: relative;
	/*float:left;*/
	margin-left:1em;
}

.aboutpic img {
	border:1px solid #CCCCCC;
	margin-left: 1em;
}

#aboutus .firstpar {
	margin:0;
	padding-top:0;
}

/*======== ARTICLES ==========*/

#articlespic {
	float: right;
	background: #ffffff url('http://binneford.mac-1.com/images/articleswoman.jpg') no-repeat right 50px;
	height:500px;
	width:113px;
	}

#articles_page {
	margin-left: 1em;
}

#articles_page ul {
	list-style: disc;
	margin: 1em 0 1em 1.4em;
}

#articles_page li {
	font-size: 1.2em;
	}
	
/*======= CONTACT ======*/	

#contactpage {
	float: left;
	width: 22em;
}

#contactpic {
	float: left;
	}

/*===== CONTENT_FULL ====*/

#content_full {
	float: left;
	margin: 3em 0 7em 1em;
	width: 70em;
	}

/*===== BUS_DEV ====*/

#business_dev {
	float: left;
	margin: 3em 0 7em 1em;
	width: 40em;
	}


/*===== TEAM_DEV ====*/

#team_dev {
	float: left;
	margin: 3em 0 7em 1em;
	width: 55em;
	}

/* ==== QUIZ ===*/

#quiz {
	width:32em;
	background:#D8BFD8;
	padding:10px;
	margin-left:14em;
}

.question {
	width:27em;
	float:left;
	margin-bottom:1em;
	height:2em;
}

.answer {
	width:2.5em;
	float:left;
	text-align:center;
}


#kevin {
	position: absolute;
	top: 23em;
	left: 28.5em;
	z-index: 1;
	height: 2em;
	width: 2em;
}

#cm ul {
	display:block;
	list-style:none;
	margin:0;
}

#cm li {
	margin:0 0 0.25em 0;
	font-size: 1.2em;
	font-weight:bold;
}