/*
---| GLOBAL |---------------------------------------------------------------------------------------------------------------
*/
html, body {
	height: 100%;
	min-height: 100%;
			}
*{
	margin: 0;
	padding: 0;
}

body {
    font: normal 11px/1.5em Arial, Tahoma, Verdana, Helvetica, sans-serif;
	background: #FFF url(../img/bg.gif) 0 0 scroll repeat;
	line-height:14px;
	background-color: #FFF;
	color: #333;
	text-align: left; 
}

table, td, tr {
	font: normal 11px/1.5em Tahoma, Verdana;
}

p {
	margin: 0px 0px 16px 0px;
	padding: 0px;
}

img{
	display:block;
	border: 0;
}

h1 {
	font-size: 19px;
	color: #00cce4;
    padding:0px 0 8px 0;
}
h2 {
	font-size: 12px;
	color: #00cce4;
    padding:0px 0 0px 0;
}
h3 {
    /*font: normal 11px/1.5em "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 14px;
	font-weight:bold;
	color: #00cce4;
    padding:0px 0 10px 0;
}
.float {
	float: left;
}
textarea, input {
	color:#333;
	 border: 1px solid #00cce4;
}
a, a:link, a:visited {
	color: #00cce4;
	text-decoration: underline;
}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}
noscript {
	display:block;
	border: 1px solid #FF0000;
	padding: 3px;
	color: #000000;
	background-color: #FFC1C1;
	margin-bottom: 10px;
}
/*
==| POSITIONING |===========================================================

---| CONTAINER |--------------------------------------------------------------------------------------------------
*/
#container {
	width: 980px;
	/*min-height: 100%;
	height: 100%;*/
	margin: 25px 0 10px 25px;
	padding: 10px 0 10px 0;
	text-align: left;
	background: #FFF url(../img/background/Kane2008023.jpg) 0 0 scroll no-repeat;
	min-height:600px;
}
		
/*
---| HEADER |---------------------------------------------------------------------------------------------------------------
*/
#header {
	width: 926px;
	height: 127px;
	text-align: left;
	position: relative;
	left: 20px;
	background: url(../img/logorotate.png) no-repeat 0 0; 
}

#login {
	width: 862px;
	height: 33px;
	margin-bottom: 34px;
	padding:  0px 36px 0px 36px;
	color: #FFF;
	text-align: left;
	background: #666 url(../img/login_strip.jpg) 0 0 scroll no-repeat;
}
#login .fields{
	width: 120px;
	height: 14px;
}
#login #submit{
}
#login .text{
	color: #FFF;
	padding-right: 12px;
}
#login .text a{
	color: #FFF;
}
#login .forgot{
	color:#999;
}
#login .forgot a{
	color:#999;
}

#header-banner{
	float:right;
}

#side-banner{
	margin-bottom:5px;
}

/*
---| Left Column |----------------------------------------------------------------------------------------------------
*/

#left {
	width: 175px;
	position: relative;
	left: 20px;
	float: left;
}
#left p{
	margin: 0 0 4px 0;
}

#nav{
	
}

#nav ul{
	font-weight:bold;
	list-style: none;
	width:100%;
}

#nav ul li{
	background:#FFFFFF;
	margin:0 0 1px 0;
	padding:0px 0;
}

#nav ul li a:hover{
	color:#ffffff;
	background:#00cce4;
}

#nav ul li a{
	text-decoration:none;
	display:block;
	padding:1px 0 1px 11px;
}

#second_nav{
	margin:20px 0 0 0;
}

#nav .links_nav{
	margin:20px 0 0 0;
}

#nav .links_nav li{
	margin:5px 0 0 0;
}

#nav .links_nav li a{
	padding:0px;
}

#nav .links_nav li a img{
	margin: 0 auto;
}

#nav .links_nav li a:hover{
	color:#ffffff;
	background:#fff;
}

.grey{
	font-color:#333;
}

.italic{
	font-style: italic;
}

.text-padding{
	padding:5px;
}



/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */	


/*
---| Middle Column |----------------------------------------------------------------------------------------------------
*/
#middle {
	width: 522px;
	position: relative;
	left: 41px;
	float: left;
	text-align: left;
	padding: 8px 11px 50px 11px;
	background:#FFFFFF;
}
.title_hd {
	margin-bottom: 25px;
}

.display_image{
	border:1px solid #ccc;
	padding:10px;
	margin-bottom:10px;
}

.small_display_image{
	border:1px solid #ccc;
	padding:10px;
	margin:0 10px 10px 0;
	float:left;
}

/*
---| Right Column |--------------------------------------------------------------------------------------------------
*/

#right {
	width: 175px; 
	float: left;
	position: relative;
	left: 52px;
}

.Forecast3Day{
	width: 166px; 
	background:#FFFFFF;
	padding:6px 11px;
	margin-bottom:8px;
}

.News{
	width: 165px; 
	background:#FFFFFF;
	padding:6px 5px;
	margin-bottom:8px;
}

#right .title {
	color: #d1974c;
	padding:0 0 6px 0;
	/*font-size: 12px;*/
}
#right .title a{
	text-decoration: underline;
	color: #00cce4;
	/*font-size: 12px;*/
}
#right .title a:link, right .title a:visited{
	text-decoration: underline;
	color: #00cce4;
	/*font-size: 12px;*/
}
#right .title a:hover, right .title a:active{
	text-decoration: underline;
	color: #00cce4;
	/*font-size: 12px;*/
}
#right p{
	margin: 0 0 0px 0;
}
#right .date{
	margin: 0 0 0px 0;
	color: #666;
}
#right .story {
	margin: 0 0 0px 0;
}
.read_more{
	padding:0 0 5px 0;
	border-bottom:thin dotted #999;
}

