@charset "UTF-8";
body {
	margin: 0px;
	padding: 0px;
	background-color: #7f6952;
	background-image: url(sri_images/bkgnds/sand.jpg);
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
		
a { color: #721a8b; text-decoration: none; }

a:hover { color: #369ca3; text-decoration: underline; }

a img { border: none; }

/*HEADS*/

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #394e6a;
	line-height: 19px;
	margin: 0px;
	margin-bottom: 6px;
	}
	
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 16px;
	color: #394e6a;
	margin-top: 12px;
	margin-bottom: 4px;
	}
	
h3.with-bigcap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 36px;
	color: #394e6a;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
.bigcap {
	padding-top: 0px;
	font-size: 36px;
	font-family: "Times New Roman", Times, serif;
	line-height: 30px;
	color: #8a87bd;
	padding-right: 2px;
	}
	
.dropcap {
	padding-top: 4px;
	padding-right: 0.05em;
	font-size: 38px;
	font-family: "Times New Roman", Times, serif;
	line-height: 24px;
	color: #8a87bd;
	float: left;
	clear: both;
	}
.form {
	font-size: 12px;
	line-height: 14px;
	color: #003366;
}

.required { color: red } /*#c44b51;*/

/**//**//**//**//**//**//**//**/

div#pageWrapper {
	width: 780px;
	margin: 12px auto;
	padding: 6px;
	background-color: #FFFFFF;
	border: 4px solid #fab40e;
	position: relative;
}
	
table#container {
	width: 780px;
	background-color: #fff;
	margin: 0px auto;
	overflow: hidden;
	padding: 0px;
}

/*LEFT-HAND COLUMN*/

td.leftColumn {
	width: 244px;
	background-image: url(sri_images/bkgnds/green_bkgnd.jpg);
	background-repeat: repeat-y;
	padding: 12px 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif; }
	
.leftColumn-top { padding-bottom: 14px; }

.leftColumn-navs ul { width: 244px; list-style-type: none; margin: 0px; padding: 0px; }

.leftColumn-navs a { width: 244px; background-repeat: no-repeat; background-position: 0 0; display: block; }
	
.leftColumn-navs a:hover { background-position: 0 0; background-image: url(sri_images/bkgnds/green_bkgnd2.jpg); }	
	
/*CURRENT*/

body.home #navs-home a,
body.rooms #navs-rooms a,
body.amenities #navs-amenities a,
body.rates #navs-rates a,
body.policies #navs-policies a,
body.reservations #navs-reservations a,
body.map #navs-map a,
body.location #navs-location a,
body.restaurant #navs-restaurant a,
body.brochure #navs-brochure a,
body.contact #navs-contact a
{ background-position: 0 0; background-image: url(sri_images/bkgnds/green_bkgnd2.jpg); }
	
/*END CURRENT*/	


div.leftColumn-address { font-size: 14px; font-weight: bold; line-height: 16px; color: #394e6a; margin-top: 36px; }

.leftColumn-address p { margin-bottom: 6px; margin-top: 0px; }

div#sri-drawing {
	width: 222px;
	height: 138px;
	margin-top: 36px;
	padding: 0px 11px;
	line-height: 11px;
	color: #394e6a;
	letter-spacing: 0.03em;
	background-image: url(sri_images/sri_logos/sri_drawing.gif);
	background-repeat: no-repeat;
	background-position: center;
	font-style: italic;
	font-weight: bold;
	font-size: 10px;
 }
 
/*MAIN CONTENT*/

td#main {
	width: 536px;
	font-size: 11px;
	line-height: 15px;
	color: #333333;
	text-align: left;
}

#main .textBox { width: 506px; padding: 0px 12px 0px 18px; }

#main p { margin-top: 0px; margin-bottom: 10px; text-indent: 12px; }

#main p.closeLead { margin-bottom: 4px; }

#main p.location { margin-top: 0px; margin-bottom: 10px; text-indent: 0px; }


.subhead { font-weight: bold; color: #394e6a; }

#main .textBox ul {
	margin-top: 0px;
	margin-bottom: 12px;
	padding-left: 24px;
}
#main .textBox li { list-style-type: disc; margin-bottom: 4px; list-style-position: outside; }


/*FOOTER*/

div#footer {
	width: 800px;
	margin-right: auto;
	margin-bottom: 12px;
	margin-left: auto;
	font-size: 10px;
	line-height: 16px;
	color: #000;
	letter-spacing: 0.03em;
	text-align: center;
	clear: both;
}
	
#footer  a { color: #000; text-decoration: none; }
#footer a:hover {
	color: #fff;
	text-decoration: underline; }
	
	
/*#footer  a { color: #721a8b; text-decoration: none; }
#footer a:hover {
	color: #497372;
	text-decoration: underline; }*/


#sriSeal { position: absolute; top:45px; left:202px; width: 132px; z-index: 2; }

#test { position: relative; top:-12px; right: 0px;	bottom: 6px; left: 14px; }

/*TOP ADDRESSES*/

div#topAddress-home {
	width: 524px;
	height: 330px;
	margin-left: 12px;
	font: bold 9px Arial, Helvetica, sans-serif; color: #394e6a; letter-spacing: 0.03em;
	text-align: center;
	background-image: url(sri_images/section_pics/homepg_top.jpg);
	background-repeat: no-repeat; }
	
