/* Basic elements */
body {
	background-color: #fff;
	margin: 0;
}

h1, h2, p, ul, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

h1 {
	font-size: 16px;
	font-weight: bold;
}

h2 {
	font-size: 14px;
	font-weight: bold;
}

p {
	font-size: 12px;
	line-height: 14px;
}


/* #navBar styles */
#navBar {
	position: absolute; 
	text-align: left; 
	top: 0; 
	left: 0; 
	padding: 0; 
	margin: 0; 
	width: 203px; 
	line-height: 10px;
}

#navBar ul {
	font: 14px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	list-style: none; 
	margin: 0; 
	padding: 0; 
}

#navBar li { 
	list-style: none; 
}
	
#navBar a {
	border-bottom: none; 
}

#navBar ul a:link, #navBar ul a:visited { 
	display: block; 
	color: #000; 
	padding: 0px 5px 0px 10px; 
}

#navBar ul a:hover { 
	color: #fff; 
	background-color: #DE142E; 
}

#navBar li { 
	border-bottom: 1px solid #fff; 
} /* hack to fix IE/Win's broken rendering of block-level anchors in lists */

html>body #navBar li { 
	border-bottom: none; 
} /* fix for browsers that don't need the hack */



/* Standard page links */
a:link, a:visited, a:hover { 
	color: #900; 
	text-decoration: none; 
	border-bottom: 1px dotted; 
	margin-bottom: 0px; 
	padding-bottom: 0px; 
}

a:hover	{ 
	border-bottom: 1px solid; 
}

a img { 
	border:none; 
}


/* Text styles */	
.whiteText {
	color: #fff;
}

.smallText {
	font-size: 10px;
	line-height: 11px;
}

.smallwhiteText {
	color: #fff;
	font-size: 10px;
}


/* Layout */	
#contentSmall, #contentLarge, #boxOne, #boxTwo, #boxThree, #boxFour, #subnavMiddle, #subnavBottom, #mapArea, #flashHeader, #biogArea, #imgLeft, #imgRight, #footerText, #flashMap, #topLeft, #iframePosition {
	position: absolute;
}

#contentSmall, #contentLarge, #boxOne, #boxTwo, #boxThree, #boxFour {
	padding: 2px 10px 20px 10px;
}

#contentSmall, #contentLarge, #mapArea, #biogArea, #imgLeft, #imgRight, #iframePosition, #flashMap {
	top: 190px;
}

#flashHeader {
	top: 0px;
	left: 222px;
	width: 590px;
	height: 183px;
}

#subnavMiddle {
	top: 374px;
	left: 485px;
} /* the position of the prev / next buttons, used with #contentSmall */

#subnavBottom {
	top: 566px;
	left: 486px;
} /* the position of the prev / next buttons, used with #contentLarge */

#contentSmall {
	left:206px;
	width: 383px;
	height: 178px;
	background-color: #EDEDEB;
}

#contentLarge {
	left: 206px;
	width: 383px;
	height: 383px;
	background-color: #EDEDEB;
}

#mapArea {
	left:206px;
	width: 325px;
	height: 383px;
	background-color: #fff;
	padding: 2px 265px 20px 10px;
}

#biogArea {
	left:206px;
	width: 571px;
	height: 383px;
	background-color: #EDEDEB;
	padding: 2px 20px 20px 10px;
}

#imgLeft { 
	left: 3px;
	width: 200px;
	height: 200px;
}

#imgRight {
	left: 612px;
	width: 200px;
	height: 200px;
}

#boxOne, #boxTwo, #boxThree, #boxFour {
	top: 393px;
	width: 180px;
	height: 180px;
}

#boxOne {
	left: 3px;
	background-color:#FFAB00;
}

#boxTwo {
	left: 206px;
	background-color:#FFD57F;
	color: #fff;
}

#boxThree {
	left: 409px;
	background-color:#FFD57F;
}

#boxFour {
	left: 612px;
	background-color:#DE142E;
}


/* Extra bits for layout */	
#footerText {
	top: 602px;
	text-align: left;
	margin: 0 0 0 5px;
}

#flashMap { 
	left: 631px;
	width: 270px;
	height: 405px;
	background-color: #fff;
}

#topLeft {
	top: 0;
	left: 16px;
}

#iframeContent {
	margin: 5px 10px 10px 10px;
	width: 360px;
}

#iframePosition {
	left: 206px;
}

#linkSpacing a {
	line-height: 20px;
}
