/*  
white, black
red: #009966
light grey: DFDFDF
mid grey: BFBFBF
dk grey: 404040
*/
/* Top Elements */
* { margin: 0; padding: 0;}

body {
	font-family: Verdana, Tahoma, arial, sans-serif;
	color: #3A3A3A; 
	text-align: left;
	margin: 0 0 10px 0;	
	word-wrap: break-word;
}
.body_bg{
	background: white;/* url(../images/body_bg.gif) no-repeat 10% 90% */
}

/* links */
a, a:visited{	
	color: #009966; 
	background: inherit;
	text-decoration: none;		
}
a:hover {
	color: #404040;
	background: inherit;
	padding-bottom: 0;

}

/* headers */
h1, h2, h3, h4 {
	font-family: "Times New Roman", Times, serif;
	color: #009966;
}

h1 {	
	font-weight: bold;
	color: #FF0000;		
}
h2 {
	font-weight: bold;
	color: #009966;
}
h3 {
	font-weight: bold;
	color: #009966;
}

h4 {
	font-weight: bold;
	color: #9B9B9B;	
}

h1, h2, h3, h4, p {
	padding: 5px;		
	margin: 0;
}
ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
}

img{
	border:none;
}

/* images */
#content-wrap img {

}

#content-wrap img.no-border {
	border:none;
}

#content-wrap img.float-right {
  	margin: 5px 0px 10px 10px;  
}
#content-wrap img.float-left {
  	margin: 5px 10px 10px 0px;
}

/* start - table */

table {
	border-collapse: collapse;
	margin: 10px;	
}
th strong {
	color: #fff;
}
th {
	background: #e7e6e6 url(../images/button.jpg) repeat-x;
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;	
	text-align: left;
	border-left: 1px solid #f4f4f4;
	border-bottom: solid 2px #fff;
	color: #333;
}
tr {
	height: 30px;
}
td {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
td.first,th.first {
	border-left: 0px;
}
tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;		
}
/* end - table */

/* form elements */

form {
	margin:5px; padding: 5px;
	background: white;	
}
fieldset{
	padding:7px;
	border:1px solid #BFBFBF;
}
legend{
	padding:7px;
	border:none;
	font-size: 1.15em;
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
label.required {
	color:#009966;	
}
input {
	padding:2px;
	border:1px solid #eee;
	color:#777;
	background: #DFDFDF;
}
textarea {
	width:400px;
	padding:5px;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	font-family: "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	font-weight:  bold; 
	color: black;
	border:none;
	background: #BFBFBF;
}
input.button:hover { 
	background: #009966;
	color:white;
}

/********************************************
   LAYOUT
********************************************/ 
#wrap {
	position: relative;
	width: 970px;	
	padding:0;
	margin: 5px auto;
	text-align: left;
	background: #fff;
	border: 1px solid #EEE;
}
#content-wrap {
	/*float: left; */
	width: 100%;
	padding: 0; 	
	background: #fff;
	overflow:hidden;
}

#header {
	position:relative;
	margin: 0;
	background:  white;
	text-align:center;
	height: 75px;
	width:inherit;	
	padding: 0px;	
	color: #fff;	
}
#header img#print_header{
	display:none;
}
#header #header_logo{
	height:60px;
	width:200px;
	float:left;
	padding:10px 5px 5px 10px;
	background: url(../images/top_menu_bg.gif) repeat-x bottom;	
}
#header #header_right{
	width:755px;
	height:75px;
	float:left;	
}
#header #header_top_right{
	width:745px;
	height:15px;
	background:white;
	margin-bottom:0px;
	padding:5px;
	color:black;	
}
#navigation {
	position:relative;
	margin: 0;
	background: url(../images/top_menu_bg.gif) repeat-x;
	height: 35px;
	width:735px;	
	padding: 15px 20px 0px 0px;	
	color: #fff;
	/*border-bottom:1px solid #DFDFDF;	*/
}
/* header links */

.line_break {
	border-bottom: 1px solid #EFEFEF;
	margin: 10px 0 10px 0;
}
/* header */

/* Main Column */
#main.two-col  {
	margin: 0px 20px 0px 210px;
	width: 760px;
	background-color:#FFF;
	padding: 0px 7px;
}
#main.three-col {
	width:550px;
	margin: 0px 210px 0px 210px;
	background-color:#FFF;
	min-height:650px;
	padding: 0px 10px;	
}

