@import url(menu.css);
@import url(PopUpHelp.css);

/* -- additional stylesheets -- */




/* start main styles */

body
{
    background-color: #FFFFFF; 
    margin: 0px; 
    padding: 0px;
    font-size:16px;
    font-family:Georgia, Verdana, Tahoma, Arial;
    width:99.9%;
}

p
{
    margin-bottom:1em;
    margin-top:0.6em;
}

#header
{
    background:transparent url(../images/headgrad.gif); 
    background-repeat:repeat-x; 
    background-position: 0% 0%;
    height:150px;
}

#headerTagLine
{
	position:absolute;
	color:#FFF;
	top:32px;
	left: 290px;
	text-align:left;
    font-family:Verdana, Tahoma, Arial;
	font-size:28px;
	font-weight:bold;
	z-index:5;
}

#headerTagLineBG
{
	position:absolute;
	color:#000;
	top:35px;
	left: 293px;
	text-align:left;
    font-family:Verdana, Tahoma, Arial;
	font-size:28px;
	font-weight:bold;
	z-index:4;
}

#maintenance
{
	position:relative;
	text-align: center;
	padding:0px;
	border: 3px solid #333333;
	margin:0px auto;
	background-color: #0066CC;
	width:770px;
	height:400px;
}

.breadcrumbs
{
    position:absolute;
	color:#000;
	top:120px;
	left: 210px;
	text-align:left;
}

#contentwrapper
{
    font-size:0.8em;
    width:99.9%;
}

img
{
    border:0pt none;
}
   
/* ------------------- Side Boxes 180px-------------------------------add more sizes- */ 

.side180_l .b-r, .side180_r .b-r {}

/* ------------------- Side Box clearing-------------------------------verify IE6 functionality- */ 


.side_r{
float:right;
clear:right;}

.side_l{
float:left;
clear:left;}


/* ------------------- Side Boxes Layout 
            (@ 180px will need to verify functionality at other sizes) 
                                    -----------------------------check IE6 and Safari- */   
.side
{
    background-color:#a0c6eb;
    border:2px solid #4e95db;
    color:#000;
    font-size:1.1em;
    position:relative;
    z-index:100;
    margin-bottom:15px;
    text-align:center;
}

.side_ad
{
    color:#000;
    font-size:1.1em;
    position:relative;
    z-index:100;
    margin-bottom:15px;
    text-align:center;
}

.side h2
{
    background:transparent url() no-repeat scroll 0%;
    color:#eee;
    font-size:1.7em;
    font-weight:bold;
    height:25px;
    left:1px;
    width:180px;
    margin:0px;
    padding:0px;
    position:relative;
    text-align:center;
}

.side180_l h2 span, .side180_r h2 span
{
    display:none;
}

.side p
{
    margin:0px;
    padding:0px 0px;
    width:180px;
}

.side p:first-child
{
    padding:0px 0px 10px 0px;
}

#Quote
{
    font-size:1.2em;
    text-align:left;
}

#QuotersName
{
    text-align:right;
    margin-top:20px;
}

.side ul
{
    list-style-type:none;
    margin:0px;
    padding:0px;
    position:relative;
}

.side ul li
{
    display:block;
    font-size:1.2em;
    font-weight:bold;
}

.side ul li a
{
    display:block;
}


/* --------------------------Corners------ may need to revisit this for other colors------ */
.t-l /* top left corner of box */ {
background-image:url(../images/tl.gif);
background-position:0% 0%;
left:-2px;
top:-2px;
background-repeat:no-repeat;
position:relative;}

.t-r /* top right corner of box */ {
background-image:url(../images/tr.gif);
background-position:100% 0%;
background-repeat:no-repeat;
left:4px;
position:relative;}

.b-r /* bottom right corner of box */ {
background-image:url(../images/br.gif);
background-position:100% 100%;
background-repeat:no-repeat;
left:4px;
bottom:0px;
position:relative;
overflow:hidden;
padding:10px;
position:relative;}

.b-l /* bottom left corner of box */ {
background-image:url(../images/bl.gif);
background-position:0% 100%;
background-repeat:no-repeat;
left:-4px;
bottom:-4px;
position:relative;}


/* ----------3 column "center" both left and right side boxes are 180px ---------------*/
.columns .center180b{
margin-left:216px;/* -(b)oth left and right side boxes are 180px ->add 40 px to give proper margins-*/
margin-right:216px;
min-width:220px;
}

.columns .center180l{
margin-left:216px;/* -(l)eft side box is 180px ->add 40 px to give proper margin-*/
min-width:220px;}

.columns .center180r{
margin-right:216px;/* -(r)ight side box is 180px ->add 40 px to give proper margin-*/
min-width:220px;}


/* ---3 column "center" layout---------------*/
.columns .center .b-r{
z-index:10;
height:auto;
min-height:187px;
padding:10px;}


.columns .side .b-r
{height:auto;
min-height:187px;}

.columns .center p 
{
    font-size: 1.2em;
    margin:1em 0px 1em;
    padding:0px;
}

.columns .center p:first-child {
margin:0.1em 0px 1em;
padding:0px;}

.columns br.clear {
clear:both;}

.columns{
margin:0px 30px;
clear:both;}

.columns a{
color:#000;
font-weight:bold;
position:relative;
text-decoration:none;
}

.columns td, .columns table
{
    position:relative;
}

.columns a:hover
{
	color:#FFF;
}

.columns a.notbold{
    font-weight:normal;
}

.columns .center li a{
text-decoration:underline;}

.columns .center{
background-color:#e1eefa;
border:2px solid #4e95db;
color:#000000;
font-size:1.1em;
margin-bottom:15px;}

