/*reset
-------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: #D9D3D7;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* Start Stylin */
body {
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #999999;
	background-color: #00BCE4;
	background-repeat: no-repeat;
	text-decoration: none;
	text-align: center;
	FONT-WEIGHT: normal;
	FONT-SIZE: 9px;
	LINE-HEIGHT: 15px; 
	FONT-STYLE: normal;	
/* part 1 of 2 centering hack */
	}


/* Class for clearing floats */
.clear {
	clear:both;
	  height: 1px;
       font-size: 1px;
       line-height: 1px;
       margin-bottom: -1px;

}


/* Remove border around linked images */
.screen img {
	border: 5px solid #00BCE4;
}


/* Nav */

/* Block surrounding nav items */
#navcontainer{
	padding: 0px;
	margin-bottom: 25px;
	float: right;
	width: 404px;
	/*border: 1px solid #00FF33;*/
	}

#nav {
	position: relative;
	width:200px;
	padding:0 0px 0 0;
	margin:0 0 0 0;
	list-style: none;
	display: inline;
	overflow:hidden;
	float: left;
		/*border: 1px solid #00FF99;*/
}


#nav ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 



/* Each nav item */

#nav li {
	margin-left: 0;
	padding: 3px 0 0 100px;
	list-style: none;
	}

#nav a {
	text-decoration: none;
	color: #999999;
	outline: none;
	FONT-WEIGHT: normal;
	}

#nav a:visited {
	color: #999999;
	text-decoration:line-through;
	}

#nav a:active {
	color: #00BCE4;
	}

#nav a:hover {
	color: #fff;
	text-decoration: none;
	background: #00BCE4;
	}

.description a:hover {
	color: #fff;
	text-decoration: none;
	background: #00BCE4;
	}


#contact {
	position: relative;
	width:200px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	list-style: none;
	display: inline;
	overflow:hidden;
	float: right;
	/*border: 1px solid #00FF66;*/
			
}

#contact ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	}



#contact li {
	margin-left: 0;
	padding: 3px 0 0 60px;
	list-style: none;
	}

#contact a {
	text-decoration: none;
	color: #999999;
	outline: none;
	FONT-WEIGHT: normal;
	}

#contact a:visited {
	color: #999999;
	}

#contact a:active {
	color: #00BCE4;
	}

#contact a:hover {
	color: #fff;
	text-decoration: none;
	background: #ff5683;
	}

.pink {
	COLOR: #ff5683;
	}

.blue {
	COLOR: #00BCE4;
	}

.blueheader {
	COLOR: #00BCE4;
	font-weight: bold;
	font-size: 12px;
	text-transform:uppercase;
	}


.bluebold {
	COLOR: #00BCE4;
	font-weight: bold;
	text-transform:uppercase;
	}

.blackheader {
	COLOR: #000000;
	font-weight: bold;
	font-size: 12px;
	}

.current
	{
	color: #00BCE4;
	}

.description {
	width: 400px;
	padding: 0 0 20px 0;
/*	border: 1px solid #00CC33;*/
	float: left;
	}

.badge {
	width: 250px;
	padding: 0 0 50px 0;
/*	border: 1px solid #00CC33;*/
	float: right;
	text-align: right;
	}

.badge a {
	text-decoration: none;
	color: #999999;
	outline: none;
	FONT-WEIGHT: bold;
	}

.badge a:visited {
	color: #999999;
	text-decoration:line-through;
	}

.badge a:active {
	color: #00BCE4;
	}

.badge a:hover {
	color: #fff;
	text-decoration: none;
	background: #00BCE4;
	}



.bioleft {
	width: 400px;
	padding: 0 0 50px 0;
/*	border: 1px solid #00CC33;*/
	float: left;
	}

.biolist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

