<STYLE type="text/css">

.header {font-family:"Arial", "Helvetica", sans-serif; font-size:19px; color:white; margin-bottom:2px;}
.tagline {font-family:"Arial", "Helvetica", sans-serif; font-size:12px; color:white; margin-top:2px; margin-bottom:0px; text-align:center;}
.normal_white {font-family:"Arial", "Helvetica", sans-serif; font-size:12px; margin:4px; color:#FFFFFF;}
.normal_large_white {font-family:"Arial", "Helvetica", sans-serif; font-size:14px; margin:2px; color:#FFFFFF;}
.normal_blue {font-family:"Arial", "Helvetica", sans-serif; font-size:12px; color:#052B7C;}
.normal_blue_small {font-family:"Arial", "Helvetica", sans-serif; font-size:11px; color:#052B7C;}
.normal {font-family:"Arial", "Helvetica", sans-serif; font-size:11px; colorname:black;}
.normal_small_white {font-family:"Arial", "Helvetica", sans-serif; font-size:11px; color:white;}

.row_color {font-family:"Arial", "Helvetica", sans-serif; font-size:12px; color:#052B7C; background-color:#edf3ff; padding:6px;}
.row_white {font-family:"Arial", "Helvetica", sans-serif; font-size:12px; color:#052B7C; background-color:#ffffff; padding:6px;}

a.nav_white {TEXT-DECORATION:none; color:#FFFFFF;}

b.rtop, b.rbottom{display:block;background: #01287A}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #FFFFFF}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

div.fieldbox {border:1px solid #AE3B60;padding: 0 10px 10px 10px;margin-top:10px;}
h3.pseudo-legend {display:inline;padding:5px;height:20px;position:relative;z-index:101;top:-12px;background-color:#fff;color:#AE3B60;}


/*
	*	The rules for navigation start here. 
	*	Heavily inspired by the following articles:
	*		http://www.alistapart.com/articles/slidingdoors/
	*		http://www.alistapart.com/articles/mountaintop/
	*		http://www.alistapart.com/articles/sprites/ 66CCFF
	*/
		#header {
			float:left;
			width:100%;
			background:#66CCFF;
			padding:0;
			font-size:0.8em;
			line-height:normal;
		}
		#header ul {
			margin:0;
			padding:10px 0 0 10px;
			list-style:none;
		}
		#header li {
			display:inline;
			margin:0;
			padding:0;
		}
	/*
	*	For the next two rules:	
	*	1. A single image is used for the two doors, rather than one.
	*	2. Ascetically, the 'font-weight:bold' was removed to closely mimic the www.digital-web.com tabs.
	*	3. The padding was modified for personal preference.
	*/
	#header a {
		float:left;
		background:#E7F1F8 url("../img/sliding-doors-mountaintops-2.png") no-repeat left top;
		padding:0 0 0 9px;
		text-decoration:none;
		color:#000;
	}
	#header a span {
		float:left;
		display:block;
		background:#E7F1F8 url("../img/sliding-doors-mountaintops-2.png") no-repeat right top;
		padding:4px 15px 3px 6px;
	}
	/* E7F1F8 Commented Backslash Hack hides rule from IE5-Mac \*/
	#header a span {float:none;}
	/* End IE5-Mac hack */

	/*
	*	1. At this point many things are simplified. The hover and background colors are set,
	*	and no positions are used because we aren't swapping images
	*	2. 'padding-bottom:4px;' on the current span pushes that tab 1px higher than the others, 
	*	exposing 1px of the background color of #header and giving the effect of an underline.
	*/
	
	#header #current a span {
		padding-bottom:4px;
	}
	#header a:hover, #header a:hover span {
		background-color:#E4F1BC;
		color:#000;
	}
	#header #current a span, #header #current a {
		background-color:#fff;
	}

 .normal_single {font-family:"Verdana", "Arial", "Helvetica", sans-serif; font-size:12px; colorname:black;margin:2px;}
 .normal_single_topspace {font-family:"Verdana", "Arial", "Helvetica", sans-serif; font-size:12px; colorname:black;margin-bottom:2px;margin-top:6px;}
 .normal_single_space {font-family:"Verdana", "Arial", "Helvetica", sans-serif; font-size:12px; colorname:black;margin-top:14px;margin-bottom:10px;}
 .normal_small {font-family:"Verdana", "Arial", "Helvetica", sans-serif; font-size:10px; colorname:black;}
 .normal_bottom {font-family:"Verdana", "Arial", "Helvetica", sans-serif; font-size:10px; color:#939CB0;}
 .normal_small_white {font-family:"Verdana", "Arial", "Helvetica", sans-serif; font-size:10px; color:#FFFFFF;}
 .normal_small_single {font-family:"Verdana", "Arial", "Helvetica", sans-serif; font-size:10px; colorname:black;margin:2px;}
 .normal_small_single_topspace {font-family:"Verdana", "Arial", "Helvetica", sans-serif; font-size:10px; colorname:black;margin-bottom:2px;margin-top:4px;}
 .normal_big_single {font-family:"Verdana", "Arial", "Helvetica", sans-serif; font-size:15px; colorname:black;margin:2px;}
 .normal_verysmall {font-family:"Verdana", "Arial", "Helvetica", sans-serif; font-size:6px; colorname:black; margin:0px;}
 .small_tag {font-family:"Verdana", "Arial", "Helvetica", sans-serif; font-size:10px; color:#00FF00;}
 p.rightcolumn {font-family:"MS Sans Serif","Geneva",sans-serif; font-size:10px; margin-bottom:0px; color:#3C3C3C;}
 h1 {font-family:"Verdana", "Arial", "Helvetica", sans-serif; font-size:18px; color:#AE3B60;;margin:8px;}
 h2 {font-family:"Verdana", "Arial", "Helvetica", sans-serif; font-size:16px; color:#AE3B60;;}
 h3 {font-family:"Arial", "Helvetica", sans-serif; font-size:14px; color:#AE3B60;;margin:2px;}
 .title_single {font-family:"Verdana", "Arial", "Helvetica", sans-serif; font-size:22px; colorname:black;margin-bottom:6px;margin-top:6px;}
 .search_header {font-family:"Arial", "Helvetica", sans-serif; font-size:20px; colorname:white;margin-bottom:6px;margin-top:6px;margin-left:15px;}
 .book_single {font-family:"Verdana", "Arial", "Helvetica", sans-serif; font-size:10px; color:#669ACC; margin:0px;}
  
 a.nav {TEXT-DECORATION:none; color:#000000;}
 a.nav_ltblue {TEXT-DECORATION:none; color:#0E2A66;}
 a.nav_white {TEXT-DECORATION:none; color:#FFFFFF;}
 a.box {COLOR:#CCEEFF; TEXT-DECORATION:underline;}
 a.bottom {COLOR:#7C8599; TEXT-DECORATION:underline;}
 
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(../img/star_small3.gif) left -1000px repeat-x;
}
.star-rating{
position:relative;
width:100px;
height:20px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:20px;
line-height:20px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left bottom;
}
.star-rating a.one-star{
width:20%;
z-index:6;
}
.star-rating a.two-stars{
width:40%;
z-index:5;
}
.star-rating a.three-stars{
width:60%;
z-index:4;
}
.star-rating a.four-stars{
width:80%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}

</STYLE>
