/* CSS Document */
* {
    margin: 0;
    padding: 0;
}

@font-face {
	font-family: 'TheSans';
	src: url('fonts/TheSansOffice5_.eot');
	src: local('☺'), url('fonts/TheSansOffice5_.woff') format('woff'), url('fonts/TheSansOffice5_.ttf') format('truetype'), url('fonts/TheSansOffice5_.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


html {height: 100.1%}

body {
	background-color: #f4fbfd;
	color:#4d4e53;
	padding:10px 0;
	font: 11px/140% Verdana, 'Geneva, sans-serif';
}
.center {width:962px; margin:0 auto; height:auto; position:relative; background-color:#fff}
.contentaround {width:920px; padding:42px 21px 32px 21px; position: relative; height: auto; overflow:auto}

/********************** LEFT ********************************/
#leftarea {width:215px; margin-right:20px; float:left; height:auto}
#leftarea a {display:block; padding:4px 0px 4px 0px;  border-bottom:1px dotted #d7d7d7}
#leftarea ul {
	list-style-position: inside;
	list-style-type: none;
	padding-bottom:40px;
	border-bottom:0px dotted #d7d7d7;
	border-top:1px dotted #d7d7d7
}
#leftarea ul li a, #leftarea ul li a:visited {display:block; padding:4px 0; border-bottom:1px dotted #d7d7d7; color:#00a9e0!important}
#leftarea ul li a:hover {display:block; padding:4px 0; border-bottom:1px dotted #d7d7d7; color:#4d4e53!important; text-decoration:underline }


#leftarea ul li ul {	padding-bottom:0px; border-top:0px solid #fff;border-bottom:1px dotted #d7d7d7;}

#leftarea ul li ul li a, #leftarea ul li ul li a:visited {display:block; padding:2px 0; margin-left:15px; border-bottom:0px dotted #3d9be0; color:#4d4e53 !important}
#leftarea ul li ul li a:hover {display:block; padding:2px 0; border-bottom:0px dotted #3d9be0; color:#00a9e0!important; text-decoration:underline }

#leftarea .ON  {color:#4d4e53!important}
#leftarea .ON a {color:#4d4e53!important}
#leftarea .ON a:link  {color:#4d4e53!important}
#leftarea .ON_sub { border-bottom:0px solid #fff!important;}

/********************** CONTENT ********************************/
.content {width:450px; float:left; margin-top:-10px }

.content ul, .content ol {
	margin: 0 0 5px 35px;
}
.content ul li, .content ol li {
	font: 11px/140% Verdana, 'Geneva, sans-serif';
	margin-bottom: 8px;
	list-style-image: url(img/dot_LIST.gif);
}
.content ul li ul, .content ol li ol {
	margin: 8px 0 8px 35px
}
.tableTEST td {padding: 4px 0 ;
border-bottom:1px solid #d7d7d7;}
.tableTEST table {border-top:1px solid #d7d7d7;}

/********************** RIGHT ********************************/
.rightarea {width:215px; padding-left:20px; float:left}
.contactbox {
	width:163px;
	min-height:46px;
	overflow: auto;
	border:1px solid #d7d7d7;
	padding: 6px 10px 6px 40px;
	background-color: #fafafa;
	background-image: url(img/icn_contact.png);
	background-repeat: no-repeat;
	background-position: 6px 6px;
	margin-bottom:12px
}
.downloadbox {
	width:193px;
     height:auto;
	border:1px solid #d7d7d7;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	padding: 10px;
	background-color: #fafafa;
	margin-bottom:12px
}
.downloadbox h2 {font: normal 17px/120% 'TheSans', Verdana, 'Geneva, sans-serif'; margin: 5px 0 8px 0}

.bucket {width:215px; color:#fff; margin-bottom:12px}
.bucketTOP {font-size:12px;
	height:37px;
	background-image: url(img/bucket_top.png);
	background-repeat: no-repeat;
	background-position: top;
	padding: 5px 10px 0 10px;
	font-weight:bold;
	
}
.bucketBOTTOM {
	min-height:53px;
	overflow:auto;
	background-image: url(img/bucket_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 5px 10px 0 10px;
	
}
a.buck, a.buck:visited {color:#fff!important}

/********************** RIGHT ********************************/
#homebuckets {clear:both; padding-left:233px; padding-top:20px}

/******************************************************/
.BGgreen {background-color:#009a49}
.BGgrey {background-color:#4d4f53}
.BGblue {background-color:#00a9e0}

/******************************************************/

a, a:visited {color:#00a9e0; text-decoration:none}
a:hover {color:#00a9e0; text-decoration:underline}


h1 {
	color: #009a49;
	font: normal 30px/120% 'TheSans', Verdana, 'Geneva, sans-serif'; margin: 0 0 16px 0
}
h2 {
	color: #009a49;
	font: normal 18px/120% 'TheSans', Verdana, 'Geneva, sans-serif'; margin: 15px 0 5px 0
}
h3 {
	color: #009a49;
	font: bold 11px/140% Verdana, 'Geneva, sans-serif';  margin-bottom: 8px

}
h4 {
	color: #00a9e0;
	font: normal 17px/120% 'TheSans', Verdana, 'Geneva, sans-serif'; margin: 15px 0 5px 0
}
p {margin-bottom: 8px}






.blue {color: #00a9e0}
.green {color: #009a49}
.line {height:10px; border-bottom: 1px dotted #ccc; margin-bottom: 14px; clear:both}
.pict {float:right; margin: 0 0 0 20px}
.pictLI {float:left; margin-right: 20px}
.box {float:left; margin-right: 20px; width:225px; border: 1px solid #ccc}
.box p, .box h3, .box h2 {padding-left:8px}
.small {font-size:10px}

blockquote {margin:0 0 5px 35px; }
.footer {padding: 12px 21px; border-top:1px solid #d7d7d7; font-size: 10px}