#main #breadcrumb{
	margin: 10px 0px 0px 0px;
	padding: 7px;
}
#main h1 {
	font-weight: normal;
	color: black;		
}
#main p{
padding-right:20px;	
}
#leftcolumn {
	float: left;
	width: 180px;
	height:auto;
	padding: 15px 7px 15px 20px;	
	margin: 0;
	border-right:1px solid #DFDFDF;	
	background:white;
	margin-bottom: -32767px; 
	padding-bottom: 32767px;
}	

#rightcolumn {
	float: right;
	width: 180px;
	padding: 15px 20px 15px 7px;	
	margin: 0;
	border-left:1px solid #DFDFDF;	
	background: white;
	margin-bottom: -32767px; 
	padding-bottom: 32767px;	
}

#footer-wrap {
	clear: both;
	width: 970px;
	padding: 0px;
	border-top: 1px solid #DFDFDF;	
	background:white;
	color:#CCC;
}
#footer {
	background:white;
	color: #444;
	position: relative; 
	height: 15px;
	width: 950px;
	padding:10px;
}
#footer-wrap p{
	text-align:right;
}
#footer-wrap a, #footer-wrap a:visited{
	color: #333;
}
#footer-wrap a:hover,{
	color: #009966;
}
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.clear { clear: both; height:10px;}

/* ######################### MODULE STYLES ######################### */
.mod_header{
	position:absolute;
	z-index:5;
	right: 2px;
	top:8px;
	float:right;
	padding:3px;
	width: 175px;
	height: 30px;
}

.mod_left, .mod-right {
	margin-bottom:15px;
}

.mod_right .module_title, .mod_left .module_title, .mod_main .module_title{
	padding: 7px 2px 2px 5px; 
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	border-bottom: 1px solid #DFDFDF;
	padding-bottom:6px;
	margin-bottom:17px;
	text-decoration: none;	
	color: black; 
}
/* Custom title classes */

.mod_right .module_content, .mod_left .module_content{
	display:block;
	padding:2px 2px 10px 2px;
	background:none;
	margin:0px; 
}
.mod_right .module_content img{
	
	float:left;
	margin-right:5px;

}
	
.mod_main{

}
.mod_main .module_title{
	color:#009966;
}
.mod_main .module_content{

}
.mod-frame-light{
	background: white url(../images/mod_base_1.gif) no-repeat 0% 100%;
	border-top: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	margin-bottom:15px;
}
.mod-frame-mid{
	background: #808080 url(../images/mod_base_2.gif) no-repeat 0% 100%;
	border-top: 1px solid #808080;
	border-right: 1px solid #808080;
	color:white;
	margin-bottom:15px;
}
.mod-frame-mid a, .mod-frame-mid a:hover{
	color: white;
	border-bottom:1px dotted white;
}
.mod-frame-mid a:hover{
	color:#BFBFBF;
	border-bottom:1px dotted #BFBFBF;
}
.mod-frame-dark{
	background: black url(../images/mod_base_3.gif) no-repeat 0% 100%;
	border-top: 1px solid #404040;
	border-right: 1px solid #404040;
	color:white;
	margin-bottom:15px;
}
.mod-frame-dark a, .mod-frame-dark a:hover{
	
}
.mod-frame-dark a:hover{
	color:#BFBFBF;
}
.mod-frame-light .module_title{
	color: #009966;
	border-bottom: none;
	padding: 7px;
	line-height: 16px;
	margin-bottom: 5px;
}

.mod-frame-mid .module_title{
	color: white;
	border-bottom: none;
	padding: 7px;
	line-height: 16px;
	margin-bottom: 5px;
}
.mod-frame-dark .module_title{
	color: white;
	border-bottom: none;
	padding: 7px;
	line-height: 16px;
	margin-bottom: 5px;
}

/*####################BONUS TYPO STYLES ################### */
p.more-link{
	text-align:right;
}
/*####################MENU################## */

ul.menu{
	overflow:hidden;
	
}

ul.menu, ul.menu ul{
  list-style-type:none;
  margin: 0;
  padding: 0;
  font-size:1em;
}
ul.menu li {

}

/* to provide for vertical and horizontal menus based on the same style we have two classes - vertical and horizontal  */
/* ############ HORIZONTAL ##### */
ul.horizontal{
  width: 100%;

}
#footer ul.horizontal{
	width: 500px;
	font-size:0.85em;
}
ul.horizontal li{
	display: inline;
	margin-right:7px;
	height:25px;
}

