@charset "utf-8";
* {
	margin:0;
	padding:0;
	border:none;
}
body {
	background-image:url(assets/blue.gif);
	background-repeat:repeat-y;
	background-color: #ffffff;
	text-align:center;
	color:#294790;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/**styles for heading**/
#header {
	width:100%;
	height:168px;
	border-top: solid 20px #294790;
}
#header a{
text-decoration:none;
border:none;
}
.logo {
	position: absolute;
	top: 80px;
		left: 108px;
}
.photo {
	position: absolute;
	top:20px;
	left:540px;
}
/**end styles for heading**/

/**styles for main navigation**/
#navbg {
	margin: 0 0 0 50px;
	height:30px;
	text-align:left;
	list-style:none;
	font-size:11px;
	color:#294790;
	border-top: solid 4px #294790;
	background:url(assets/grad.png);
	background-repeat:repeat-x;
}
#nav ul {
	margin:0 0 0 0;
	width:600px;
	padding:0 0 0 3px;
	list-style:none;
}
#nav li {
	float:left;
	display:block;
	position:relative;
}
.active {
	background:#ffffff;
}
#nav li a {
	display:block;
	text-decoration:none;
	color:#294790;
}
#nav li a {
	display:block;
	padding: 5px 8px 7px 8px;
	border-bottom:2px solid transparent;
	z-index:100;
}
#nav li a:hover {
	background:#ffffff;
	border-bottom:2px solid #294790;
}
/**end styles for main navigation**/

/**styles for container that holds sidebars and main text**/
#container {
	float:left;
	width:100%;
	margin: 0 0 0 18px;
	text-align:left;
}
h1 {
	margin: 0 0 1em 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 1em;
	line-height:1.4em;
}

/**h2 is used to style the breadcrumbs**/
h2 {
	color:#70c3ee;
	font-size:9px;
	font-weight:normal;
	margin: 0 0 1.4em 0;
}
h3 {
	padding: 0 0 0 20px;
	background:url(assets/ast.png);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:.8em;
	line-height:1.4em;
}
h4 {
	font-size:.7em;
	font-weight:bold;
	line-height:1.4em;
}
p a, h1 a {
	color:#294790;
	text-decoration:underline;
}
p a:hover {
	color:#70c3ee;
}
h4 a {
	color: #294790;
	text-decoration:underline;
}
h4 a:hover {
	color:#fcb213;
}
/**end styles for container that holds sidebars and main text**/

/**styles for subnav**/
#subnav {
	float:left;
	width:150px;
	margin: 48px 0 36px 0;
	padding: 30px 0 0 0;
	font-size:9px;
}
#subnav dl {
	padding: 6px 6px 6px 0;
	background:#294790;
}
#subnav a {
	display:block;
	padding: 5px 6px;
	color:#e9f6fd;
	text-decoration:none;
}
#subnav dt a {
	font-weight:bold;
}
#subnav dd a {
	border-top: 1px solid #294790;
}
#subnav a:hover {
	background: #70c3ee;
	color: #ffffff;
	}
#subnav a.subactive {
	background:#3d599b;
	}
#subnav a.subactive:hover {
	background:#3d599b;
	cursor:default;
}

/**end styles for subnav**/

/**styles for sidebars**/
#geek, #story {
	float:left;
	width:216px;
	background: #294790;
	margin: 48px 0 36px 0;
}
#geek {
	background-image:url(assets/geekspeak.png);
	background-repeat:no-repeat;
}
#story h4{
	padding: 12px 12px 4px 0;
	color:#ffffff;
	border-bottom: solid 1px #b6d71c;
	margin: 0 0 8px 0;
	}
#geek h4 {
	margin: 36px 0 0 0;
	padding: 6px 12px 0 0;
	color:#ffffff;
}
#geek p, #story p {
	padding: 0 12px 1em 0;
	margin:0;
	font-size:.7em;
	line-height:1.4em;
}
#geek p {
	color:#fbeccc;
}
#story p {
	color:#ebf9aa;
}
#geek p a {
	color:#fcb213;
	text-decoration:underline;
}
#geek p a:hover {
color:#ffffff;
}
/**end styles for sidebars**/

/**styles for main content**/
#content, #projects {
	float:left;
	padding: 48px 36px 36px 26px;
	width:540px;
}
#content p, #projects p, #projects li {
	margin: 0 0 1em 0;
	font-size:.8em;
	line-height:1.4em;
}
#content p {
	margin: 0 0 1em 0;
	}
#projects p, #projects li {
	margin: 0 0 .3em 0;
}
#projects ul {
	list-style-position: inside;
	list-style-type: square;
}
#projects h4 {
	padding: 2em 0 0 0;
}
.caps {
	font-weight:bold;
	font-size:10px;
	text-transform:uppercase;
}
.orangecaps {
	color:#fcb213;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
}
/**end styles for main content**/

/**styles for footers**/
#footer {
	float:left;
	margin: 0 0 0 50px;
	width:100%;
	background:url(assets/squares.png);
	background-repeat:repeat-x;
	background-position:top left;
	}
#footer dl {
	float:left;
	padding: 18px 26px 18px 0;
	font-size:9px;
	text-align:left;
}
#footer a {
	display:block;
	padding: 1px 0;
	color:#294790;
	text-decoration:none;
}
#footer dt a {
	font-weight:bold;
}
#footer a:hover {
	color:#70c3ee;
}
#copyright {
	clear:left;
	border-top: 1px solid #294790;
	margin: 0 0 0 50px;
	padding:6px 0;
	font-size: 9px;
	color:#70c3ee;
	text-align:left;
}
#copyright a{
	color:#70c3ee;
}
/**end styles for footers**/