/*
	CSS styles for header specific elements
*/

html{
/*height: 100%;*/
}

body{
	background-image:url(/img/body/background_grad.jpg);
	background-color:#d6d6d6;
	margin:50px 0;
	background-repeat: repeat-x;
	background-position: top;
	text-align:center;
	/*height: 100%;*/
}

#container{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	/*height:100%;*/
}

body,p,ul,ol,dl,h1,h2,h3{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

/* enroll, contact, search bar	*/
.utilitybar {
	background-color:#669999;
	width:800px;
	/* height:18px; */
	height: 27px;
	margin:0;
	padding:0;
	border:0;
	font-size:11px;
	font-weight:bold;
	font-family:Interstate, "Trebuchet MS", Verdana, Arial, sans-serif;
	text-align:left;
	color:#fff;
}
.utilitybar .enrollcontactlinks {
	float:left;
	padding:5px 0 0 0;
	margin:0;
	vertical-align:middle;
}
.utilitybar .rightinfo {
	float:right;
	padding:5px 5px 0 0;
	margin:0;
	font-weight:normal;
	vertical-align:middle;
}
.utilitybar form{
	padding:0 2px;
	margin:0;
}
.utilitybar a{
	color:#fff;
	text-decoration:none;
	padding: 0 0 0 20px;
	white-space:nowrap;
}
.utilitybar a:hover{
	color:#FFE5A8;
}
.utilitybar span{
	padding: 0 0 0 20px;
}


.utilitybar #searchbox {
	float:right;
}

.utilitybar #searchbox .searchtxtbox {
	border:1px solid #ccc;
	height:12px;
	width:100px;
	font-size:10px;
}
.utilitybar #searchbox .searchbutton {
	border:0;
	height:16px;
	width:20px;
	background-color:#FABF57;
	font-size:10px;
	font-weight:bold;
	color:#fff;
	font-family:Interstate, "Trebuchet MS", Verdana, Arial, sans-serif;
}


#footerbar{
	border:5px solid #000;
	text-align:center;
	bottom:0;
}



/*	navigation section	*/
#navigation{
	width:800px;
	height:78px;
	padding:0;
	margin:3px 0 0 0;
	position:relative;
}

.hp_navigation{
	background-image: url(/img/header/homepage_grad_bg.jpg);
}

.sp_navigation{
	background-image: url(/img/header/grad_bg.jpg);
	/*Tim -- let's pust secondar navigation in from right and not left*/
	text-align:center;
}


#navigation #logo {
	float:left;
	padding:0;
	margin:0;
}


/*	5 button menu across top	*/
#navigation #tabbedheader {
	width:650px;
	text-align:center;
	float:right;
}
#navigation #tabbedheader ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#navigation #tabbedheader li {
	margin: 0px;
	padding: 0px;
	float:left;
	width:130px;
	height:36px;
}
#navigation #tabbedheader a{
	display:block;
}



/*

Tim -- commented all this out, not used.

#accounttripfinderlinks {
	float:right;
	text-align:left;
}


#accounttripfinderlinks ul {
	list-style-type:none;
	margin:5px 0 0 0;
	padding:0;
}
#accounttripfinderlinks li {
	margin:15px 0 5px 0;
	padding:0;
}
#accounttripfinderlinks li img{
	margin:0;
	padding:0 5px 0 0;
	border:0;
}
#accounttripfinderlinks a {
	text-decoration:none;
}





legacy style
#secondarynavigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #339999;
	width: 300px;
	text-align: center;
	left: 265px;
}


This is Jeff's old code
#secondarynavigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #339999;
	width: 350px;
	text-align: center;
	padding-right: 100px;
	padding-top: 5px;
	left: 265px;
}


This is Tim's code, works in FF, test in IE
*/

#secondarynavigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #399;
	text-align: center;
	width: 520px; 
	padding:5px 0 0 0;
	margin:0 100px 0 0;
	/*border to see what it looks like, remove when done 
	border:1px solid #000;*/
}

#secondarynavigation .menucontainer {
	position:absolute;
	width: 520px;
	left:150px;
	right: 130px;
	top:43px;
	visibility:hidden;
}

#secondarynavigation .sp_menucontainer {
	position:absolute;
	width: 520px;
	left:150px;
	right: 130px;
	top:43px;
}

#secondarynavigation a:link, #secondarynavigation a:visited{
	text-decoration:none;
	color:#399;
	white-space:nowrap;
}
#secondarynavigation a:hover{
	text-decoration:underline;
	/*Tim - removed color and white space, inherit from parent class*/
}