﻿/* CSS Document */


* { margin: 0; padding: 0; }  /* IMPORTANT!!!! Resets browser's default margin and padding values, which can 
								differ from browser to browser. This aids in dealing with the minor cross browser 
								differences caused by varying default values for these properties.  This allows 
								for a layout to look consistent in different browsers. */

.mir { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE \*/
html>body .mir { letter-spacing: normal; text-indent: -999em; overflow: hidden; }
/* End of hack */

.hide, .hidetext,  
span {
	position: relative;
	left: -9999px;
	font-size: 0;
}
.hidetext { position: absolute; }

img {
	/*display: block;*/
	border: 0;
}

.inline { display: inline; }

.clear { clear: both; }

body {
		font: 12px Arial, Helvetica, sans-serif;
		//background: #ECECE8;
		background:#F5F5F3;
		text-align: center;
		margin:0;
		padding:0;
		height: 100%;

}

#navlist {

	font: 11px Arial, Helvetica, sans-serif;

}
/******* LAYOUT *********************/

#top {
	//background: #ECECE8;
	background:#F5F5F3;
	height: 18px;
	width: 760px;
	z-index: 2;
}

#container{
	position: relative;
	margin: 0 auto;
	padding: 0 auto;
	text-align: left;
	/*margin-top:18px;*/
	width: 760px;
	background-color: #FFFFFF;
	z-index: 1;
}

#bottom {
	clear: both;
	margin: 0 auto;
	width: 760px;
	height: 10px;
	font-size: 7px;/* Stupid ie6 box height bug*/ 
	z-index: 3;
	background-color: #FFFFFF;
}

#footer {
	position: absolute;
	left: 50%;
	width: 760px;
	height: 22px;
	margin: 5px 0 0 -380px;
	z-index: 3;
	background-color: #DEDEDF;
}

#footer_tip_left {
	float: left;
	background: url("../images/footer_tip_left.gif") no-repeat;
	width: 7px;
	height: 22px;
}


#footer_tip_right {
	float: right;
	width: 7px;
	height: 22px;
	background: url("../images/footer_tip_right.gif") no-repeat;
}

#search_area{
	position: absolute;
	left: 50%;
	top: 44px; 
	margin: 0 0 0 173px;
	width: 225px;
	height: 22px;
}

#button_pos {
	position: absolute;
	left: 50%;
	top: 0px; 
	margin: 1px 0 0 32px;
	width: 31px;
	height: 18px;
}

.bg {
	height:100%;
	background:#ECECE8;
	border-left:5px solid white;
	border-right:5px solid white;
}

/*.inner > .centerBG { border-bottom:1px solid transparent; }*/
.outer > .inner { border-bottom: 1px solid transparent; }

body.home_page .outer{
	/*border-left:250px solid #ECECE8;*/
	border-right:200px solid #ECECE8;
	margin-top: 278px;  
	margin-left: 14px;
	width: 360px;
}

.outer {
	margin: 0 auto;
	border-left: 170px solid #ECECE8;
	margin-top: 188px;  
	margin-left: 14px;
	width: 574px;
}

.clear { clear: both; }

#left_sm_stripe {
	position: absolute;
	left: 50%;
	background-color: #FFFFFF;
	margin: 0px 0 0 -380px;
	width: 14px;
	height: 59px;
	
}

body.home_page #left_sm_stripe {
	height: 56px;
}

#rt_sm_stripe {
	position: absolute;
	left: 50%;
	margin: 0 0 0 366px;
	background-color: #FFFFFF;
	width: 14px;
	height: 53px;
}

body.home_page #rt_sm_stripe {
	height: 56px;
}

#title_color_block {
	position: absolute;
	left: 50%;
	margin: 0px 0 0 -366px;
	background-color: #CCCCCC;
	width: 170px;
	height: 53px;
}

body.home_page #title_color_block{
	width: 170px;
	height: 56px;
}

body.home_page #left_lng_stripe{
	/*width: 14px;*/	
	height: 210px;
	margin: 56px 0 0 -380px;
}

body.home_page #rt_lng_stripe{
	height: 210px;
	margin: 56px 0 0 366px;
}

#left_lng_stripe {
	position: absolute;
	left: 50%;
	background-color: #FFFFFF;
	margin: 53px 0 0 -380px;
	width: 14px;
	height: 126px;
}

#rt_lng_stripe {
	position: absolute;
	left: 50%;
	margin: 53px 0 0 366px;
	background-color: #FFFFFF;
	width: 14px;
	height: 126px;
	z-index: 25;
}

