/*  @@@@@[  Wrappers  ]@@@@@ */
/* The percentage in the body tag takes care of earlier versions of IE using the percentages (base font size is 16px for IE 6, 16 x 62.5 = 10)... ems should be used in most other style declarations */

body {
	background:url(images/bg_body.gif) repeat-x top;
	background-color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #ffe;
	font-size: 11px;
	line-height:19px;
}
#wrapper {
	width: 1027px;
	margin: 0px auto;
}

/*  @@@@@[  Navigation  ]@@@@@ */
#nav {
	width:216px;
	height:213px;
	background:url(images/_bg-nav.gif) no-repeat;
	padding-top:37px;
	margin-bottom:21px;
}


/* @@@@@[ Footer  ]@@@@@ */
#footer {
	width:991px;
	color:#515A68;
	padding-left:19px;
	padding-right:17px;
	padding-bottom:35px;
	line-height:12px;
}
#footer a:link, #footer a:visited, #footer a:active {
	color:#515A68;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: none;
	color:#F0AB26;
}
#footer .seo a:link, #footer .seo a:visited, #footer .seo a:active, #footer .seo a:hover {
	color:#515A68;
	text-decoration: none;
}
#footer a.seo:visited, #footer a.seo:active, #footer a.seo:link {
	text-decoration: none;	
	color:#515A68;
}
#footer a.seo:hover {
	text-decoration: none; cursor: text;
}


/* @@@@@[  Main Page  ]@@@@@ */


/*Content*/
#mid_content {
	width:1027px;
	background:url(images/content_mid.png) repeat-y;
}
#top_content {
	width:1027px;
	background:url(images/content_top.jpg) no-repeat center top;
}
#bot_content {
	width:945px;
	background:url(images/content_bot.jpg) no-repeat center bottom;
	padding-left:41px;
	padding-right:41px;
	padding-bottom:1px;
}
#left {
	width:638px;
	float:left;
	margin-top:6px;
}
* html #left {
	width:638px;
	float:left;
	margin-top:3px;
}
*:first-child+html #left {
	width:638px;
	float:left;
	margin-top:3px;
}
#right {
	width:307px;
	float:right;
	background:url(images/xmap_bg.gif) no-repeat top right;
	background-color:#8A9AB3;
	margin-top:6px;
	height:auto;
	min-height:488px;
}
* html #right {
	margin-top:3px;
}
*:first-child+html #right {
	margin-top:3px;
}
*:first-child+html {} * html #right {
	width:307px;
	float:right;
	background:url(images/map_bg.gif) no-repeat top right;
	background-color:#8A9AB3;
	height:420px;
	min-height:420px;
}
#right p {
	margin:0px;
	padding-bottom:183px;
	text-align:center;
}
#right ul {
	list-style-type:none;
	padding-left:8px;
	margin:0px;
	color:#21324E;
}
#right ul li {
	background-image:url(images/builet_n.gif);
	background-repeat:no-repeat;
	background-position: 0px 3px;
	display:inline;
	float:left;
	margin:0px;
	padding-right:20px;
	padding-left:0px;
}
.safari #right ul li, .opera #right ul li {
	background-image:url(images/builet_n.gif);
	background-repeat:no-repeat;
	background-position: 0px 2px;
	display:inline;
	float:left;
	margin:0px;
	padding-right:20px;
	padding-left:0px;
}
#right ul li a{
	color:#21324E;
	text-decoration:none;
}
#right ul li a span {
	padding-left:16px;
}
#right ul li a:hover , #right ul li a.active_builet{
	background-image:url(images/builet_o.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	margin:0px;
}
.drop_down_list {
	width:216px;
	margin:0px auto;
	padding-top:17px;
}
#right select {
	width:210px;
	border:solid 1px #85867F;
	color:#000000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}


.box {
	width:273px;
	height:auto;
	min-height:181px;
	background-color:#515A68;
	margin-right:6px;
	margin-top:6px;
	padding-right:40px;
	float:left;
}
* html .box {
	margin-top:3px;
}
*:first-child+html .box {
	margin-top:3px;
}
*:first-child+html {} * html .box {
	width:273px;
	height:181px;
	min-height:181px;
	background-color:#515A68;
	margin-right:6px;
	padding-right:40px;
	float:left;
}
.box p {
	margin:0px;
	padding-bottom:5px;
}
.box a {
	text-decoration:underline;
	color:#F0AB26;
}
.box a:hover {
	text-decoration:none;
}

/* @@@@@[  Headings  ]@@@@@ */
h1 {
	margin:0px 0px 0px 22px;
	width:204px;
	height:60px;
	text-indent:-9999em; 
	overflow:hidden;
	display:block;
	background:url(images/_welcome-h.jpg) no-repeat;
}



/* @@@@@[  Redefined Tags / Classes  ]@@@@@ */
.clrSolo {
	clear: both; 
 	font-size: 0px; 
 	line-height: 0px; 
 	margin: 0px; 
 	padding: 0px; 
 	visibility: hidden;
	height: 0;
}
.clr {
 	clear: both;
}
.left {
 	float: left;
}
.right {
 	float: right;
}
.imgLeft {
	float:left;
	margin-right:16px;
}
.img {
	margin-top:21px;
	margin-bottom:4px;
}
.text {
	color:#000000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}