/* CSS Document */



/* ======================= MAIN PAGE ELEMENTS ==================== */

body {
	margin: 0;
	
	padding: 0;
	background-color:#75777a;
	}

#container {
	width: 793px; 
	
	height: 100%;
	
	margin: 0 auto 45px auto;
	
/* 	border: #999 solid 1px;*/
	
	background-image:url(assets/images/cols.gif);
	
	background-repeat:repeat-y;
	}
	
#top_banner {
	width: 792px;
	
	height: 65px;
	
	border-bottom: #999 solid 1px;
	
	background-image: url(assets/images/top_banner3.gif);
	
	background-repeat:no-repeat;

	}	
	
#footer {
	width: 792px;
	
	border-top: #999 solid 1px;
	
	background-color:#FFFFFF;
	}
	
	
/*++++++++++++ THESE CONTROL TWO MAIN COLUMNS ++++++++++++++ */
	
#left {
	width: 108px;
	
	height: 100%;
	
	float: left;
	
	padding: 35px 7px 0 7px;
	}
	
#right {
	width: 670px;
	
	_width: 664px;
	
	height: 100%;
	
	float: right;
	
	
	}
	
.clear {
	clear: both;
	}
	
#both {
	width: 792px;
	
	height: 100%;
	}
	
/*++++++++++++ THIS IS THE RIGHT MAIN COLUMN ++++++++++++++ */

#headline {
	width: 669px;
	
	height: 60px;
	
	margin-left:1px;
	}
	
/*++++++++++++ THIS IS THE RIGHT MAIN COLUMN ++++++++++++++ */

	#noheadline {
		width: 669px;

		height: 15px;

		margin-left:1px;
		}
	
	
	
/*++++++++++++ THIS IS THE LEFT MAIN COLUMN WITH NAVIGATION ++++++++++++++ */ 

#navcontainer {  }

#left ul
{
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
font-family: verdana, arial, Helvetica, sans-serif;
font-size:10px;
}

#left #navlist li { margin: 0 0 1px 0;border-bottom: #999 dotted 1px; }

#left #subnavlist li { border:none; }

#left a
{
display: block;
padding: 5px 0px;
width: 78px;
color: #666;
text-decoration: none;
}

#left a:hover
{
color: #666;
text-decoration: none;
font-weight: bold;
}

#left ul ul li { margin: 0 0 1px 0; }

#left ul ul a
{
display: block;
padding: 5px 0 5px 10px;
width: 58px;
color: #666;
text-decoration: none;
}

#left ul ul a:hover
{
color: #666;
text-decoration: none;
}

#active a:link, #active a:visited, #active a:hover {
	font-weight:bold;
	}
	
.phone {
	margin-top:34px;
	
	font-family: verdana, arial, Helvetica, sans-serif;
	
	font-size:0.54em;
	}
	
/* ++++++++++++ STATIC PAGE +++++++++++++++++ */

#cols {
	width: 652px;
	
	height: 100%;
	
	padding:0 7px 20px 10px;
	}
	
#mapleft_col {
		width: 320px;

		height: 100%;

		float: left;
		}
#mapright_col {
			width: 320px;

			height: 100%;

			float: right;
			}
			
#left_col {
	width: 191px;
	
	height: 100%;
	
	float: left;
	}
	
#right_col {
	width: 437px;
	
	height: 100%;
	
	float: right;
	}
	
/* ++++++++++++++ TEXT FORMATTING +++++++++++ */
p {
	font-family: verdana, arial, Helvetica, sans-serif;

	font-size:11px;
	
	color:#333333;
	
	line-height: 130%;
	}
	
p a{
	font-family: verdana, arial, Helvetica, sans-serif;

	font-size:11px;
	
	color:#333333;
	
	text-decoration: none;
	}
	
p a:hover{
	font-family: verdana, arial, Helvetica, sans-serif;

	font-size:11px;
	
	font-weight: bold;
	
	color:#333333;
	
	text-decoration: none;
	}
	
p a:visited{
	font-family: verdana, arial, Helvetica, sans-serif;

	font-size:11px;
	
	color:#999999;
	
	text-decoration: none;
	}
	
.h1 {
	font-family: arial, Helvetica, sans-serif;

	font-size:1em;
	
	color: #767676;
	
	line-height: 120%;
	
	font-weight: bold;
	}
	
	
.date {
	font-family: arial, Helvetica, sans-serif;

	font-size:0.56em;
	
	color: #999999;
	
	padding:2px 8px 2px 8px;

	}
	
.cat_name {
	font-family: arial, Helvetica, sans-serif;

	font-size:16px;
	
	font-weight:bold;
	}
	
.click {
	font-family: arial, Helvetica, sans-serif;

	font-size:10px;
	
	color: #fff;
	
	font-weight:bold;
	
	padding: 30px 2px 0 2px;
	
	text-align:center;
	}
	