ul.horizontal li a.current{
	background:none;
	color:#009966;
	font-weight:bold;
}
ul.horizontal li a.current:hover{
	color:black;
}
ul.horizontal li a {
  background: none;
  color: black;	
  font-size: 1.15em;
  padding: 0.5em 0.35em;
}
#footer ul.horizontal li a {
  padding: 0.5em 0.35em;
  color: #666;
}
ul.horizontal li a:hover {
	border-bottom: 1px dotted #009966;
	color: #009966;
	padding: 0.5em 0.35em;/* IE6 needs this */
}
#footer ul.horizontal li a:hover {
	border-bottom:none;
	color:#009966;
	padding: 0.5em 0.35em;
}
/* THE SUBMENUS */
/* all the submenu UL */
ul.horizontal li ul {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	margin-top: 10px;
	background: white;
	padding:0px;
	width:auto;
	font-size:0.75em;
	border: #EAEAEA 1px solid;
}
ul.horizontal li ul li {
	float: none;
	height:18px;
	display:block;
	margin: 0;
	padding:3px 10px; 
	white-space:nowrap; 
	z-index:999;
}

/*all the submenu links  */
ul.horizontal li ul li a {
	padding: 0.5em 1em;	
	margin: 0;
	color:black;
  background: url(../images/menu_arrow_mid_gr.gif) no-repeat 0% 50%;	
}
ul.horizontal li ul li a:hover, ul.horizontal li ul li a:active {
	color: #009966;
	border-bottom:none;
	padding: 0.5em 1em;
	background: url(../images/menu_arrow_black.gif) no-repeat 0% 50%;
}

/* ############ VERTICAL ##### */
ul.vertical{
  width: 170px;
}

ul.vertical li {
  display: block;
  margin-top: 5px;
  text-align: right;
  padding-right:20px;
  height:18px;
  text-transform: lowercase;
}

ul.vertical li a.current, ul.vertical li ul li a.current, ul.vertical li ul li ul li a.current{
	background:none;/*  url(../images/menu_current_arrow.gif)  no-repeat 0% 50% */
	color:#404040;
}

ul.vertical li a.current:hover, ul.vertical li ul li ul li a.current:hover{
	color:black;
}

ul.vertical li a {
	background: none;
	color: black;
	padding: 0.9em;
	font-size: 1.1em;  

}

ul.vertical li a:hover {
	background:  url(../images/menu_arrow_mid_gr.gif) no-repeat 100% 50%;
	color: #009966;
	padding: 0.9em;/* IE6 needs this */
}

ul.vertical li ul{
	position: relative;
	top: 0px;
	left: 0px;
	visibility: hidden;
	margin: 0px auto auto 15px;
	background: white;
	padding:0px;
	width:auto;
	border: #DFDFDF 1px solid;
	text-align:left;
}

ul.vertical li ul li {
	float: none;
	height:18px;
	display:block;
	margin: 0;
	padding:3px 7px; 
	white-space:nowrap; 
	z-index:999;

}

ul.vertical li ul li a {

	background: none;
  	color: black;
 	padding-left:10px;
}

ul.vertical li ul li a:hover {
	background:  url(../images/menu_arrow_mid_gr.gif) no-repeat 0% 50%;
	padding-left:10px;
	color: #009966;
}

/*##################TEXT################# */
body{
 	font-size:62.5%;
    line-height:1.18em; /* 16×1.125=18 */
}
#header{
	font-size:1em;	
}
#main{
	font-size:1em;	
	line-height:1.55em;
}
#leftcolumn{
	font-size:1em;	
}
#rightcolumn{
	font-size:1em;	
}
INPUT, SELECT, TH, TD {
	font-size:1em
}
h1 {
	font-size: 1.8em;		
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.5em;
}

h4 {
	font-size: 1.4em;
}
blockquote {
	font-size: 1.4em;
}
input.button { 
	font-size:1em;
}
#main #breadcrumb{
	font-size:1em;
}

#footer-wrap {
	font-size: 0.9em;
}
.mod_left .module_title{
	font-size: 1.35em;
}
.mod_left .module_content{
	font-size: 1em;
}
.mod_right .module_title{
	font-size: 1.35em;
}
.mod_right .module_content{
	font-size: 1em;
}
.module{
font-size: 1em;
}
.mod_main .module_title{
	font-size: 1.5em;
}
.mod_main .module_content{
	font-size: 0.95em;
}