/* base
-----------------------------------------------*/

body { 
	font: normal .7em Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
  	background:#859080 url(http://celebratehiltonhead.com/mock_images/frontpage/homeBackground.jpg) repeat-y top;
  padding: 0px;
  margin: 0px;

}
 
/* general
----------------------------------------------- */

h1
{
        border-bottom:0px solid #EAEBE6;
        font-family:Tahoma, Helvetica, sans-serif;
        font-size:17px;
        font-weight:bold;
}
h1.articleHeader
{
	font: bold 18px/20px Tahoma, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
}
h2
{
	font: 10px Tahoma, Helvetica, sans-serif;
	color: #FF0000;
	text-align: left;
}
h2.articleHeader
{
	font: 12px Tahoma, Helvetica, sans-serif;
	color: #FF0000;
	text-align: left;
}
h3
{
	font: bold 12px Tahoma, Helvetica, sans-serif;
	color: #383733;
	text-align: left;
	padding-top: 5px; 
}

h4
{
        border-bottom:0px solid #EAEBE6;
        font-family:Tahoma, Helvetica, sans-serif;
        font-size:17px;
        font-weight:bold;
}

h5
{
        border-bottom:1px solid #EAEBE6;
        color:#891313;
        font-family:Tahoma, Helvetica, sans-serif;
        font-size:14px;
        font-weight:bold;
}

h6
{
        border-bottom:1px solid #838488;
        color:#3A3A3C;
        font-family:Tahoma, Helvetica, sans-serif;
        font-size:12px;
	font-variant:small-caps;
        font-weight:bold;
}

.separator {
border-bottom: 1px dotted #000000;
clear: both;
height: 0; padding: 0; line-height: 0;
}

.separator hr {
display: none;
}

/* links
----------------------------------------------- */

a {
        text-decoration: none;
        color: #003399;
        border-bottom: 0px #000 dotted;
}

a:hover {
        color: #383733;
        text-decoration:underline;
        /* border-bottom: 1px #000000 dotted;*/
}

.readMore
{
        font: bold 11px Arial, Helvetica, sans-serif;
        color: #FF0000;
        text-align: right;
        text-decoration:underline;
  /*    border-bottom: 1px #FF0000 solid; */
}


/* layout
----------------------------------------------- */
#wrapper { 
	margin-left: auto;
	margin-right: auto;
	position:relative;
	text-align: left;
	padding: 0px; 
	width:1000px;
	background: #fff;
}
div.layoutitem {
  margin:5px;
  border: 0px dashed #AAAAAA;
  background-color: #FFFFFF;
}

#spacer
{
  display: block;
  clear: both;
  height: 10px;
}

#colA {
	float:left;
	width:290px;
	margin-left:0px;
}

#colB {
	float:left;
	width:345px;
	margin-left:10px;
}

#colC, #rightMenu {
	float:left;
	width:325px;
	margin-left:10px;
}

#mainContent {
	 width:665px;
	 float:left;
}

#sectionLink img {
         border: none;
         padding-bottom:5px;
}

#pageFooter {
	clear:both;
	border-top: 0px solid #999999;
	text-align:center;
         padding-top:20px;
	height:550px;
         /* padding:20px; */	
}

#pageFooter h1 {
	margin:0;padding:0;
	letter-spacing:2px;
	color:#444;	
	font-weight:lighter;	
	font-size:12px;
        color:#fff;
	height:31px;
	line-height:34px;
        padding-top:0px;
	text-align:center;	
        margin-left:auto;	
        margin-right:auto;
	background:url(../design_images/footer.jpg) no-repeat top center;
}

#pageLogo {
	float:left;
	height:123px;
	width:1000px;
	text-align:center;
  	background: url(../design_images/header.jpg) no-repeat top;
}
#pageLogo img.cover {
	position:absolute;
	right:0px;
	top:0px;
}


/*to give ads borders temporarily */
.adborder {
	padding:5px;
	margin-bottom:20px;
	border: 1px solid #849180;
}
#toptens {
	text-align:left;
}

#sideBox {
	width:270px;
