html, body {
	margin: 0;
	width: 100%;
	height: 100%;
}
body {
	min-width: 980px;
	background: #626262 url("page_bg.png") repeat-x;
	font: 11px verdana, arial, "trebuchet ms", helvetica, sans-serif;
z-index:0;
}


/*--- general ---*/
form {margin: 0;padding: 0;}
img {border: none;display: block;}
ul {margin: 0;padding: 0;list-style: none;}

.clr:after {
	height: 0;
	clear: both;
	content: "";
	display: block;
}
* html .clr {height: 1%;}

h1, h2, h3, h5, h6 {
	margin: 0;
	font-weight: bold;
	font-family: verdana, arial, "trebuchet ms", helvetica, sans-serif;
}
h1 {
	color: #f15c22;
	font-size: 22px;
	padding: 0 0 12px 0;
}
h2 {
	color: #58585a;
	font-size: 20px;
	padding: 0 0 12px 0;
}
h3 {
	color: #f15c22;
	font-size: 18px;
	padding: 0 0 12px 0;
}
h4 {
	color: #58585a;
	font-size: 14px;
}
h5 {
	color: #58585a;
	font-size: 14px;
}
p {
	margin: 0;
	line-height: 24px;
}
a {
	color: #f15c22;
	cursor: pointer;
	text-decoration: none;
}
a:hover {text-decoration: underline;}
a:active, a:focus {outline: none;}

.fpbuttons {
	width: 600px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.fpbuttons td, .fpbuttons a {
	text-align: left;
}

.fpbuttons img {
	text-align: left;
	margin-left: 0px;
}


#page {
	width: 980px;
	margin: 0 auto;
	padding: 10px 0 6px 0;
z-index:10;
}
.wrap-page-1 {
	width: 980px;
	height: 25px;
	background: none;
}
.wrap-page-3 {
	width: 980px;
	height: 50px;
	background: url("bg-bot-page.gif") no-repeat;
}
.wrap-page-2 {
	width: 950px;
	padding: 0 15px;
	background: url("bg-mid-page.gif") repeat-y;
}
.wrap-header {
	width: 100%;
	background: url("bg-header-1.png") repeat-x;
	position: relative;
	
}
#header {
	width: 980px;
	min-height: 162px;
	position: absolute; 
	left: -15px;
	padding: 0 0 0 0;
}
* html #header {height: 162px;}



#header ul {
	float: right;
	padding: 14px 0 0 0;
}
#header ul li {
	float: left;
	font-weight: bold;
	padding: 0 0 0 2px;
	background: url("sep-1.gif") no-repeat;
}
#header ul li:first-child {background-image: none;}

#header ul li a {
	float: left;
	color: #fff;
	padding: 0 11px;
	line-height: 26px;
	background: #012D62 url("bg-nav-1.gif") repeat-x;
}
#header ul li a:hover,
#header ul li .active {
	text-decoration: none;
	background: #012D62 url("bg-nav-2.gif") repeat-x;
}



/* MENU */
#menu-holder{
	float:left;
	width:100%;
	position:absolute;
	background:url(menu_bg.png) #f05c22 repeat-x 0 0;
	top: 162px;
z-index:20;
	}

#menu{
	padding:0 10px;
	}

#menu li{
	float:left;
	position:relative;
	}
	
#menu li a{
	display:block;
	padding:15px 11px;
	font:bold 12px Arial, sans-serif;
	color: #fff;
	text-decoration:none;
	}

#menu li a:hover { background:url(menu_bg_over.png) #f05c22 repeat-x 0 0; color: #fff;}
#menu li:hover #dropmenu-holder {left:0px;}

#menu li .drop1{display:none;}
#menu li:hover .drop1, #menu li.hover .drop1{display:block;}
#menu li:hover .drop1 .drop2, #menu li.hover .drop1 .drop2{display:none;}
#menu li:hover .drop1 li:hover .drop2, #menu li.hover .drop1 li.hover .drop2{display:block;}

#menu .drop1{
	position:absolute;
	top:50px;
	left:0;
	}

