/* CSS Document for Grange Retreat Web Site */
body {color: #45737D; font: 11px Georgia, Helvetica, Arial; background: #FFFFFF url(../images/page_gradient_bg.gif) repeat-x; padding:0; margin:0; text-align: center;}
li {font-size:13px;}
#container {width:830px; height: 100%; background: #FFFFFF; margin: 0px auto;}
#left_border {width:15px; height: 100%; background: #EBFBFE url(../images/page_left_border.gif) repeat-y; float:left; margin:0; padding:0; vertical-align:top; }
#content_wrapper {width: 800px; padding: 0px; margin:0; vertical-align:top; }
#main_content {background: #FFFFFF url(../images/content_gradient.gif) repeat-x; width: 100%;}
#right_border {width:15px; height: 100%; background: #EBFBFE url(../images/page_right_border.gif) repeat-y; float:right; margin:0; padding:0; vertical-align:top;}

/* Header */
#header_home {width: 800px; height:555px; background: #E1F2F5 url(../images/header_home.jpg) repeat-x; padding:0px;}

#nav_home {clear:both; height: 30px; font-weight:bold; color:#0D5364; margin-left:-35px; _margin-left:0px; float:left; list-style-type:none; position:relative; top: 506px; _top: 520px; left:0px;}
#nav_home li {list-style-type:none; float:left; margin:0 0 0 4px; padding:0 0 0 10px; border-bottom:1px solid #E1F2F5;font-size:14px;}
#nav_home li a {color:#0D5364; display:block; padding:0 10px 0 0; text-decoration:none; line-height:25px;}
#nav_home li.current  {height: 30px; background:url(../images/nav_tab.gif) #0D5364 top left no-repeat; line-height:25px;}
#nav_home li strong, ul#nav_home li.current a {display:block; color:#000000; padding:0 10px 0 0; text-decoration:none; background:url(../images/nav_tab.gif) #0D5364 top right no-repeat;}
#nav_home li:hover a, #nav_home li a:hover {color: #000000; text-decoration:none;}

#header {width: 800px; height:185px; background: #E1F2F5 url(../images/header.jpg) repeat-x; padding:0px;}
#nav {clear:both; height: 30px; font-weight:bold; color:#0D5364; margin-left:-35px; _margin-left:0px; float:left; list-style-type:none; position:relative; top: 136px; _top: 153px; left:0px;}
#nav li {list-style-type:none; float:left; margin:0 0 0 4px; padding:0 0 0 10px;border-bottom:1px solid #E1F2F5; font-size:14px;}
#nav li a {color:#0D5364; display:block; padding:0 10px 0 0; text-decoration:none; line-height:25px;}
#nav li.current  {height: 30px; background:url(../images/nav_tab.gif) #0D5364 top left no-repeat; line-height:25px;}
#nav li strong, ul#nav li.current a {display:block; color:#000000; padding:0 10px 0 0; text-decoration:none; background:url(../images/nav_tab.gif) #0D5364 top right no-repeat;}
#nav li:hover a, #nav li a:hover {color: #000000; text-decoration:none;}


#blue_spacer {width: 800px; height:25px; background: #E1F2F5;}

/* Curved corners for content */
#single_column {width: 760px; height: 100%; background: #FFFFFF; float:left; text-align:left; border-left: 1px solid #EDEDED; border-top: none; border-right: 1px solid #EDEDED; vertical-align:top;}
#left_column {width: 530px;height:100%; background: #FFFFFF; float:left; text-align:left; border-left: 1px solid #EDEDED; border-top: none; border-right: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; vertical-align:top; padding-bottom: 30px;}
#right_column {width: 240px; height:100%; background: #FFFFFF; float:left; text-align:left; border-left: 1px solid #EDEDED; border-top: none; border-right: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; vertical-align:top; padding-bottom: 30px;}
.column_spacer {width: 8px;}
.column_spacer_large {width: 20px;}
.corner_tl {background: url(../images/corner_left.gif) 0 0 no-repeat; padding:0; margin:0;}
.corner_tr {background: url(../images/corner_right.gif) 100% 0 no-repeat; padding:0; margin:0;}


/* Content Spots / Features */
.content_spot {width:513px; padding:15px 10px 35px 10px; margin:0;}
.content_spot_small {width:225px; padding:15px 10px 15px 10px; margin:0; line-height: 22px;}
.content_spot_small hr {color: #C3F4FF; background-color: #C3F4FF; border:0; width:225px; height:5px; margin:0px padding-bottom: 5px; clear: both;}
.content_spot_small p {margin:5px 0px 0px 0px;}
.content_spot_large {width:730px; padding:15px 10px 15px 10px; margin:0; line-height: 22px; }
.content_spot_large h1 {margin-left: 3px;}
.feature_float {float:left; width: 225px; padding: 0 0 0 20px;}
.feature_float hr {color: #C3F4FF; background-color: #C3F4FF; border:0; width:225px; height:5px; margin:0px padding-bottom: 5px; clear: both;}
.feature_float p {margin:12px 0px 0px 0px;}

img {margin:0px; padding:0px; border:0px;}
h1 {color: #22464F; font-size: 18px; font-weight: none; margin:0; padding-bottom:5px; _padding-bottom:0px; float:left;}
h2 {color: #3F6A74; font-size: 12px; font-weight: none; margin:0; padding: 7px 0 0 5px; float:left;}
h3 {color: #45737D; font-size: 12px; margin:0; padding:0;}
hr {color: #C3F4FF; background-color: #C3F4FF; border:0; width:100%; _width: 104%; height:5px; margin:0px padding-bottom: 5px; clear: both;}
p {color: #45737D; margin:5px 0px 30px 0px; line-height: 18px; font-size:13px;}
a {color: #A04500; text-decoration: underline;}
a.feature_link  {color: #A04500; text-decoration: underline; line-height: 65px;}
.bold {font-weight: bold;}


/* Footer */
#footer {width: 800px; height:200px; background: #FFFFFF url(../images/footer_gradient_summer.gif) repeat-x; margin-top:50px;}
.feature_footer {float:left; width: 230px; _width: 260px; padding: 0 0 0 30px;}
#footer p {font-size:12px;}
#footer h1 {clear:both;color: #222222; font-size: 12px; font-weight: none; margin:0; padding-bottom:5px; _padding-bottom:0px; float:left;}
#footer_nav {padding:0; margin:0; color:#4F4F4F; clear:both; height: 30px; width: 100%; float:left; list-style-type:none; background:#E3E3E3;}
#footer_nav li {list-style-type:none; font-size: 11px; float:left; margin:0 0 0 4px; padding:2px 0 0 10px;}
#footer_nav li a {color:#4F4F4F; display:block; padding:0 10px 0 0; text-decoration:none; line-height:25px;}
#footer_nav li:hover {color: #000000; text-decoration:underline;}
#footer_nav li.copyright {float:right; font-size:12px; color: #9D9D9D; padding:7px 10px 0 10px;}