div#topAddress-sections {
	width: 530px;
	height: 78px;
	margin-left: 6px;
	margin-bottom: 6px;
	padding-top: 6px;
	line-height: 10px;
	color: #FFFFFF;
	letter-spacing: 0.02em;
	text-align: center;
	background-image: url(sri_images/bkgnds/brown_bkgnd%20_vert.jpg);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	}
	   
/*SECTION PICTURES*/

#sectionPic {
	width: 530px;
	padding-left: 6px;
	letter-spacing: 0.03em;
	text-align: right;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #FFFFFF;
	font-size: 9px;
	font-style: italic;
	line-height: 12px;
	font-weight: bold;
}
	
#sectionPic .pic01 { color: #394e6a; background-image: url(sri_images/section_pics/01_oceanbeach.jpg); height: 225px; }

#sectionPic .pic05 { color: #0f3051; background-image: url(sri_images/section_pics/05_surfers.jpg); height: 210px; }

#sectionPic .pic07 { color: #394e6a; background-image: url(sri_images/section_pics/07_sutropark.jpg); height: 300px; }

#sectionPic .pic08 { color: #ffffff; background-image: url(sri_images/section_pics/08_bakerbeach.jpg); height: 292px; }

#sectionPic .pic10 { color: #ffffff; background-image: url(sri_images/section_pics/10_oceanbeach.jpg); height: 207px; }

#sectionPic .pic11 { color: #ffffff; background-image: url(sri_images/section_pics/11_stowelake.jpg); height: 300px; }

.pictureCredit { text-align: left; font-size: 8px; font-style: normal; letter-spacing: 0em; }


#top-anchor
{
	width: 432px;
	margin-right: 12px;
	float: right;
	font-size: 10px;
	line-height: 14px;
	text-align: center;
	padding: 0px;
	display: inline;
}

#red-rule-container { padding: 8px 12px 6px 18px; }

.red-rule {
	background-color: #c44b51;
	background-image: url(sri_images/sp.gif);
}

.red-dot
{ background-image: url(sri_images/dot.gif); background-repeat: no-repeat; background-position: left 6px; text-indent: 12px; }

.copyright { float:right; margin:0 12px 0 0; text-align:right; 
	font-size: 10px;color: #394e6a; letter-spacing: 0.03em;
	font-style: italic; font-weight: bold; }

.site-design { float:left; margin: 0 0 0 12px; color: #394e6a; letter-spacing: 0.03em; text-align:left; font-size: 10px; font-weight: bold; }
	.site-design a { color: #394e6a; text-decoration: underline; }
	.site-design a:visited { color: #394e6a; text-decoration: underline; }
	.site-design a:hover { color: #fff; text-decoration: underline; }
	.site-design a:active { color: #fff; text-decoration: underline; }


.whiteType { font-size: 9px; line-height: 11px; text-align: center; color: #FFFFFF; }

.nobr { white-space: nowrap }


/*IMAGES*/

.floatLeft-pic {
	float: left;
	margin-right: 12px;
	margin-bottom: 9px;
	padding: 3px;
	border: 1px solid #999999;
	font-size: 10px;
	font-style: italic;
	line-height: 15px;
	text-align: center;
	margin-top: 6px;
}
.floatRight-pic {
	float: right;
	margin-top: 6px;
	margin-bottom: 9px;
	margin-left: 14px;
	padding: 3px;
	border: 1px solid #999999;
	font-style: italic;
	font-size: 10px;
	line-height: 15px;
	text-align: center;
}

.floatLeft-thumb {
	float: left;
	margin-right: 14px;
	padding: 3px;
	border: 1px solid #999999; }
	
	.floatRight-thumb {
	float: right;
	margin-left: 14px;
	padding: 3px;
	border: 1px solid #999999; }
	
	.arrow {
	background-image: url(sri_images/arrow_red.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 0px 4px;
}

	
.clearFloat { clear: both; visibility: hidden; display:none; }

.noDisplay-image { background-image: url(sri_images/sp.gif); }

/*THANK YOU PAGE*/

body.sealrockinn-thankyou
	{ background-image: url(http://www.sealrockinn.com/sri_images/bkgnds/sand.jpg); background-repeat: repeat; }
body.sealrockinn-thankyou a:link { color: #721a8b; text-decoration: none; }
body.sealrockinn-thankyou a:visited  { color: #721a8b; text-decoration: none;; }
body.sealrockinn-thankyou a:hover, a:active { color: #369ca3; text-decoration: underline; }

div#pageWrapper.thankyou-border { border: 2px solid #fab40e; }

p.thankyou { color: #603913; font-size: 20px; line-height:56px; }
	
p.back { color: #000000; font-size: 11px; }


/*ROOM RATES*/
table.roomrates {
	font-size: 11px;
	background-color:#FFFFFF;
	border: solid 3px;
	border-top-color: #FFFFFF;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #FFFFFF;
	border-collapse: collapse;
}

table.roomrates td { padding: 8px; border: solid #000 1px; border-collapse: collapse; }

.rates { text-align: center; color: #000000; background-color: #dadada; }

.toprow { font-weight: bold; font-size: 11px; color: #394e6a; text-align: center; }


/*<p style="margin-bottom:3px; clear:both;"> </p>*/

/*RESERVATIONS*/

.reservation-asterisk { font-size:11px; line-height:13px; text-align:left; text-indent:0; width:14px; margin:6px 0 0 0; padding:4px 0 0 12px; color:blue; }
.reservation-qualify { font-size:11px; line-height:13px; text-align:left; text-indent:0; width:270px; margin:6px 0 0 0; padding:2px 0 0 0; }