@charset "utf-8";
/* CSS Document */
html,
body{
margin:0px;
padding:0px;
width:100%;
height:100%;
min-height:100%;
}
#BackToTop,
#BackToTop a:active,
#BackToTop a:link,
#BackToTop a:hover,
#BackToTop a:visited
{
font-family: Arial, Helvetica, sans-serif;
font-size:10px; color:#999999;
text-decoration:none;
}
#BigPic{
width:978px;
height:440px;
border:#79624f solid 1px;
background-color:#FFFFFF;
background-image:url(images/Loading.jpg);
background-repeat:no-repeat;
background-position:center;
margin-left:auto;
margin-right:auto;
padding:4px;
margin-top:20px;
}
#BigCamera{
width:978px;
height:145px;
border:#79624f solid 1px;
background-color:#FFFFFF;
background-image:url(images/Loading.jpg);
background-repeat:no-repeat;
background-position:center;
margin-left:auto;
margin-right:auto;
padding:4px;
margin-top:20px;
}
#columnLeft{
width:320px;
background-color:#FFFFFF;
float:left;
margin-left:10px;
margin-top:40px;
margin-bottom:40px;
border-right:#CCCCCC dotted 2px;

}
#columnRight{
width:630px;
background-color:#FFFFFF;
float:left;
margin-left:30px;
padding-top:20px;
min-height:360px;
}
#container{
width:1000px;
min-height:100%;
height:100%;
background-color:#FFFFFF;
background-image:url(images/CottagePointNC-Logo.jpg);
background-repeat:no-repeat;
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:0px;
}
.content{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
line-height:28px;
color:#79624f;
}
h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
color:#79624f;
text-transform:uppercase;
font-weight:normal;
letter-spacing:1px;
}
h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
color:#79624f;
text-transform:uppercase;
font-weight:normal;
letter-spacing:1px;
}
h3{
margin-top: 35px;
margin-bottom:5px;
}
.Arrow{
font-family:Webdings;
}
h5,
h5 a:active,
h5 a:link,
h5 a:visited{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#79624f;
font-weight:normal;
text-decoration:none;
margin-top:0px;
padding-top:0px;
margin-bottom:0px;
padding-bottom:0px;
}
h5 a:hover {
text-decoration:underline;
}

.nav,
.nav a:link,
.nav a:active,
.nav a:visited {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#79624f;
text-decoration:none;
font-variant:small-caps;
}
.nav a:hover{
text-decoration:underline;
}
.navOnState,
.navOnState a:link,
.navOnState a:active,
.navOnState a:visited,
.navOnState a:hover{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color: #CCCCCC;
text-decoration:none;
font-variant:small-caps;
}
.navArrow{
font-family:Webdings;
margin-left:20px;
}
.navArrowOn{
font-family:Webdings;
color: #CCCCCC;
margin-left:20px;
}
#siteContainer {
width:600px;
height:205px;
overflow:hidden;
vertical-align: middle;
margin-bottom:25px;
margin-bottom:25px;
/*padding:10px;
border:#79624f 1px solid;*/
}
#sitePix {
float:left;
margin-right:20px;
border:#79624f 1px solid;
width:300px;
height:200px;
overflow:hidden;
}


/* MEDIA ROTATOR CSS - BEGIN */

.caption{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
color: #666666;
text-align:right;
letter-spacing:1px;
}
#caption-box{
background-color: #cccccc;
height:14px;
margin-top:330px;
position:absolute;
width:615px;

}
.glidecontentwrapper{
position: relative; /* Do not change this value */
height: 344px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
padding:0px;
margin-left:35px;
background-color:#d9d9d9;
background-image:url(../images/Loading.jpg);
background-position:center;
background-repeat:no-repeat;


}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/

.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background-color:#cccccc;
padding:0px;
margin:0px;
visibility: hidden;
width: 615px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 613px;
margin-top: 0px;
padding-top:0px;
text-align: right; /*How to align pagination links: "left", "center", or "right"*/
background: #ffffff; /*always declare an explicit background color for fade effect to properly render in IE*/
margin-left:35px;
padding-bottom:10px;

}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/
.glidecontenttoggler a:href,
.glidecontenttoggler a:link { /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
color: #003366;
font-weight: bold;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;



}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: #ffffff;
}

.glidecontenttoggler a:hover{
background: #E4EFFA;
color: #003366;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
display: -moz-inline-box;
display: inline-block;
color: #003366;
font-weight: bold;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
margin-right:3px;
margin-left:3px;
margin-top:0px;
margin-bottom:0px;
padding-top: 0px;
padding-left:3px;
padding-right:3px;
padding-bottom: 3px;
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color: #003366;
margin-right:3px;
margin-left:3px;
margin-top:0px;
margin-bottom:0px;
padding-top: 0px;
padding-left:3px;
padding-right:3px;
padding-bottom: 3px;
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #E4EFFA;
color: #003366;
}

#spotlight{
border-style:solid;
border-width:1px;
border-color:#999999;
width:615px;
z-index:1;

}

/* MEDIA ROTATOR CSS - END */