/* GLOBAL STYLES */
body 
{
	margin: 0px;
	/*background-image:url(images/bg_site.gif);
	background-repeat:repeat-x;*/
	background-color:#FFFFFF;
}

body, div 
{
	font-family: Helvetica, Arial;
	color: #58595B; /*red - jeanne carbajal is...*/
	font-size: 11px;
}

/* HEADER */

span.navHeader
{
	color: #00B9F2; /*green - projects, information*/
	font-size: 11px;
	font-weight: bold;
}

/* LINKS */
a { 
	color: #00B9F2; 
	text-decoration: none; 
	font-family: Helvetica, Arial; 
	font-size: 11px; 
}
a:hover { 
	color: #00B9F2; 
	text-decoration: underline; 
	font-family: Helvetica, Arial; 
	font-size: 11px; 
}
	
/* SITE CONTAINER */

div.site 
{
	margin: 0 auto;
	position: relative;
	top: 0px;
	left: 0px;
}

/* TITLE AREA */

div.homeImage 
{
	position: absolute;
	top: 180px;
	left: 480px;
}

/* TITLE AREA */

div.titleArea 
{
	position: absolute;
	width: 500px;
	height: 50px;
	background-color:#FFFFFF;
	top: 30px;
	left: 20px;
	cursor:hand;
	font-size: 13px; 
}

/* IMAGE AREA */

div.viewArea 
{
	position: absolute;
	background-color:#FFFFFF;
	top: 123px;
	left: 350px;
	width: 500px auto;
	height: 500px auto;
	padding: 8px;
}

/* Text AREA (in place of large image) */

div.textArea 
{
	position: absolute;
	background-color:#FFFFFF;
	top: 119px;
	left: 350px;
	width: 300px;
	height: 500px auto;
	padding: 8px;
	line-height: 150%;
	font-size: 12px; 
}

/* Text AREA (when just a text page) */

div.bigTextArea 
{
	position: absolute;
	background-color:#FFFFFF;
	top: 119px;
	left: 250px;
	width: 360px;
	height: 500px auto;
	padding: 8px;
	line-height: 150%;
	font-size: 12px; 
}
div.bigTextArea a
{
font-size: 12px; 
}
div.bigTextArea a:hover
{
font-size: 12px; 
}
/* CATEGORY NAV AREA */

div.catNav
{
	position: absolute;
	width: 80px;
	background-color:#FFFFFF;
	top: 100px;
	left: 210px;
	padding-top: 4px;
	height: 39px;
}

/* CATEGORY NAV AREA */

div.copyright
{
	margin-top: 24px;
	color:#CCCCCC;
	font-size: 9px; 
	
}

/* CATEGORY NAV LINKS */

.cat { 
	border: 0px; 
	padding:4px;
	text-align:center;
}
.cat a { 
	display: block; 
	width: 100%; 
	padding-top:10px;
	padding-bottom:10px;
	color: #FFFFFF; 
}
.cat a:hover { 
	background: #FFFFFF; 
}
.cathigh { 
	border: 0px; 
	padding:4px;
	text-align:center;
	background: #FFFFFF; 
}
.cathigh a { 
	display: block; 
	width: 100%; 
	padding-top:10px;
	padding-bottom:10px;
	color: #FFFFFF; 
}
.cathigh a:hover { 
	background: #FFFFFF; 
}


/* MAIN NAV AREA */

div.mainNav
{
	position: absolute;
	width: 180px;
	background-color:#FFFFFF;
	top: 130px;
	left: 20px;
}


/* MAIN NAV LINKS */

.nav { 
	font-size: 10px; 
	border: 0px; 
	text-indent:0px; 
	/* font-weight: bold; */
	text-indent: 5px; 
}
.nav a { 
	display: block; 
	width: 100%; 
	color: #A0A2A4; /*projects titles*/
	text-decoration: none; 
	border: 0px; 
}
.nav a:hover { 
	color: #FFFFFF; 
	background: #00B9F2; /*project hover bar*/
	text-decoration: none; 
}
.navhigh { 
	font-size: 10px; 
	border: 0px; 
	text-indent:0px; 
	/* font-weight: bold; */
	text-indent: 5px; 
}
.navhigh a {
	display: block; 
	width: 100%; 
	color: #58595B; /*project selected*/
	text-decoration: none; 
	border: 0px; 
	background: #FFFFFF; 
}
.navhigh a:hover { 
	color: #58595B; 
	background: #FFFFFF; 
	text-decoration: none; 
}