/*
*
*	Edreamz Global Styles Rules
*	JJohnson | E-dreamz
*	Last Update: May 2007
*
*/


.float-left 	{ float:left; }
.float-right 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }


.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }
.noborder		{border: none;}
.nobackground	{background:none;}

.printhide		{display:none;}

.bgreplace		{text-indent: -9999em; position: relative;}
.bgreplace a	{position: absolute; display:block; top: 0; left: 0;}

.red			{font-weight: bold; color: #55292A;}	

.input			{ border: 1px solid #cfcfcf; border-top-color: #919191; border-bottom-color: #e5e5e5; border-left-color: #d0d0d0; padding: 3px; background: #fff url(../images/input_bg.gif) repeat-x left top; font-family: Verdana, Arial, sans-serif;height:15px;}
.field			{margin: 10px 0; width: 225px;}

.bordertopbottom	{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 3px 0;}


.clearafter:after,.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

 .clearafter,.clear {display:inline-block;}
  /* Hide from IE Mac \*/
 .clearafter,.clear {display:block;}
 /* End hide from IE Mac */

 * html .clearafter, * html .clear{height: 1px;}

html, body {
	border:0;
	margin:0;
	padding:0;
}

body {
	font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}

a{text-decoration: none; outline:none;}
a:hover{text-decoration: underline;}
a img{border: none;}
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
}

h1 {
letter-spacing:-1px;
font-size:2em;
}

h2 {
letter-spacing:-1px;
font-size:1.5em;
}

h3,h4,h5,h6 {
font-size:1em;
}

p, ul, ol {
margin:0;
padding:0 0 18px 0;
}

blockquote {
margin:22px 40px;
padding:0;
}

ul, ol {
padding:0 0 18px 40px;
}

small {
font-size:0.85em;
}


#msg{
		width: 95%;
		font-family: Verdana, sans-serif;
		margin: 10px auto;
 		padding: 5px 5px 5px 10px;
		line-height: 20px;
	}

	.notice{
	    background: #ffc;
	    color: #31363e; 
		border: 1px solid #ffdc50;
		}

	.success{
	    background: #E2F9E3;
	    color: #060; 
		border: 1px solid #9c9;
		}
		
	.error{
		background: #FFE3E0;
	    color: #E31B0C; 
		border: 1px solid #DC6E66;
		}
	#msg.error{padding: 0 0 5px 0;}
	.error h5{color: #fff; background: #E31B0C; padding: 3px;}
	
	.error .errorlist{font-size: 90%; margin-bottom: 0; padding-bottom: 10px;}
	.error .errorlist li{list-style:disc;}
		
	.error b{margin-left:5px;}
	.error ul{paddin-bottom:10px;}
		
button { 
  border:0; 
  font-weight:bold; 
  padding:0 10px 0 0; 
  text-align:center; 
  width: 65px;
  font-family: Verdana, Arial, sans-serif;
  outline: none;
}
button span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 12px; 
  outline: none;
}

/* jj css calendar */
ul.day_names, ul.day_names li, ul.days, ul.days li{display: inline; margin: 0; padding: 0; float: left;}

ul.day_names li{
	background: #696969; 
	color: #fff; 
	font-weight: bold; 
	font-size: 9px; 
	width: 29px;
	text-align: center;
	}

ul.days li{
	background: #dfdfdf; 
	font-size: 9px; 
	/* the with should be (li a) width + padding */
	width: 28px; 
	height: 20px; 
	border-right: 1px solid #fff; 
	border-bottom: 1px solid #fff;
}

ul.days li a{
	display: block;
	width: 20px;
	height: 20px;
	background: #F9F5D0;
	color: #FF5100;
	padding: 0 4px;
	
}

ul.days li.today{
	background: #333;
	color: #fff;
}

ul.days li.today a{
	background: #EFA532; 
	color: #fff; 
}

/*grey buttons*/
button.grey { 
  background:url(/images/button_bg_right.gif) right no-repeat; 
  font-size:9px; 
  font-weight: normal;
  outline: none;
}
button.grey span { 
  height:32px; 
  line-height:33px;
  background:url(/images/button_bg_left.gif) left no-repeat;
  color:#222; 
  text-transform: uppercase;
  outline: none;
}
button.grey:hover {
	background:url(/images/button_bg_right_hover.gif) right no-repeat;
	color: #fff; 
	outline: none;
}
button.grey:hover span {
	background:url(/images/button_bg_left_hover.gif) left no-repeat; 
	color: #fff;
	outline: none;
}


/* sliding doors technique */
#tagline{position: relative;}

	
#tagline h4{
	margin-top: 11px;
	float: left;
	width: 313px;
	height: 18px;
	background: url(/images/tagline.gif) no-repeat left top;
	text-indent: -99999em;
}
  #tagline ul {
    margin:1px 0 0 0;
    padding:0;
    list-style:none;
    float: right;
    }
  #tagline li {
    float:left;
    margin:0 10px 0 0;
    padding:0;
    width:188px;
    height:30px;
    }
	
  #tagline li a{
  	display: block;
    padding:0 10px;
    height:30px;
  }

	#tagline a{
		color: #fff;
		font-weight: bold;
		text-indent:-999999em;
	}
	
	#tagline a:hover{
		color: #94560C;
		text-decoration: none;
		background-position: 0 -30px;
	}
	
 /* image tabs */
 /* main nav */
#tabout a  {
	width: 139px;
	background: url(/images/nav/about.gif) top left no-repeat;
}
#tavailable a  {
	width: 182px;
	background: url(/images/nav/available.gif) top left no-repeat;
}
#tcommunity a  {
	width: 192px;
	background: url(/images/nav/community.gif) top left no-repeat;
}
#tnews a  {
	width: 162px;
	background: url(/images/nav/news.gif) top left no-repeat;
}
#tcontact a  {
	width: 161px;
	background: url(/images/nav/contact.gif) top left no-repeat;
}

#tsearch a  {
	width: 188px;
	background: url(/images/nav/search_pos.gif) top left no-repeat;
}

#tjoin a  {
	width: 188px;
	background: url(/images/nav/join_comm.gif) top left no-repeat;
}

#nav {
	margin: 0;
	padding: 0;
	height: 28px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#nav a {
	float: left;
	padding: 28px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:28px; /* for IE5/Win only */
	}
	
#nav a:hover {
	background-position: 0 -29px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -29px;
	}

#fhome a  {
	width: 53px;
	background: url(/images/nav/footer/home.gif) top left no-repeat;
}
	.fhome a{margin: 0 10px 0 0;}
#fjoin a  {
	width: 104px;
	background: url(/images/nav/footer/join.gif) top left no-repeat;
}
#fadvertise a  {
	width: 123px;
	background: url(/images/nav/footer/advertise.gif) top left no-repeat;
}
#fsearch a  {
	width: 169px;
	background: url(/images/nav/footer/search.gif) top left no-repeat;
}
#fnewsletter a  {
	width: 93px;
	background: url(/images/nav/footer/newsletter.gif) top left no-repeat;
}
#fnews a  {
	width: 107px;
	background: url(/images/nav/footer/news.gif) top left no-repeat;
}
#fcontact a  {
	width: 81px;
	background: url(/images/nav/footer/contact.gif) top left no-repeat;
}
#fsitemap a  {
	width: 58px;
	background: url(/images/nav/footer/sitemap.gif) top left no-repeat;
}
	
#ft_nav {
	margin: 0;
	padding: 0;
	height: 14px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#ft_nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#ft_nav a {
	float: left;
	padding: 14px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:14px; /* for IE5/Win only */
	}
	
#ft_nav a:hover {
	background-position: 0 -15px;
	}

#ft_nav a:active, #nav a.selected {
	background-position: 0 -29px;
	}