/* basic layout controls */

BODY {
	margin: 10px auto;
	padding: 0em;
	font-size: 80%;
	font-family: Helvetica, Arial, sans-serif;
	/* IE MAC 5.01 FIX */
	float: none;
/*	color: #276C9F; */
	color: #666666;
}

UL { list-style-position: outside;
     list-style-type: square; }

#wrapper { width: 780px;
	       margin: 0em auto;
	       padding: 0em; } /* width: 48.783em; */

#pageContent { margin: 0; padding: 0; }

A:link { color: #174162;
	text-decoration: none; }
	
A:visited { color: #174162;
	text-decoration: none; }
	
A:hover { color: #174162;
	text-decoration: none; }

/* preload nav and rollover buttons */

DIV#imagePreload { display: none;
	                visibility: hidden; }

/* CAREER PAGE */

#careerTrav { line-height:1.5;
	           color: #666666; }

#careerTravTitle, a.careerTravTitle:link, a.careerTravTitle:visited, a.careerTravTitle:hover, a.careerTravTitle {
	color: #000000;
	letter-spacing:2px;
	vertical-align:top;
	font-weight:bold;
	text-decoration:none;
}

A.careerTravTitle:hover {
	color: #FF3333;
	letter-spacing:2px;
	vertical-align:top;
	font-weight:bold;
	text-decoration:none;
}

/* TOP AND BOTTOM NAVIGATION CONTROLS */

UL#nav-bottom, UL#nav-top {
	list-style: none;
	line-height: normal;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	width: 100%;
}
UL#nav-bottom {
	background: rgb(255,255,255);
	margin: 0 0 0 0;
	clear: both;
}
UL#nav-top {
	background: url('images/nav/top/bg.png');
	clear: both;
}
UL#nav-bottom li, UL#nav-top li {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
}
UL#nav-bottom li a {
	background-repeat: no-repeat;
	float: left;
	height: 50px;
	text-indent: -1000em;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-position: top;
}
UL#nav-bottom LI#btm-about_us a {
	background: url('images/nav/bottom/about_us.jpg');
	width: 155px;
}
UL#nav-bottom LI#btm-about_us a:hover, UL#nav-bottom LI#btm-about_us a.current-page {
	background: url('images/nav/bottom/over/about_us.jpg');
}
UL#nav-bottom LI#btm-project a {
	background: url('images/nav/bottom/project.jpg');
	width: 157px;
}
UL#nav-bottom LI#btm-project a:hover, UL#nav-bottom LI#btm-project a.current-page {
	background: url('images/nav/bottom/over/project.jpg');
}
UL#nav-bottom LI#btm-news a {
	background: url('images/nav/bottom/news.jpg');
	width: 158px;
}
UL#nav-bottom LI#btm-news a:hover, UL#nav-bottom LI#btm-news a.current-page {
	background: url('images/nav/bottom/over/news.jpg');
}
UL#nav-bottom LI#btm-career a {
	background: url('images/nav/bottom/career.jpg');
	width: 159px;
}
UL#nav-bottom LI#btm-career a:hover, UL#nav-bottom LI#btm-career a.current-page {
	background: url('images/nav/bottom/over/career.jpg');
}
UL#nav-bottom LI#btm-contact_us a {
	background: url('images/nav/bottom/contact_us.jpg');
	width: 151px;
}
UL#nav-bottom LI#btm-contact_us a:hover, UL#nav-bottom LI#btm-contact_us a.current-page {
	background: url('images/nav/bottom/over/contact_us.jpg');
}
UL#nav-top li a {
	background-repeat: no-repeat;
	float: left;
	height: 21px;
	text-indent: -1000em;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
UL#nav-top LI#home {
	padding-left: 80px;
}
UL#nav-top LI#about_us a {
	background: url('images/nav/top/up/about_us.png');
	width: 81px;
}
UL#nav-top LI#about_us a:hover, UL#nav-top LI#about_us a.current-page {
	background: url('images/nav/top/over/about_us.png');
}
UL#nav-top LI#career a {
	background: url('images/nav/top/up/career.png');
	width: 114px;
}
UL#nav-top LI#career a:hover, UL#nav-top LI#career a.current-page {
	background: url('images/nav/top/over/career.png');
}
UL#nav-top LI#contact_us a {
	background: url('images/nav/top/up/contact_us.png');
	width: 88px;
}
UL#nav-top LI#contact_us a:hover, UL#nav-top LI#contact_us a.current-page {
	background: url('images/nav/top/over/contact_us.png');
}
UL#nav-top LI#home a {
	background: url('images/nav/top/up/home.png');
	width: 56px;
}
UL#nav-top LI#home a:hover, UL#nav-top LI#home a.current-page {
	background: url('images/nav/top/over/home.png');
}
UL#nav-top LI#news a {
	background: url('images/nav/top/up/news.png');
	width: 119px;
}
UL#nav-top LI#news a:hover, UL#nav-top LI#news a.current-page {
	background: url('images/nav/top/over/news.png');
}
UL#nav-top LI#project a {
	background: url('images/nav/top/up/project.png');
	width: 150px;
}
UL#nav-top LI#project a:hover, UL#nav-top LI#project a.current-page {
	background: url('images/nav/top/over/project.png');
}