.bioleft li 
{
padding-left: 10px;
font-size: 10px;
background-image: url(../images/arrow2.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}


.bioright {
	width: 200px;
	padding: 0 0 50px 0;
/*	border: 1px solid #00CC33;*/
	float: right;
	text-align: left;
	}

.bioright p {
	LINE-HEIGHT: 12px; 
	}

.bioright a {
		color: #fff;
	text-decoration: none;
	background: #00BCE4;

	}

.bioright a:visited {
	color: #fff;
	text-decoration: none;
	background: #00BCE4;
	}

.bioright a:active {
	color: #00BCE4;
	}

.bioright a:hover {
	text-decoration: none;
	color: #999999;
	outline: none;
	FONT-WEIGHT: bold;
	background: #FFFFFF;
	}



#content {
	padding: 40px 70px 0px 70px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	background-color: #FFFFFF;
	/* border: 1px solid #1e1e1e;  */
	text-align:left; /* part 2 of 2 centering hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 670px;
	height:auto;
	}
	
html>body #content {
	width: 670px; /* ie5win fudge ends */
	background-color: #FFFFFF; 
	}


#logo {
	float: left;
	width: 200px;
}


#flashmovie {
	float: left;
	width: 195px;
	height: 90px;
}


/* Resources Page
-----------------------------------------------------------------------------*/


#homeContent{
	position:relative;
	float:left;
	width:350px;
	height:auto;
	background: #FFCC00;
	margin:0;
	padding:0;
	color: #666;
	font-size:8pt;
	background-color: #FFFFFF;
	
}

#left{

	position:relative;
	float:left;
	margin:0;
	padding:0;
	width:350px;
	height:auto;
	/*background-color:#996600;*/
}

#right{

	position:relative;
	float:left;
	margin:0;
	padding:0;
	width:350px;
	height:auto;
/* 	background-color: #00FFFF;*/
}



/* -- These divs are defined using classes because we are re-using them in multiple locations -- */



.navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

.navlist li 
{
padding-left: 10px;
background-image: url(../images/arrow2.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}


.contentleft {
	position:relative;
	float:left;
	margin:0;
	height:auto;
	padding:0 0px 0 0px;
	width: 220px;
}

.contentmid{

	position:relative;
	float:left;
	margin:0;
	height:auto;
	width: 220px;
}

.contentright{

	position:relative;
	float:left;
	margin:0;
	height:auto;
	width: 220px;
}


#portfolio {
	float: left;
	width: 670px;
}


/*
.screen img {
	border: solid 10px #666666;
}

.screen img a {
	display: block;
	border: solid 10px #666666;
	}

.screen a:hover {
	padding: 1px;
	border: 1px solid #f7b9d4;
	}
*/


/* Links */

a {
	text-decoration: none;
	font-weight: bold;
	color: #999999;
	outline: none;
	}
a:visited {
	color:  #ccc;
	}
a:active {
	color:  #ccc;
	}
a:hover {
	color: #ccc;
	text-decoration: underline;
	}
.ahem {
	display: none;
	}

/* Typography */

/* CSS Document */


.text {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	COLOR: #ddd6c1; 
	LINE-HEIGHT: 15px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.textsmall {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	COLOR: #999999; 
	LINE-HEIGHT: 15px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.textlarge {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 26px; 
	COLOR: #333333; 
	LINE-HEIGHT: 26px; 
	FONT-FAMILY: helvetica, georgia, times, times new roman, Verdana, Arial, Helvetica, sans-serif;
}


.copyright {
	FONT-SIZE: 9px; 
	COLOR: #666666; 
	}


.projecttitle {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	COLOR: #ff5683; 
	LINE-HEIGHT: 17px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.headerinformation {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	COLOR: #ff5683; 
	LINE-HEIGHT: 17px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.headercontact {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 9px; 
	COLOR: #44c2ff; 
	LINE-HEIGHT: 17px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.introinfo {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	COLOR: #ff5683; 
	LINE-HEIGHT: 17px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.introinfosub {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 9px; 
	COLOR: #e6d781; 
	LINE-HEIGHT: 15px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.bold {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	COLOR: #333333; 
	LINE-HEIGHT: 15px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}


strong, b {
	font-weight: bold;
	}

p {
	FONT-SIZE: 10px; 
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}






img {
	border: 0;
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}


pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}



/* =Footer
-----------------------------------------------------------------------------*/

#footer {
	
	position:relative;
	float:left;
	width:670px;
	margin: 10px 0 10px 0;
	padding: 0;
	font-size:7pt;
	color:#999999;
}


/* Class for clearing floats */
.clear {
	clear:both;
	  height: 1px;
       font-size: 1px;
       line-height: 1px;
       margin-bottom: -1px;

}