#menu .drop2{
	position:absolute;
	top:0;
	left:150px;
	}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.dropmenu {width:164px; height:45px; position:relative; font-family:arial, sans-serif; background:url(http://evo.evomarketing.net/assets/evo/menu_bg.png); z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .dropmenu {width:165px; w\idth:164px; z-index:10px;}
/* remove all the bullets, borders and padding from the default list styling */
.dropmenu ul {padding:0;margin:0;list-style-type:none; z-index:110;}
.dropmenu ul ul {width:164px; z-index:6;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.dropmenu li {float:left;width:164px;position:relative;z-index:120;}
/* style the links for the top level */
.dropmenu a, .dropmenu a:visited {display:block; font-size:12px; text-decoration:none; color:#fff; width:164px; height:45px; text-align:center; line-height:45px; font-weight:bold; z-index:130;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .dropmenu a, * html .dropmenu a:visited {width:164px; w\idth:164px; z-index:140;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.dropmenu ul ul {visibility:hidden; position:absolute; height:0; top:45px; left:0; width:144px; z-index:150;}
/* another hack for IE5.5 */
* html .dropmenu ul ul {top:44px;t\op:45px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.dropmenu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.dropmenu ul ul a, .dropmenu ul ul a:visited {background:#dd5019; color:#FFF; height:auto; line-height:1em; padding:5px 10px; width:144px; text-align:left; z-index:160;}
/* yet another hack for IE5.5 */
* html .dropmenu ul ul a, * html .dropmenu ul ul a:visited {width:143px;w\idth:144px;}

/* style the top level hover */
.dropmenu a:hover, .dropmenu ul ul a:hover{background:url(http://evo.evomarketing.net/assets/evo/menu_bg_over.png); text-decoration:none;}
.dropmenu :hover > a, .dropmenu ul ul :hover > a {background:url(http://evo.evomarketing.net/assets/evo/menu_bg_over.png); text-decoration:none;}

/* make the second level visible when hover on first level list OR link */
.dropmenu ul li:hover ul,
.dropmenu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.dropmenu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.dropmenu ul :hover ul :hover ul{ visibility:visible;}

.fpbuttons h3 {
	text-align: center;
	font-size: 16px;
	padding: 4px 0 5px 0;
}

.fpbuttons p {
	text-align: center;
}

.fpbuttons td {
	vertical-align: top;
}




#content {
	width: 100%;
	padding: 205px 0px 0px 0px;
}

.secondary-content-wrapper {
	float: right;
	width: 220px;
	padding: 0px 0px  0px  0px ;
	margin: 20px 20px 0px 0px  ;
	background: url(secondary-content-bg-mid.gif) top repeat-y;
}

.secondary-content-top {
	width: 220px;
	height: 15px;
	background: url(secondary-content-bg-top.gif) no-repeat;
}

.secondary-content-bottom {
	width: 220px;
	height: 15px;
	background: url(secondary-content-bg-bottom.gif) no-repeat;
}


.secondary-content {
	width: 190px;
	margin-left: 15px;
	
}
.secondary-content p {
line-height:16px;
}

.primary-content input, .secondary-content input {
	position: relative;
	z-index: ;
}

.primary-content img, 
.primary-content a {
	position: relative;
z-index:2px;
}



.primary-content-top {
	width: 661px;
	height: 15px;
	padding: 0px 0px 0px 0px;
	background: url(primary-content-bg-top.gif) no-repeat;
	display: block;
}

.primary-content-bottom {
	width: 661px;
	height: 15px;
	padding: 0px 0px 0px 0px;
	background: url(primary-content-bg-bottom.gif) no-repeat;
	display: block;
	clear: both;
}

.primary-content-wrapper {
	float: left;
	width: 661px;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 20px;
	background: url(primary-content-bg-mid.gif) 0px 0px repeat-y;
}

.primary-content {
	width: 600px;
	padding: 11px 10px 0 25px;
	display: block;
       z-index:1;
}

.primary-content p {padding: 0 0 14px 0;}

.primary-content ol {
	line-height: 24px;
	margin: 0 0 0 20px;
	padding: 0 0 14px 0;
}

.primary-content ul {
	line-height: 24px;
	margin: 0 0 0 20px;
	padding: 0 0 14px 0;
}

.primary-content li {
	line-height: 24px;
	padding: 0 0 0 19px;
	background: url("m-1.gif") no-repeat 0 10px;
}
.primary-content ul li {
	padding: 0 0 0 19px;

}
.breadcrumbs {padding: 7px 0 15px 0;}

.breadcrumbs li {
	color: #0461bc;
	display: inline;
	padding: 0 0 0 0;
}
.breadcrumbs li a {color: #0461bc;margin: 0 4px 0 0;}

.banners {
	width: 191px;
	float: right;
	display: inline;
	margin: 0 -18px 0 12px;
}
.banners li {
	float: left;
	padding: 0 0 11px 0;
}
.flash {
	clear: both;
	width: 706px;
	overflow: hidden;
	padding: 17px 0 16px 0;
}
.extra-info {
	width: 100%;
	padding: 18px 0 0 0;
	border-top: 1px solid #000;
}
.extra-info div {float: left;}
.extra-info .info-1 {width: 218px;}
.extra-info .info-2 {width: 209px;padding: 0 33px 0 22px;}
.extra-info .info-3 {width: 209px;}
.extra-info div h4 {padding: 0 0 4px 0;}
.extra-info div p a {
	font-weight: bold;
	margin: 0 0 0 55px;
}
#footer {
	width: 100%;
	padding: 0 0 10px 0;
	clear: both;
}
#footer ul {
	top: 20px;
	width: 100%;
	text-align: center;
	position: relative;
}
#footer p {
	color: #58585a;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
}
#footer a {
	color: #58585a;

}

.ticker-wrapper {
	background:url(ticker-bg.gif) 0px 0px no-repeat;
	width:930px;
	height: 32px;
	margin-left: 20px;
	margin-top: 20px;
	padding: 8px 0px 0px 21px;
}