/* - - - - - - - - - - Footer - - - - - - - */
.columns .center #footer 
{
    color:#000;
    z-index:10;
    height:auto;
    min-height:0px;
    padding:5px;
}

.columns .center #footer p
{
    text-align:center; 
    font-size: 1em;
    padding:5px; 
    margin:0px;
}

.columns .center #footer a, .columns .center #footer a:hover
{
    color:#000;
    font-weight: normal;
    text-decoration: underline;
}
/* - - - - - - - - - - List in Center Content Area - - - - - - - - - - - - - still in progress - */
ul.center-list {
list-style-type:none;
margin:0px;
padding:0px;
width:100%;}

ul.center-list li {
background:transparent url() no-repeat;
display:block;
margin:0px;
width:49%;}

ul.center-list li a {
color:#666666;
padding:0px 0px 0px 0px;}

/*Glenn's additions, mostly taken from ZenStyle.css*/
.boldwhite
{
    font-weight:bold;
    color:White;
}

.nomargin
{
    margin:0px;
}

/*links begin*/
a
{
    color:#000;
    text-decoration:none;
    font-family:Verdana, Tahoma, Arial;
}

a:hover
{
    color:#FFF;
    text-decoration:none;
}

a.whitetoblack
{
    color:#FFF;
    text-decoration:none;
}

a.whitetoblack:hover
{
    color:#000;
    text-decoration:none;
}
/*links end*/

h1, h2, h3, h4, h5, h6
{
	margin: 0 0 10px;
	padding:0;
}

h1	{font-size:	2em;}

h2	{font-size:	1.75em;}

h3	{font-size:	1.58em;}

h4	{font-size:	1.3em;
	line-height:25px;}

h5	{font-size:	1em;}

h6	{font-size:	.8em;}

h4.PostingDate
{
    text-align:center;
	margin: 10px 0px;
	color: orange;
}

textarea
{
	width:400px;
}

input, select, textarea
{
	BORDER: 1px solid black;
	BACKGROUND-COLOR: #FFF;
	MARGIN-BOTTOM:5px;
	FONT-WEIGHT:normal;
}

input.normalsubmit, a.normalsubmit
{
	font-weight:bold;
	background-color:#CCCCCC;
	border-color: white;
	border-style: outset;
	padding:2px 10px;
}

.warningbox
{	
	font-size: .9em;
	text-align:center;
	color: #990000;
	background-color:#F0F0C0;
	border: solid 1px #990000;
	padding:5px;
}

ul, ul#bennys{
	margin:10px 0;
	padding:0 0 0 20px;
}

ul#bennys li	{
	list-style-type:disc;
	font-family: Georgia, Verdana, Tahoma, Arial;
	font-size: 1.2em;
	margin-bottom: 15px;
}

.greeting
{
	position:absolute;
	right:0px;
	top:0px;
	/*bottom:0px;*/
	text-align:right;
	padding: 5px 8px;
	color: #FFF;
	font-weight:bold;
}

.loginlabel
{
	font-weight:bold;
}

.labels 
{	/*I should get rid of .labels and .narraowlabels and just use tables*/
	position:relative;/*without this, the label text doesn't show when the #content has a background color that is not transparent.  But maybe it will if I set the color*/
	float:left;
	width: 250px;
	margin:2px 0px 5px 0px;
	font-weight:bold;
	text-align:left;
}

.narrowlabels 
{	
	position:relative;/*without this, the label text doesn't show when the #content has a background color that is not transparent.*/
	float:left;
	width: 150px;
	margin:2px 0px 0px 0px;
	font-weight:bold;
	text-align:left;
}

input.profile
{
    width:200px;
}

.chk input, .resortlist input, .radio input
{
	BORDER:none;
	MARGIN-BOTTOM:0px;
	background-color:Transparent;
}

a.forgotpassword
{
    display:block;
    font-weight:normal;
    margin-bottom:3px;
}

.submitbox .chk label, a.forgotpassword
{
    font-size:.9em;
}

.createprofilelink
{
    font-size:1.2em;
}

.requiredfield
{
	font-size: 14px;
	FONT-WEIGHT: bold;
	COLOR:#990000;
}

.resultspager a, .resultspager span
{
    padding:.2em .5em;
    border:1px solid #4E95DB;
}

.resultspager span, .resultspager a:hover
{
    font-weight:bold;
    color: #FFFFFF;
    background-color:#448FDB;
    border:1px solid #FFF;
}

.SortBy
{
    color:Black;
    background-color:inherit;
    border:none;
    margin-left:50px;
    font-size:1.2em;
}

#ContactUs div.label
{
    font-weight:bold;
}

#ContactUs div.content
{
    margin-left:80px;
}

#TheBoard li
{
   	font-family: Georgia, Verdana, Tahoma, Arial;
	margin-bottom: 15px;
}

a.bigbutton
{
    color:White;
    font-size:21px;
    background-color:rgb(65,141,217);
    padding:13px;
    border:4px solid black;
    margin-right:50px;
}

a.bigbutton:hover
{
    background-color:#a0c6eb;
    border:4px solid white;
}

a.basicbutton
{
    color:White;
    background-color:rgb(65,141,217);
    padding:5px;
    border:2px solid black;
    margin-right:25px;
}

a.basicbutton:hover
{
    background-color:#a0c6eb;
    border:2px solid white;
}

.PostedText
{
    margin: 5px 25px;
}

.InviteFriends
{
    font-family:Georgia, Verdana, Tahoma, Arial;
    font-size:	1.5em;
	line-height:25px;
}