/*	background:#fff;*/
	background: url(../design_images/box_ds_top.gif) repeat-y top;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#sideBox span.box_wrap{
	display:block;
	position:relative;
	width:230px;
	min-height:10px;
	padding:5px 20px 60px 20px;
	background: url(../design_images/box_ds_bottom.gif) no-repeat bottom;
}
#sideBox span.poll{
	width:240px;
	padding:5px 20px 60px 10px;
}
#box_container {
	display:block;
	clear:both;
	padding:10px 0 10px 0;
	color:#444;
}

#box_container_images {
	display:block;
	clear:both;
	padding:10px 0 10px 0;
	color:#444;
	height:130px;
}

#box_container img {
	float:left;
	padding-right:20px;
}

#sideBox h1 {
	margin:0;
	padding:0;
	width:270px;
	height:30px;
	line-height:34px;
	letter-spacing:2px;
	color:#fff;
	font-weight:lighter;
	font-size:12px;
	font-variant:small-caps;
	text-align:center;
	background: url(../design_images/box_ds_header.gif) no-repeat top center;
}
#sideBox a.title{
	text-decoration:none;
	color:#883222;
	font: bold 12px Tahoma, Helvetica, sans-serif;
}
#sideBox a.title:hover{
	text-decoration:underline;
}

/*-------------------------------- front page article excerpts */
.articleExcerpt{
   display: block;
   padding-bottom: 15px;
}
#mainContent_CenterArticles{
  width:350px;
  background:#FFFFFF;
  float:right;
  padding-bottom: 10px;
  padding-right:30px;
}

.hdlItem {
  padding:0;margin:0 0 4px 0;
  clear:both;
  font-size:1.2em;
  font-weight:700;
}

.headerItem {
  padding-bottom:20px;
  margin:0 0 4px 0;
  clear:both;
  font-size:1.25em;
  font-weight:700;
}

#featuredTable td {
   padding-right: 15px;   
}

#featuredTable img {
  border: 1px solid #CDCDCF; 
  padding: 5px;
  margin: 0px; 
}

/* Search and Submit Forms
----------------------------------------------- */


#searchform button {
	background: #000;
	border: 1px solid #ccc;
	padding: 100px;
}


.zemSubmit {
	background: #333 url(http://celebratehiltonhead.com/mock_images/right_side/sign_up.jpg) no-repeat;
	border:0; 
	outline:0;
	width:80px;
	height:22px;
}



/* News scroller
----------------------------------------------- */


div#news-slide {
	position:relative;
	overflow:hidden;
	float:right;
	width:475px;
	height:1.3em;
}
ul#news-slide-list {
	position: relative;
	overflow:hidden;
	width:475px;
	height:1.3em;
}
ul#news-slide-list li {
	position: absolute;
	left:500px;
	top:0px;
}
ul#news-slide-list li.news-slide-first, li.news-slide-first {
	left:0;
}


/* navigation menu ---------------------------------------------------------------------------------*/
#navMenu {
	float:left;
	height:34px;
	width:1000px;
	background:#9f9f9f;
	border-top:1px solid #d7dad1;
}
#navMenu form {
	position:relative;
	top:20%;
	float:right;
	display:block;
	width:175px;
	vertical-align:middle;
	text-align:center;

}
#navMenu input {
	background:#9f9f9f;
	border: 1px solid #222;
	margin:2px;
	font-size:11px;
	color:#222;
}

/* dropdownMenu styles */

#dropdownMenu, #dropdownMenu ul {padding:0px; margin:0; list-style-type: none;}
#dropdownMenu li {float:left; display:block; position:relative; z-index: 10;}
#dropdownMenu li ul {display: none; width:160px;}