.click a{
	font-family: arial, Helvetica, sans-serif;

	font-size:10px;
	
	color: #fff;
	
	font-weight:bold;
	
	text-align:center;
	}
	
.click a:hover{
	font-family: arial, Helvetica, sans-serif;

	font-size:10px;
	
	color: #fff;
	
	font-weight:bold;
	
	text-align:center;
	}
	
.click a:visited{
	font-family: arial, Helvetica, sans-serif;

	font-size:10px;
	
	color: #fff;
	
	font-weight:bold;
	
	text-align:center;
	}

.table_head {
	font-family: arial, Helvetica, sans-serif;

	font-size:14px;
	
	color: #fff;
	
	font-weight:bold;
	}
	
.table_text {
	font-family: arial, Helvetica, sans-serif;

	font-size:12px;
	
	color: #878889;
	}

	
/* ++++++++++++++ CATALOGUE PAGES +++++++++++ */

#left_col2 {
	width: 190px;
	
	height: 100%;
	
	float: left;
	
	border: #999 solid 1px;
	
	padding:5px;
	}
	
#right_col2 {
	width: 417px;
	
	height: 100%;
	
	float: right;
	
	border: #999 solid 1px;
	
	padding:10px;
	}	
	
.cat_box {
	width: 417px;
	
	height: 100%;
	
	border-bottom: #999 solid 1px;
	
	padding-bottom:5px;
	
	margin-top:3px;
	}
	
.cat_box .leftbox {
	width: 235px;
	
	height: 100%;
	
	float: left;
	}
	
.cat_box .rightbox {
	width: 170px;
	
	height: 100%;
	
	float: right;
	}
	
.img {
	width: 97px;
	
	height: 97px;
	
	float: left;
	}
	
#cols2 {
	width: 643px;
	
	height: 100%;
	
	padding:0 7px 20px 0px;
	
	border:#999 solid 1px;
	
	margin:0 10px 0 7px;
	}
	
#left_col3 {
	width: 190px;
	
	height: 100%;
	
	float: left;
	
	padding:5px;
	}
	
#right_col3 {
	width: 400px;
	
	height: 100%;
	
	float: right;
	
	padding:10px;
	}	
	


/* +++++++++++++ CLICK BOXES COLORS +++++++++++++ */

.click_grey {
	width: 67px;
	
	height: 97px;
	
	float:right;
	
	background-color: #a0a1a1;
	}

.click_red {
	width: 67px;
	
	height: 97px;
	
	float:right;
	
	background-color: #a0a1a1;
	}
	
.click_green {
	width: 67px;
	
	height: 97px;
	
	float:right;
	
	background-color: #767676;
	}
	
.click_blue {
	width: 67px;
	
	height: 97px;
	
	float:right;
	
	background-color: #767676;
	}
	
.click_brown {
	width: 67px;
	
	height: 97px;
	
	float:right;
	
	background-color: #767676;
	}
	
/* +++++++++++++ CATALOGUE COLORS +++++++++++++ */
.red {
	color: #767676;
	}
	
.green {
	color: #767676;
	}
	
.blue {
	color: #FFCB1B;
	}

.brown {
	color: #767676;
	} 
	
/* +++++++++++++ CHARTS +++++++++++++ */
.chart {
	width: 626px;
	
	height: 100%;
	
	padding:0 7px 20px 7px;
	}
	
table {
	margin-top: 10px;
	}
	
th {
	background-color:#878889;
	}
	
tr {
	background-color:#d9dade;
	
	}
	
td {
	font-family: arial, Helvetica, sans-serif;

	font-size:12px;
	
	color: #333;
	}
	
td a{
	font-family: arial, Helvetica, sans-serif;

	font-size:12px;
	
	color: #b10034;
	}	
	
/* +++++++++++++ LISTS +++++++++++++ */

ul.list {
	list-style-image: url('dot.gif');
	list-style-position: outside;
	/*list-style-type: disc */
	font-family: verdana, arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	}
	
	/* +++++++++++++ LISTS2 +++++++++++++ */

ul.list2 {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: decimal;
	/*list-style-type: disc */
	font-family: verdana, arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	}
	/* +++++++++++++ LISTS3 +++++++++++++ */

ul.list3 {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: upper-roman;
	/*list-style-type: disc */
	font-family: verdana, arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	}



	
ul.mails {
	list-style-type: disc;
	font-family: verdana, arial, Helvetica, sans-serif;
	font-size:11px;	
	color:#333333;	
	line-height: 150%;

	}
	
ul.mails a{
	list-style-type: disc;
	
	font-family: verdana, arial, Helvetica, sans-serif;

	font-size:11px;
	
	color:#b10034;
	
	line-height: 150%;

	}
	
	.date  a{
	color: #999999;

	text-decoration: none;

	}

.date  a:hover{
	color: #999999;

	text-decoration: none;

	}

.date a:visited {
         color: #999999;

	text-decoration: none;

	}

a img, a:visited img, a:active img, a:active img
    {
border:none;
    }