body { 
	padding: 0; 
	margin: 0; 
    font: 14px arial, helvetica, sans-serif; color: #414141;
}

a img { background: #fff; border: none; }
a img:hover { background: #fff; }

a {	color: #6C8C37;	background: inherit; text-decoration: none; }
a:hover { 
    text-decoration: underline;
    background: #5fb2de;
}

h1 { font: normal 2.1em Arial, Sans-Serif; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { background: inherit; }
h2 { margin: 0 5px; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }
h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }

p {	margin: 0 0 5px 0; }

ul { margin: 0; padding : 0; list-style : none; }

form { 	margin: 0; }

.input {
	border: 1px solid #a69d94;
}

input.text { 
	width: 200px; 
	border: 1px solid #a69d94;
	padding: 4px; 
	font-weight: bold;
}

input.search { 
	width: 292px; 
	border: 1px solid #a69d94;
	padding: 4px; 
	font-weight: bold;
}

input.submit {
}

input.login { 
	width: 150px;
	border: none; 
	background: url(/images/logininput.gif); 
	padding: 4px; 
}
.slogan {
	font-size: 0.9em;
	width: 160px;
}
.tags {
	padding: 10px;
/*	margin: 0 0 10px 0;
*/	background: #5fb2de;
	color: #fff;
	text-align: center;
	border: 3px solid #ccc;
}
.tags a { color: #fff;	background: inherit; text-decoration: none; }
.tags a:hover { color: #fff; text-decoration: underline; }

.content {
	margin: 0 auto;
	width: 780px;
	padding: 10px; 
}

.header { 
	height: 120px;
    background: #fff;
	margin: 3px 0;
	padding: 10px 0 0 0;
}
.logo {
  background: #fff;
}
.logo a { color: #0b70a4; }

.logo a:hover { text-decoration: none; }

.logo h1 { font-size: 50px; color: #0b70a4; font-weight: bold; }
.logo-orange { color: #57921c; }

.top_info {
	float: right;
	width: 555px;
	padding: 5px 0 4px 0;
	font-size: 0.9em;
}

	.top_info_left {
		width: 200px;
		float: left;
	}

	.top_info_right {
		float: right;
		width: 290px;
		padding: 0 0 0 35px;
		margin: 0 10px 0 0;
		text-align: right;
	}

#bar { 
	clear: both;
	height: 30px; 
	margin: 0 0 0 0px;
	font-weight: bold;
}

	#bar li { 
		margin: 0; 
		padding: 4px 10px 8px 10px;
		background: #FFF;
		float: left; 
	}

	#bar a { 
		color: #6C8C37; 
		background: inherit;
		text-decoration: none;
	} 

	#bar li a:hover { 
		color: #6C8C37;
		text-decoration: underline;
	}

#bar li a.current { 
		background: #FFF url(/images/bar.gif) no-repeat center bottom; 
		color: #6C8C37;
		padding-bottom: 8px;
		text-decoration: underline;
}

.search_field { 
	white-space: nowrap;
	border: 1px solid #6C8C37;
	background: #DCF2B8 url(/images/barbg.gif) no-repeat; 
	color: #000;
	clear: both;
	text-align: center; 
	padding: 10px 0 5px 0;
}

.specialmsg {
        background: #FFF6BF; 
        border-top: 1px solid #FFD324;
        border-bottom: 1px solid #FFD324;
        padding-top:5px;
        padding-bottom:5px;
        padding-left:5px; 
        padding-right:5px;
        margin-top: 10px;
        text-align:center;
}
.grey {
	color: #808080;
	background: inherit;
	font-weight: normal;
}

.search_form { float: right; }

.subheader {
	margin: 0px 0 10px 0;
	padding: 8px;
#	font-size: 0.9em;
}

.left_yp { 
    width: 65%; 
    float: left;
}
.right_yp {	
    width: 34.6%;
    float: right;
}

.right_yp img { text-align: center }
.right_yp a:hover { 
    background: inherit 
}

.right_yp_image {	
	text-align: center;
}

.right_yp_image img:hover {
}

.right_yp_articles {
    float: right;
    background: #f5f5f5;
	height: auto;
	padding: 8px;	
	margin: 10px 3px 3px 0;
	border: 1px solid #eee;
	}

.right_yp_articles:hover {
	border: 1px solid #ccc;
	}

/* left side
   --------- */

.left {
	float: left;
	width: 34.6%;
	margin: 0 0 10px 0;
}

.left h3 {
	background: #A9C0CE  url(/images/corner.gif) no-repeat top right;;
	clear: both;
	color: #6C757A;
	padding: 7px 0 7px 10px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 3px 0;
	color: #FFF;
}

.left_side {
	float: left;
	width: 180px;
	padding: 0 0 0 10px;
	margin: 10px 0;
}
	
.left_side a, .right_side a { color: #414141; }
	
.right_side {
	float: right;
	width: 220px;
	background: url(/images/dotted.gif) repeat-y;
	color: #414141;
	padding: 0 0 0 40px;
	margin: 10px 0;
}
	
.left_box { width: 34.6%; margin: 0 0 10px 0; color: #000; background: #FFF; padding: 3px 0; }

	
		
/* right side
   ---------- */
		
.right {
	float: right;
	width: 65%;
	margin: 0 0 10px 0;
}

.right h3 {
	background: #A9C0CE  url(/images/corner.gif) no-repeat top right;;
    text-align: right;	
	color: #FFF;
	padding: 7px 10px 7px 5px;
	margin: 0 0 3px 0;
	font-size: 16px;
}


{ color: #333; font-size: 150%; padding: 10px; background-color: #E6E9F0!important; color: #333!important; padding: 5px 10px 5px 10px!important; border-bottom: 1px solid #CDD3E1!important;}

	.right_articles {
		background: #f5f5f5;
		height: auto;
		padding: 8px;	
		margin: 10px 3px 3px 0;
		border: 1px solid #eee;
	}
	
	.right_articles:hover {
		border: 1px solid #ccc;
	}
	
	.left_articles {
		color: #414141;
		padding: 8px;	
		margin: 0 0 3px 0;
		border: 1px solid #eee;
	}
	
	.left_articles:hover {
		border: 1px solid #ccc;
	}
	

/* footer
   ------ */

.footer { 
	clear: both;
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 0;
	border-top: 1px solid #ccc;
	line-height: 1.8em;
	height:30px;
	background: url(/images/footer.jpg) repeat-x;
	color: #fff;
}

.footer a { color: #fff; }
.footer a:hover { color: #fff; background: inherit; }

.box {
	padding: 10px;
	margin: 0 0 10px 0;
	border: 1px solid #ccc;
}


input.login { 
	width: 150px;
	border: none; 
	background: url(/images/logininput.gif); 
	padding: 4px; 
}

#notice {
  border: 2px solid red;
  padding: 1em;
  margin-top: 2em;
  margin-bottom: 2em;
  background-color: #f0f0f0;
}

#notice2 {
  padding: 1em;
  margin-left: 35%;
  text-align: center;
  margin-bottom: 2em;
  color: #f77b00;
}

/* right side */
#right {
	float: right;
	width: 295px;
	margin: 0 0 10px 0;
}

#text-edit {
  color: #0077C0;
  font-weight: bold;
}

.sub_header {
	font-weight:700;
	color:#0077C0;
	background-image:url(/images/gray_box.png);
	background-repeat:no-repeat;
	font-size:11px;
	background-position:center top;
	height:25px;
	width:188px;
	padding-top:3px;
	text-indent: 15px;
	top: 2px;
}

.highlight_box {
	padding: 15px 15px 20px 100px;
	border: 1px solid #CFCB66;
	margin: 0 0 5px 0;
	height: 70px;
	background: #FFFFAD url(/images/package.gif) no-repeat;
	color: #585616;
}

.image {
	float: left;
	margin: 0 9px 3px 0;
	text-align: center;
}
.image a:hover { background: inherit }

.left_register {
	float: left;
	width: 250px;
}

.text_red {	color: #df2121;	background: inherit; }
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

 .nube1 {font-size: .6em;}
  .nube2 {font-size: 1.0em;}
  .nube3 {font-size: 1.4em;}
  .nube4 {font-size: 1.8em;}
  .nube5 {font-size: 2.4em;}
  .nube6 {font-size: 2.8em;}
  .nube7 {font-size: 3.2em;}
  .nube8 {font-size: 3.6em;}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

	/*             styles for the star rater                */	
	.star-rating{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 150px;
		height: 30px;
		position: relative;
		background: url(/images/star_rating.gif) top left repeat-x;		
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:30px;
		height: 30px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
	}
	.star-rating li a:hover{
		background: url(/images/star_rating.gif) left center;
		z-index: 2;
		left: 0px;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:30px;
	}
	.star-rating a.two-stars{
		left:30px;
	}
	.star-rating a.two-stars:hover{
		width: 60px;
	}
	.star-rating a.three-stars{
		left: 60px;
	}
	.star-rating a.three-stars:hover{
		width: 90px;
	}
	.star-rating a.four-stars{
		left: 90px;
	}	
	.star-rating a.four-stars:hover{
		width: 120px;
	}
	.star-rating a.five-stars{
		left: 120px;
	}
	.star-rating a.five-stars:hover{
		width: 150px;
	}
	.star-rating li.current-rating{
		background: url(/images/star_rating.gif) left bottom;
		position: absolute;
		height: 30px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}		
		
.featured_items {
	clear: both;
	font-size: 0.8em;
	height: 75px; 
	color: #0077C0;
	padding: 15px 10 0 10px;
}

	.featured_items li { 
    display: inline;
    background: inherit;
    float: left; 
    width: 100px;
	}
	.featured_items p {
	   text-align: center;
	   color: #000;
	}
	
.featured_articles {
	background: #f5f5f5;
	height: 75px;
	color: #414141;
	padding: 8px;	
	margin: 0 0 3px 0;
	border: 1px solid #eee;
}

.featured_articles:hover {
		border: 1px solid #ccc;
	}
	
#message_box {
  color: #df2121;
  font-weight: bold;
}

#main {}

.picture { height: 150px;}

.results {
    background: #f5f5f5;
    height: 100px;
    padding: 8px;	
    margin: 10px 3px 3px 0;
    border: 1px solid #eee;
}
.results a:img {
    background: inherit;
}
.results:hover {
		border: 1px solid #ccc;
}

#live-preview {
    float: right;
    border: none;
    margin-right: 100px;
}

.user-form {
    float: left;
}