.newsItem{
	margin:0px 0 0 0; 
	padding:0px 0px 5px 0px;
	
}	

/*
---| FOOTER |------------------------------------------------------------------------------------------------------
*/

#footer {
	position:relative;
	top:45px;
	clear: both;
	margin: 0;
	text-align: left;
	color: #666;
}

/*
---| TYPOGRAPHY |--------------------------------------------------------------------------------------------------
*/

.bold{
	font-weight:bold;
}

#Grade_Display{
	padding:0px 0 30px 0;
	border: 0px solid #000000;
}

#Grade_Display p{
	width:162px;
}

#Grade_Display score{
	padding:0px 0 0 00px;
}

user_grades_table{
	border: 0px solid;
	padding: 0px;
	border-spacing: 0px;

}

#paperTable td, th{
	padding:2px 3px;
}

tr.options_heading {
	background: #63070A;
	color: #ffffff;
}

tr.options {
	/*cursor: pointer;*/
	background: #f1f1f1;
	color: #595965;
}

#logged-in-nav{
padding:0px 0 20px 0;
}


#user_details{
padding:0px;
}
#label{
color:#999999;
font-weight:bold;
width:100px;
padding:5px 0 5px 0;
}

/*
Search Results
*/
.searchResults{
padding: 0 0 5px 0;
border-top: 1px dashed #D1974C;
}
.searchResult{
padding: 5px 0 5px 0;
border-bottom: 1px dashed #D1974C;
}
.searchResult table{
width:100%;
}
.searchResult table tr .label{
	text-align: right;
	font-weight:bold;
	color:#999999;
}
.searchLink{
	text-align: right;
	text-decoration:none;
	color:#ff0000;
}

.searchPagination{
	text-align:right;
	padding: 0 0 50px 0;
}

.DisplayScore{
	text-align:center;
	font-size:22px;
	background:#cccccc;
	height:30px;
	padding:8px 0 0 0;
}


/*
---| GALLERY DIV POPUP |--------------------------------------------------------------------------------------------------
*/
#gallery{
	margin:0 0 0 -11px;
}

.thumbnail:hover, .thumbnail_right:hover{
	border:thin solid #00cce4;
}

.thumbnail{
	border:thin solid #ccc;
	float:left;
	height:91px;
	margin:0 0px 13px 13px;
}

.thumbnail_right{
	border:thin solid #ccc;
	float:left;
	height:139px;
	margin:0 0 40px 0;
}

.thumbnail img, .thumbnail_right img{
	padding:8px 8px 20px 8px;
}

/*
--------------------------------------------
*/
.rate_table{
	border:solid 0px #ccc;
	padding:0px;
	margin:10px 0 20px 0;
}

.rate_table .left, .rate_table .right, .rate_table .middle{
	padding-bottom:10px;
}

.rate_table .left{
	clear:both;
	width:50%;
	float:left;
	
}

.rate_table .middle{
	width:20%;
	float:left;
	text-align: right;
	padding-right:10px;
}

.rate_table .right{
	float:left;
	padding-left:10px;
}

.rate_table .rates-footer{
	clear:both;
	font-weight:bold;
}

.hotel{
	border:solid 1px #cccccc;
	
	padding:10px 10px 10px 10px;
	margin:0 0 20px 0;
}

.hotel_name{
	font-size: 14px;
	font-weight:bold;
	color: #00cce4;
	padding-top:10px;
	width:100%;
	padding:0px 0 10px 0;
}

.hotel_thumb{
	float:left;
	width:150px;
	padding:0 10px 0 0;
}

.hotel_thumb a:hover{
	border-right:solid 6px #00cce4;
float:left;
	width:150px;
}
.hotel_description{
	float:left;
	width:340px;
}
.hotel_table{
width:100%;
margin-top:11px;
border-top:dotted 1px #cccccc;
	padding-top:3px;
	clear:left;
}
.hotel_table_description{
	width:350px;
}
/*
.hotel_rate_table{

	border:solid 1px #ccc;
	padding:0px;
	margin:0px 0 0px 0;
}

.hotel_rate_table .left, .hotel_rate_table .right{
	padding-bottom:0px;
}

.hotel_rate_table .left_title{
	font-size: 14px;
	font-weight:bold;
	color: #00cce4;
	padding-top:10px;
	clear:both;
	width:100%;
	padding:10px 0 0px 0;
}	

.hotel_rate_table .left_thumb{
	clear:both;
	width:120px;
	float:left;
	display:none;
}

.hotel_rate_table .left{
	clear:both;
	width:50%;
	float:left;
}

.hotel_rate_table .right_description{
	float:left;
	width:392px;
	padding-bottom:10px;
}

.hotel_rate_table .right{
	float:left;
	padding-left:10px;
}

.hotel_rate_table .rates-footer{
	clear:both;
	font-weight:bold;
	padding:20px 0 0 0;
}
*/
/*
---|CLEAR FIX |--------------------------------------------------------------------------------------------------
*/

.clearfix:after {

display:block; 

visibility:hidden; 

clear:both; 

height:0; 

content: "."; 

}

.clearfix {

display:inline-block;

}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */