html{
	font-size:100.1%;
	height:100%;
}

body{
	margin:0;
	color:#383838;
	font-family :Arial, Helvetica, sans-serif;
    font-size: 12px;
background: rgb(229,229,229);
background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 );
}




h1 {color: #fbad32; font-family: arial; font-size: 22px; margin-top: 0px; margin-bottom: 5px}
h2 {color: #fbad32; font-family: arial; margin-top: 0px; margin-bottom: 5px}

#wrapper {width: 900px;  margin: 0 auto; background: #fff!important; position: relative; border: 1px solid #ccc;}
#wrapper-2 {width: 900px;  margin: 0 auto; background: #fff!important; position: relative; border: 1px solid #ccc; }

#header {width: 860px; background: #fff!important; clear: both; text-align: center; margin-top: 28px;}


#bucket-wrapper {width: 800px;  margin: 0 auto; background: #fff!important; position: relative; margin-bottom: 150px;  clear: both;}
#bucket {text-decoration: none; color: #383838; font-size: 12px; width: 14%; margin-right: 3px; border: 1px solid #ccc; text-align: center; padding: 8px; float: left; 
	border-radius: 4px; margin-bottom: 4px;}
#bucket:hover{ text-decoration: none; color: #fbad32; font-size: 12px; width: 14%; margin-right: 3px; border: 1px solid #ff9900; text-align: center; padding: 8px; float: left; 
	border-radius: 4px; margin-bottom: 4px;}

#bucket a{text-decoration: none; color: #383838; font-size: 12px;}
#bucket a:hover{text-decoration: none; color: #fbad32; font-size: 12px;}



#navigation{width: 184px; float: left; padding-top: 15px;position: relative; height: 100%}

#navigation ul li{ width: 100%; border-top: 1px solid #ccc; padding: 4px 8px; list-style: none}

#navigation ul li a{display: block; font-size: 11px; color: #383838;font-family: arial; text-decoration: none}
#navigation ul li a:hover{font-size: 11px; color: #fbad32;font-family: arial; text-decoration: none}

#iip{ margin-top: -150px; margin-bottom: 50px;}



#content { width: 660px; min-height: 500px; float: right; padding: 20px 20px 40px 20px;}
#content a{ color: #fbad32; text-decoration: none;}
#content a:hover{ color: #383838; text-decoration: none;}

#content-wrapper { width: 800px; margin: 0 auto;  }
#content-wrapper a{ color: #fbad32; text-decoration: none;}
#content-wrapper a:hover{ color: #383838; text-decoration: none;}




#footer {width: 830px; height: 100px; background: #ddd!important; 
	clear: both; padding: 20px 35px 40px 35px;}

#footer-col-1 {width: 40%; float: left; font-size: 16px;}


#footer-col-2 {width: 30%; float: left; font-size: 13px;}
#footer-col-2 a {color: #fbad32; text-decoration: none}
#footer-col-2 a:hover {color: #fff; text-decoration: none}


#footer-col-3 {width: 20%; float: right; text-align: right; font-size: 13px;}


#clinger { position: fixed; top: 0px; right: 0px;}
#clinger2 { position: fixed; top: 0px; left:0px;  width:100%; background: #fbad31; text-align: center; padding: 5px 0px}
#clinger2 a{ text-decoration: none; font-size: 17px; color: #fff }
#clinger2 a:hover{ text-decoration: none; font-size: 17px; color: #383838 }

.left { float: left; margin: 0 15px 15px 0px;}
.right { float: right; margin: 0 0px 15px 15px;}