body.home_page #bar{
	top: 74px;
	height: 210px;
}

#bar {
	position: absolute;
	left: 0;
	height: 126px;	
	background-color: #9595E4;
	top: 71px;
	width: 100%;
}

#menu_bkgrnd {
	position: absolute;
	left: 50%;
	background-color: #E0E0E0;
	margin: 53px 0 0 -367px;
	width: 733px;
	height: 16px;
	border: 1px solid #666666;
}

body.home_page #menu_bkgrnd {
	margin: 56px 0 0 -367px;
}

#menu{
	position: absolute;
	left: 50%;
	margin: 53px 0 0 -367px;
	width: 733px;
	height: 18px;	
	/*background-color: #000000;*/

}

body.home_page #menu{
	margin: 56px 10px 0 -367px;
}


/****images *****/

#lead_menubox{
	width: 170px;
	height:18px;
	background-color:#cccccc;
	border-bottom: 1px solid #ffffff;
}

body.home_page #lead_menubox{
	width: 170px;
	height:45px;
}

#bkgrnd_menubox {
	width: 170px;
	/* height: 120px;*/
	background-color:#cccccc;

}

body.home_page #bkgrnd_menubox{
	width: 170px;
	background-color:#cccccc;
}

body.home_page #menu_end{
	background: url("../images/menu_tip.gif") no-repeat;
	width: 170px;
	height: 29px;		
}

#menu_end {
	float: left;
	background: url("../images/menu_tip.gif") no-repeat;
	width: 170px;
	height: 29px;	
}

.main_image {
	/*background: url("main.jpg") no-repeat;*/
	position: absolute;
	left: 50%;
	top: 75px;
	margin: 14px 0 0 -366px;
	width:  732px;
	height: 108px;
}
.side_image{
	position: absolute;
	left: 50%;
	top: 113px;
	margin: 0 0 0 158px;
	width:  220px;
	height: 177px;
	/*border-left: 1px solid #FFFFFF;*/
}

.left_image{
	float: left;
	margin: 0px 10px 5px 0px;
}

.right_image{
	float: right;
	margin: 0px 0px 5px 10px;
}

.left_image_w_border{
	float: left;
	border: 1px solid black;
	margin: 0px 10px 5px 0px;
}

.right_image_w_border{
	float: right;
	border: 1px solid black;
	margin: 0px 0px 5px 10px;
}

.facstaff_image{
	float: left;
	width:  60px;
	height: 75px;
}

body.web_page_2_col body.web_page_3_col .main_image {
	top: 113px;
	margin: -24px 0 0 -366px;
	width: 732px;
	height: 108px;
}

body.home_page .main_image {
	top: 116px;
	margin: -24px 0 0 -366px;
	width: 732px;
	height: 192px;
}

.dest_image{
	background: url("../images/destinations.gif") no-repeat;
	position: absolute;
	left: 50%;
	top: 318px; 
	margin: 0 0 0 -358px;
	width: 90px;
	height: 11px;
	/*z-index: 7;*/
}

.news_image {
	background: url("../images/news.gif") no-repeat;
	position: absolute;
	left: 50%;
	top: 318px;  
	margin: 0 0 0 -135px;
	width: 45px;
	height: 11px;
	/*z-index: 28;*/
}

.events_image {
	background: url("../images/events.gif") no-repeat;
	position: absolute;
	left: 50%;
	top: 318px;  
	margin: 0 0 0 180px;
	width: 53px;
	height: 11px;
	/*z-index: 28;*/
}

.image{
	/*border: 1px solid #000000;*/
	padding: 0px 10px 5px 0px;
	float: left;
}

.left_image_portrait{
   float: left;
    margin: 0px 20px 5px 0px;
}

/*
#search{
	position: absolute;
	left: 50%;
	top: 6px; 
	margin: 0 0 0 -209px;
	width: 44px;
	height: 11px;
}
*/
#search_text{
	position: absolute;
	font-size: 13px;
	left: 50%;
	top: 4px; 
	margin: -2px 0 0 -188px;
	width: 84px;
	height: 18px;
}

/****** Header Info ****/

/*\*/#header { float: left; }/**/

#header a {
	position: absolute;
	left: 50%;
	z-index: 4;

}
/*
body.home_page #header a {
	top: 8px;
	margin: 0 0 0 -378px;
}
*/
body.home_page #header a, body.web_page_2_col #header a, body.web_page_3_col #header a {
	top: 38px;
	margin: 0 0 0 -357px;
}