#dropdownMenu li a {
	display:block;	
	height:34px;
	border-right: 1px solid #fcfcfc;
	background:#F3F4EF;
	overflow:hidden;
	text-indent:-999px;
}
#dropdownMenu li.home a {
	background:url(../design_images/nav/grey_home.gif) no-repeat left top;
	width:52px;
}
#dropdownMenu li.current_issue a {
	background:url(../design_images/nav/grey_current_issue.gif) no-repeat left top;
	width:105px;
}
#dropdownMenu li.archives a {
	background:url(../design_images/nav/grey_archives.gif) no-repeat left top;
	width:76px;
}
#dropdownMenu li.c2_cliques a {
	background:url(../design_images/nav/grey_c2_cliques.gif) no-repeat left top;
	width:87px;
}
#dropdownMenu li.diamond_club a {
	background:url(../design_images/nav/grey_diamond_club.gif) no-repeat left top;
	width:110px;
}
#dropdownMenu li.free_stuff a {
	background:url(../design_images/nav/grey_free_stuff.gif) no-repeat left top;
	width:79px;
}
#dropdownMenu li.advertise a {
	background:url(../design_images/nav/grey_advertise.gif) no-repeat left top;
	width:78px;
}
#dropdownMenu li.partners a {
	background:url(../design_images/nav/grey_partners.gif) no-repeat left top;
	width:74px;
}
#dropdownMenu li.c2_store a {
	background:url(../design_images/nav/grey_c2_store.gif) no-repeat left top;
	width:73px;
}
#dropdownMenu li.subscribe a {
	background:url(../design_images/nav/grey_subscribe.gif) no-repeat left top;
	width:77px;
}

#dropdownMenu li a:hover,
#dropdownMenu li:hover a,
#dropdownMenu li.hover a {
	background-position:0px -34px; 
}
#dropdownMenu li:hover ul,
#dropdownMenu li.hover ul {
	display:block;
	position:absolute;
 	left:0px;
	top:35px;
	z-index: 10000; 
	white-space: normal;
}
#dropdownMenu li ul li a:hover {
	background:#9f9f9f !important;
	color:#fff;
}	
#dropdownMenu li ul li a {
	float:none;
	display:block;
	background:#646464 !important;
	width:150px !important; 
	
	border-right:1px solid #444444;
	border-bottom:1px solid #444444;
	padding:3px;
	font-size:11px;
	color:#CCC;
	height:23px;
	line-height:22px;
	text-decoration:none; 
	text-indent:5px;  
}

/*allows hovering over the edge */
#dropdownMenu ul {
	background-image: url(empty.gif);	
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
}
#dropdownMenu ul ul {
	padding: 30px 30px 30px 10px;

	margin: -30px 0 0 -10px;
}


/* Footer For Articles
---------------------------------------------------------------------------------*/

/* Line */
.line {
margin-top: 5px;
border-top: 1px solid #cccccc;
margin-bottom: 3px;
}

#articleFooter {
WIDTH: 100%; 
display:block;
}

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

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

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

/* Tag Cloud
---------------------------------------------------------------------------------*/

#rightSide_archiveNavigation {
  border: 1px solid #cdcdcf;
  padding-top: 4px;
  padding-left: 8px;
  padding-bottom:10px;
}


#celebrateTicker {
	width:350px;
	height:27px;
	position:absolute;
	left:506px;
	z-index:2;
}

/* Ticker ---------------------------------------------------------------------------------*/

/* Footer
---------------------------------------------------------------------------------*/

#colAFooter {
	float:left;
	font: normal 12px Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	text-align: left;
        text-align: justify; 
	width:307px;
	margin-left:20px;
        padding-top: 10px;
}

#colBFooter {
	float:left;
	font: normal 12px Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	text-align: left;
	width:296px;
	margin-left:30px;
        padding-top: 10px;
}

#colCFooter {
	float:left;
	font: normal 10px Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
        text-align: justify; 
	width:277px;
	margin-left:30px;
	margin-right:20px;
        padding-top: 10px;
}

#colCFooter a {
        text-decoration: none;
        color: #58575C;
        border-bottom: 0px #000 dotted;
}

#footerArticleList{
        padding-top: 4px;
        padding-bottom: 4px;
        border-bottom: 1px #C4C3C8 solid;
}


#searchFiller
{
         color:#FFF;
        font-family:Tahoma, Helvetica, sans-serif;
        font-size:12px;
        font-variant:small-caps;
        font-weight:bold;  
}