/*FOOTER CONTROLS */
p#footer {
	clear: left;
	text-align: center;
	font-size: 0.85em;
	letter-spacing: 0.105em;
	padding: 4px 4px 0px 4px; margin: 0;
}
p#footer a:link, div#footer a:visited {
	color: #174162;
	text-decoration: none;
}
p#footer a:hover {
	color: #174162;
	text-decoration: none;
}



/* project detail page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#projDetailContainer {text-align:left;}

div#projDetailContent p {line-height:1.4;}

/*div#projDetailExtra{background:#FF8539}*/

div#projDetailFooter{/*background: #333;color: #FFF*/}

div#projDetailFooter p{
	margin:0;
	padding:5px 10px
}

div#projDetailContainer{
	width:775px;
	margin:0; padding: 0;
}

div#projDetailContent{
	background: #fff;
	color: #333; 
	float:left;
	width:320px;
	text-align:right;
	line-spacing:10px;
}

div#projDetailNavigation {
	float:right;
	width:430px;
}

/*div#projDetailExtra{float:right;clear:right;width:200px}*/

div#projDetailFooter{
	clear:both;
	width:100%
}
/* Travis's test for project detail page text */


#projDetailTrav  {
	color:#888;
	word-spacing:4px;
	line-height:1em;
	text-align: right;
}
div#projDetailTitle {
	font-weight:bold;
}

/* used in project/events page */
div#projWrapper div#projContent div UL li {
	margin-bottom: 15px;
}
div#projWrapper div#projContent div UL li a {
	font-weight: normal;
}
div#eventsContainer h2 {
	clear: both;
	height: 37px;
	font-size:18px;
	font-weight:lighter;
	text-transform:uppercase;
	text-indent: -1000em;
	overflow: hidden; 
	cursor: pointer;
	margin: 0;
	padding: 0;
}
/* end events and begin project experience */
/* PROJECT PAGE LAYOUTS */

div#projContent p{
	line-height:1.4; width:100%;}
	
/*div#projExtra{background:#FF8539}*/

div#projFooter{/*background: #333;color: #FFF*/}

div#projFooter p {
	margin:0;
	padding:5px 10px
}

div#projContainer {
	width:775px;
	text-align:left;
	margin:0; padding: 0;
}

div#projContent {
	background: #fff;
	color: #333; 
	float:left;
	width:500px;
}

div#projNavigation {
/*	display: inline; position: absolute; 
	top: 70px; left: 491px; width: 978px; height: 250px;
	z-index: 1; text-align: left;
 
	float:right;
	width:240px;
	position:relative;
	top:-53px;
	left:1px;
	margin-bottom:-53px;
	z-index:100;	
*/
}

/*div#projExtra{float:right;clear:right;width:200px}*/

div#projFooter{clear:both;width:100%}

div#ProjectsContainer { width: 100%; /* nothing important here */ }
div#ProjectsContainer h1 { height: 65px;}

h3 
{
    height:20px;
    margin: 7px 0 0 0; 
    padding: 0; 
    line-height: 0;
    clear: left;
}

h4 
{
    height: 12px;
    margin: 0 0 0 25px; 
    padding:3px 0 0 0; 
    line-height: 0; 
    clear: left; 
}

h5
{ 
    height: 20px; 
    margin: 7px 0 0 0; 
    padding: 0; 
    line-height: 0; 
    clear: left; 
}

h6 
{
    height: 12px;
    margin: 0 0 0 25px; 
    padding:3px 0 0 0; 
    line-height: 0;
    clear: left;
}

.projectExp, a.projectExp:link, a.projectExp:visited, a.projectExp:hover, a.projectExp {
	text-decoration:none;
	padding:5px 0 0 30px;
	display: block;
	font-weight:bold;
}

a.projectExp:hover {
	text-decoration:none;
	padding:5px 0 0 30px;
	display: block;   
	font-weight:bold;
}

.projectExp span 
{
	display: block;   
	line-height: 1em;   
	margin: -0.5em 0; 
} 
.mylink 
{
	border: 1px solid #f00;   
	display: block;   
	padding: 50px 0;   
	text-align: center;   
	width: 100px;  
}

div#wrapper div UL {
	list-style: none;
	margin: 0 0 0 25px; padding: 0;
}
div#projWrapper div UL li {
	width: 220px;
	display: block;
	float: left;
	margin: 0; padding: 0;
	text-transform: uppercase;
}
div#projWrapper div UL li a:link {
	color: rgb(0,113,188);
	font-weight: normal;
}
div#projWrapper div UL li a:hover {
	color: rgb(24,80,118);
}



/*admin section */
#editarea {
	width:85px;
	display:inline; /*IE CSS Bug Fix*/
	background-color:#FF0000;
}
#fadeEdit {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1000;
	width: 100%;
	height: 2000px;
	background-color:#EEEEEE;
	visibility:hidden;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
}
iframe#editContent_window {
	border:2px solid #000000;
	background-color:#C0C0C0;
	position:absolute;
	top:125px;
	left:325px;
	margin-top:105px;
	margin-left:425px;
	width:600px;
	height:500px;
	z-index:1010;
	margin:0;
	visibility:hidden;
}

#gp { cursor: help; }