/*
body.home_page #banner {
	background: url("../images/main.jpg") no-repeat;
	top: 7px;
	margin: 0 0 0 -154px;
	width: 532px;
	height: 122px;
}
*/

/***** Navigation ******/

#top_links{
	position: absolute;
	left: 50%;
	top: 25px; 
	margin: 0 0 0 149px;
	color: #000000; 
	display:block;
	font-size: 11px;
	z-index:5;
}

a.top_link {
	background: transparent;
	text-decoration:none;
	letter-spacing: .02cm ; 
	color:#000000;
}

a.bottom_link {
	background: transparent;
	text-decoration:none;#
	letter-spacing: .02cm ; 
	color:#213c69;
}


a, a.links {
	background: transparent;
	text-decoration:none; 
	color:#213c69;
}

a:hover, a:focus{
text-decoration: underline; color: #213c69;
}

body.home_page a.nav{
	width:138px;
  	\width:185px; 
	 w\idth:138px; 
   	padding: 1px 2px 2px 30px;  
}

a.nav {
 	background: #CCCCCC;
	font-size:1em;  
	text-decoration:none; 
	letter-spacing: .02cm ;
	line-height:1.72em;
	color:#213c69;
   	padding: 1px 2px 2px 40px; 
   	margin:0; 
   	width:170px;
  	\width:217px; 
   	w\idth:170px;  
   	display:block;
   	border-bottom:1px solid #fff;
}

a.home_page_menu {
 	background: transparent;
	font-size:1em;  
	text-decoration:none; 
	letter-spacing: .02cm ;
	line-height:1.2em;
	color:#213c69;
   padding: 1px 2px 2px ; 
   margin:0; 
   width:182px;
   \width:231px; 
   w\idth:182px;  
   display:block;
}

a.top_link:hover, a.top_link:focus, a.bottom_link:hover, a.bottom_link:focus{
text-decoration: underline; color: #000000;
}

a.home_page_menu:hover, a.home_page_menu:focus, a.hp_links:hover, a.hp_links:focus, a.links:hover, a.links:focus, a.bottom_link:hover, a.bottom_link:focus{text-decoration: underline; color: #213c69;
}
   
body.web_page_2_col a.nav, body.web_page_3_col a.nav {
	margin: 0 auto;
	padding: 3px 1px 2px  22px;
	width: 147px;
   	\width:174px; 
   	w\idth:147px;  

}  

a.nav:hover, a.nav:active { background: #FFFFFF; color: #213c69; text-decoration:none; }

a.menu {
	text-decoration:none; 
	background: transparent;
	color:#ffffff;
}

a.home_page_links{
		text-decoration:none;
		color: #213c69;
}

a.quicklinks{
	text-decoration: underline;
	color: #213c69;
}


a.email{
	text-decoration: underline;
}

a.dir{
	text-decoration: underline;
}

#blue_nav_bar{
	position: absolute;
	left: 50%;
	background-color: #ECECE8;
	margin: 0 0 0 -366px;
	/*height: 59%;*/
	width: 174px;
	overflow: auto;
	z-index: 3;
	

}

/* Start Holly Hack, hidden from MacIE. \*/
* html #navigation ul li {
height: 1%;
}
/* End Holly Hack. */

#navigation {
position: relative;
	
margin: auto auto 0px auto;
font-size: 1em;
z-index: 1;
}

#navigation ul {
list-style-type: none;
text-align: center;
margin: 0px;
padding: 0px;
font-size: 11px;
z-index: 2;
}

#navigation li {
display: inline;
height:1.5em;
text-align: center;
padding-right: 4px;
padding-left: 4px;

}

#navigation li a {

color: #000;
text-decoration: none;
}

#navigation li a:hover, #navigation li a#current {
background-color: #FFFFFF;
}
/*****Content Area****/

#first_col {
	float: left;
	position: relative;
	width: 174px;
	margin-left: -170px;
}

body.home_page #first_col{
	width: 170px;
	margin-left: -174px;

}

body.home_page #content{
	width: 320px;
	\width: 367px;
	w\idth: 320px;	
	padding: 0 15px 5px 15px;
}	

#content {
	float: left;
	position: relative;
	width: 365px;
	\width: 412px;
	w\idth: 365px;	
	padding: 0 15px 5px 15px;
}

body.web_page_2_col #content{
	width: 521px;
	\width: 577px;
	w\idth: 521px;	
}

#rt_content {
float: left;
	position: relative;
	width: 170px;	
}

body.home_page #rt_content {
	float: left;
	position: relative;
	width: 170px;
	margin: 0 -255px 0 5px;	
	padding: 0 15px 5px 15px;
}

