/* ======== main body ======== */
* {
	padding: 0px;
	margin: 0px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7F7F7F;
	background: #ffffff url(bg_site_name.jpg) no-repeat top left;
}
img {
	border:0px;
}
a {
	color: #7F7F7F;
	background-color: transparent;
}
a:hover {
	color:#000;
	background-color: transparent;
}
/* Current page in the navigation */
a.current {
	color: #ff0000;
	background-color: transparent;
}
hr {
	clear: both;
	color: #7F94AE;
	background-color: #fff;
	border-style: solid;
	border-width: 1px;
	margin: 5px 0px 5px 0px;
}
h1 {
	color: #7F94AE;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12pt;
	margin: 5px 0px 5px 10px;
}
h2 {
	color: #7F94AE;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 11pt;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}
p {
	padding: 0px;
	margin: 10px 0px 10px 0px;
}

/* ======== header ======== */
#header {
	margin: 0px;
	padding: 0px;
	width: 980px;
	
}
/** header - your slogan **/
#header h1 {
	background: transparent url(bg_header_slogan.jpg) repeat-y right;
	font-weight: normal;
	color: #666;
	font-size: 11pt;
	text-align: right;
}
#header h2 {
	float: left;
	font-size: 26px;
	padding-left: 60px;
}
#header h2 span {
	color: #004AA9;
	background-color: transparent;
}
/** header navigation **/
#header ul {
	float: right;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
#header li {
	float: left;
	margin: 0px;
	padding: 0px;
	background: url(bg_header_navigation.gif) no-repeat left top;
}
#header li a {
	display: block;
	padding: 8px 19px 0px 19px;
	text-decoration: none;
	font-weight: normal;
}
#header > ul a {
	width: auto;
}

/* ======== wrapper ======== */
#wrapper {
	clear: both;
	width: 980px;
	height: auto;
	text-align: left;
	background: url(f5.gif) no-repeat center right;
}
/** left column **/
#col-left {
	width: 198px;
	float: left;
	text-align: left;
	margin-left: 20px;
	background: url(bg_left_navigation.gif) no-repeat top left;
}
html>body #col-left {
	margin-left: 40px;
}
#col-left ul {
	list-style: none;
	border: none;
	line-height: 20px;
	font-size: 11pt;
}
html>body #col-left ul {
      width: auto;
}
#col-left ul li {
	margin: 0px 5px 0px 5px;
}
#col-left ul li a {
	display: block;
	width: 168px;
	padding-left: 15px;
	text-decoration: none;
	border: 1px dotted #fff;
}
html>body #col-left ul li a {
      width: auto;
}
#col-left li a:hover {
	border: 1px dotted #7D7D7D;
}
/*** left navigation ***/
#left-navigation {
	border-left: 2px solid #7F94AE;
	border-right: 2px solid #7F94AE;
	border-bottom: 2px solid #7F94AE;
}
/**** Heading left navigation ****/
#left-navigation h2 {
	margin: 10px 0px 5px 5px;
}
#left-navigation h2.top {
	padding-top: 15px;
}
/*** col left search ***/
#search {
	margin: 3px 0px 5px 0px;
	height: auto;
	text-align: center;
	padding: 12px 0px 3px 0px;
	border: 2px solid #7F94AE;
}
/*** col left contact information ***/
#questions {
	margin: 0px 0px 8px 0px;
	padding: 3px;
	height: auto;
	text-align: left;
	background: url(bg_questions.gif) no-repeat right;
	border: 2px solid #7F94AE;
}
/** right column **/
#col-right {
	margin-left: 250px;
	background: url(f1.gif) no-repeat top left;
	padding: 20px 50px 0px 50px;
}
#col-right h1{
	padding-left: 230px;
	height: 36px;
	background: url(f2.gif) no-repeat top right;
}
#col-right p {
	margin: 10px 0px 0px 0px;
	text-align: justify;
}
/*** right column Full width box ***/
div.full-width-box {
	margin: 15px 0px 10px 0px;
	padding: 15px;
	border: 1px dotted #7F94AE;
}
/*** right column Half of width box left ***/
div.half-width-box-left {
	margin: 10px 0px 10px 0px;
	border: 1px dotted #7F94AE;
	padding: 15px;
	width: 270px;
	float: left;
}
/*** right column Half of width box right ***/
div.half-width-box-right {
	margin: 10px 0px 10px 0px;
	border: 1px dotted #7F94AE;
	padding: 15px;
	width: 270px;
	float: right;
}
/*** Picture inside the text ***/
.img-float-left {
	float: left;
	padding: 2px;
	margin-right: 5px;
	border: 2px solid #7F94AE;
}
.img-float-right {
	float: right;
	padding: 2px;
	margin-left: 5px;
	border: 2px solid #7F94AE;
}
/*** Clearing of a float ***/
div.clear {
	clear: both;
	width: 100%;
	height: 1px;
}
/* ======== footer ======== */
#footer {
	clear: both;
	display: block;
	width: 980px;
	height: 47px;
	text-align: left;
	margin: 3px 0px 3px 0px;
	padding: 0px 0px 0px 220px;
	background: url(bg_footer.gif) no-repeat top left;
}