html,body {
margin:0;
padding:0;
background-color: #DDDDDD;
}
body {
font: 73% helvetica, arial, sans-serif;
line-height:1.4em;
width:880px;
background:#fff;
margin-right:auto;
margin-left:auto;
color: #666;
border:1px solid #ccc;
}
			/*BANNER PROPERTIES*/
#banner {
width:100%;
height:120px;
background:#0000CC url(images/banner.png) top center no-repeat;
}
#banner h1 {
float:left;
width:350px;
margin:0px;
padding-top:10px;
padding-bottom:0px;
padding-left:10px;
line-height:1.8em;
letter-spacing: 3px;
font-size: 3em;
color: #fff;
}
#search{
float:right;
width:500px;
margin:0px;
padding-top:15px;
padding-bottom:0px;
color: #fff;
}

#go2{background:url(images/go.png) top center no-repeat;}


#banner p {
float:right;
margin:10px 10px 0 0;
padding-bottom:0px;
margin-bottom:0px;
padding-top:0px;
color : #2CCBF21;
}
			/*TOP NAVIGATION*/	

div#menu {
float:left;
width: 100%;
padding-top:0;
background: #2CCBF21;
height:20px;
padding-bottom:0px;
margin-bottom:0px;

}
ul#nav,ul#nav li {
list-style-type:none;
margin:0;
padding:0;
}
ul#nav {
margin-left: 250px;
width: 600px;

}
ul#nav li {
float: left;
margin-right: 3px;
text-align: center;
}
ul#nav a {
float: left;
margin-top:5px;
width: 10em;
height: 2em;
padding: 4px 0;
background: url(images/active-2.png) no-repeat;

text-decoration: none;
color: #fff000;
}
ul#nav a:hover {
background: url(images/hover-2.png) no-repeat;
color: #666;
}
ul#nav li.activelink a,ul#nav li.activelink a:hover {
background: url(images/active-2.png) no-repeat;
color: #003;
} 



			/*MAIN CONTAINER*/
#container {
width: 850px;

margin-left:25px; margin-top:10px;
padding: 0;
min-height:300px;
}
#box {
padding: 10px;
border: 1px solid #ff9933;
background: #e7f1f8;
}
#box h2 {
font-size:1.5em;
color: #06a;
}
			/*CONTENT_LEFT*/
#content {
width: 600px;
float: left;
margin: 30px 0 0 0;
padding: 0 0 30px 10px;
}
#content p
{
	text-align:justify;
}
#content h1,h2 {
font-size: 1.5em;
letter-spacing: 2px;
text-transform: uppercase;
color: #00CC00; 
}
			/*CONTENT_RIGHT*/
#content_right {
width: 200px;
float: right;
margin: 30px 10px 0 0;
padding-bottom: 10px;

}
			/*FOOTER*/
#footer {
clear: both;
height: 50px;
padding: 5px;
border-top: 3px solid #ff9933;
background: #2CCBF2;
}
			/*TYPOGRAPHY*/
.blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}
blockquote {
	margin: 15px;
 	padding:20px;  	
  	background: #e7f1f8;
	border: 1px solid #f2f2f2; 
	border-left: 4px solid  #ff9933; 
	color: #4284B0;
	font: bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif; 
}
.small {
color: #ff9933;
font-size: 0.8em;
}
.big {
font-weight: bold;
font-size: 1.2em;
color: #ff9933;
}
			/*IMAGES*/
.imgright {
float: left;
margin: 10px;
padding: 10px;
}
			/*CURVED CORNERS*/
dl.curved {background:#2CCBF2 url(images/c_tl.gif) top left no-repeat; margin:15px 0; padding:0; width:100%; }
dl.curved dt {background:transparent url(images/c_tr.gif) top right no-repeat; padding:10px; text-align:center; font-weight: bold; color:#fff;}
dl.curved dd {background:#eee url(images/c_bl.gif) bottom left no-repeat; padding:0; margin:0;}
dl.curved dd p {margin:0; padding:10px; line-height:1.53em;}
dl.curved dd p.last {background:transparent url(images/c_br.gif) bottom right no-repeat; }
			/*LINK PROPERTIES*/
a img {
border: none;
}
a:link, a:visited {
color : #286e87;
background : inherit;
text-decoration : none;
}
a:hover {
text-decoration : none;
color : #999;
background : inherit;
}
#navlist li {
list-style-image : url(images/right.gif);
background : inherit;
color : #ff9933;
margin : 5px 0 0 0;
padding-left : 10px;
}
/**************************************Tool tip Hint ****************************************/
/* All form elements are within the definition list for this example 
dl {
	font:normal 12px/15px Arial;
    position: relative;
    width: 350px;
    padding-left: 100px;
}
dt {
    clear: both;
    float:left;
    width: 130px;
    padding: 4px 0px 2px 10px;
    text-align: left;
}
dd {
    float: left;
    width: 200px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}*/


/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    right: 250px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #00cc00;
    padding: 10px 12px;
     /* fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(pointer.gif) left top no-repeat;
}
.hintbig1 {
   	display: none;
    position: absolute;
    right: 130px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #00cc00;
    padding: 10px 12px;
     /* fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(pointer.gif) no-repeat -10px 5px;
}
.hintbig {
   	display: none;
    position: absolute;
    right: 130px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #00cc00;
    padding: 10px 12px;
     /* fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(pointer.gif) no-repeat -10px 5px;
}
/* The pointer image is hadded by using another span */
.hintbig .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(pointer.gif) left top no-repeat;
}

.hintbig1 .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(pointer.gif) left top no-repeat;
}
/**************************************Tool tip Hint ****************************************/

/**** Form Section ****/
input.radio
{
	display:block;
	height:13px;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
}

label.choice
{
	color:#444;
	display:block;
	font-size:100%;
	line-height:1.4em;
	margin:-1.55em 0 0 25px;
	padding:4px 0 5px;
	width:90%;
}

.img{ border:1px solid #ccc; padding:3px; margin:0px;}
DIV.rating{height:17px;overflow:hidden !important;position:relative;width:84px;}
DIV.rating img,
DIV.rating-small img{position:absolute;}
img.stars_0{clip:rect(0, 83px, 15px, 0);}
img.stars_0{clip:rect(0, 83px, 15px, 0);}
img.stars_1{clip:rect(19px, 83px, 35px, 0);top:-19px;}
img.stars_1_half{clip:rect(38px, 83px, 53px, 0);top:-38px;}
img.stars_2{clip:rect(57px, 83px, 72px, 0);top:-57px;}
img.stars_2_half{clip:rect(76px, 83px, 91px, 0);top:-76px;}
img.stars_3{clip:rect(95px, 83px, 110px, 0);top:-95px;}
img.stars_3_half{clip:rect(114px, 83px, 129px, 0);top:-114px;}
img.stars_4{clip:rect(133px, 83px, 148px, 0);top:-133px;}
img.stars_4_half{clip:rect(152px, 83px, 168px, 0);top:-152px;}
img.stars_5{clip:rect(171px, 83px, 186px, 0);top:-171px;}