/*
#main {
	margin: 0 auto;
	overflow: hidden;
	width: 760px;
		
}	
	
#main { margin: 320px 0 0 0px; }
*/

body.web_page_2_col #main , body.web_page_3_col #main {
	margin: 188px 0 0 14px; 
	width: 745px;
}

#catalog_left{
float: left;
	margin-left: 0px;
	/*height: 81px;*/
	width: 168px;	
	padding: 3px 0 10px;	
}

#catalog_right{
	float: left;
	margin-left: 0px;
	/*height: 81px;*/
	width:160px;	
	padding: 3px 0 10px;	
}

#pict_left{
float: left;
	margin-left: 0px;
	/*height: 81px;*/
	width: 68px;	
	padding: 3px 0 10px;	
}

#description_right{
	float: left;
	margin-left: 0px;
	/*height: 81px;*/
	width:268px;	
	padding: 3px 0 10px;	
}


/****** Tables *************/

table.facstaff {
	border-width: 0px 0px 0px 0px;
	border-spacing: 2px 2px;
	border-style: outset outset outset outset;
	border-collapse: separate;
}

table.facstaff th {
	border-width: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.facstaff td {
	border-width: 0px 0px 0px 0px;
	padding: 8px 6px 8px 10px;
	vertical-align: top;
	border-style: inset inset inset inset;
	-moz-border-radius: 0px 0px 0px 0px;
	font-size: .8em;
	color: #555555;

}

/****** Typography *********/

h1 { font: normal 11px "Arial Narrow", arial, sans-serif; }
h2 { font: normal 19px Georgia, serif; color: #213c69; letter-spacing: .02cm}
h3 { font: bold 13px/13px tahoma, "Arial Narrow", arial, tahoma, sans-serif; padding: 0 0 8px 0; color: #213c69; letter-spacing: .02cm}
h4 { font: bold 12px Verdana, "Arial Narrow", arial, sans-serif; padding: 0 0 5px 0; color: #666666; letter-spacing: .01cm ;}

h2 { padding: 0 0 10px; }

body.web_page_2_col h1, body.web_page_3_col h1{
	font: normal Verdana, "Arial Narrow", arial, sans-serif;
	letter-spacing: .06em;
	padding: 4px 0 0  22px;
	color: #ffffff;
}

p, label, td, ul, ol {
	font: normal Verdana, arial, sans-serif;
	color: #333000;
	letter-spacing: .0font2cm ;
	line-height: 1.6em;
	}

p, label {
	padding: 0 0 14px 0;
}

body.home_page p{
	font: normal Verdana, arial, sans-serif;
	font-size: 11px;
	color: #333000;
	letter-spacing: .02cm ;
	line-height: 1.3em;
	padding: 2px;
}

.sidetext{
	padding: 5px 10px 0px 0px;
	line-height:1.5em;
}

.hp_spacing{
	padding: 0 0 0 0;
	line-height:1.5em;
}

.news, .destinations, .events{
	/*font: bold Verdana, arial, sans-serif;*/
	font: bold 14px Verdana, arial, sans-serif;
	color: #666666;
	letter-spacing: .01cm ;
	padding: 12px 0 10px 0;
}

.destinations{
	color: #FFFFFF;
	padding: 12px 0 0 15px;
}

.news_arrow, .dest_arrow{

}

.border_font{
	margin: 0; padding: 0;
	font: normal  Verdana, arial, sans-serif;
	color: #000000;
	font-size: 10px;
	padding: 4px 0 0 0;
}

.rt_column_font{
	letter-spacing: 0cm ;
	padding: 14px 0 15px 0;
}

/*** Lists ******/

.news_list{
	list-style-type: none; 
}
ul{ 
	list-style-type: diamond; }

ol { list-style-type: decimal } 
ol ol { list-style-type: lower-roman }

ul, ol, ol ol{
	padding: 0 0 0 30px;	
}

/**forms**/

body.web_page_2_col input, body.web_page_2_col textarea { border: 1px solid #666666; }

input#search, body.web_page_3_col input#search {width: 140px; }
input#searchbutton { padding: 0px 0px 0px 8px; border:none;}

fieldset { border: 0; }

input { padding: 1px 2px;}

input#search { 
	border: 1px solid #666666; 
	height: 15px;
	width: 140px; 
}

select > option { padding: 0 5px 0 3px;}

label {
	display: block;
	padding: 0 0 10px;
}

font.validate{
	color: #CC3333;
}



#t{


}


