/************** HTML *****************/

@font-face {
	font-family: 'MyriadProRegular';
	src: url('fonts/myriadpro-regular-webfont.eot');
	src: local('☺'), url('fonts/myriadpro-regular-webfont.ttf') format('truetype'), url('fonts/myriadpro-regular-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

* {
font-family: 'MyriadProRegular';
font-size: 13px;
color: #909090;
}

body {
background-image: url(images/tmp/layou.png);
background-repeat: no-repeat;
background-position: top center;
}

h1, h2, h3, h4, h5 { 
margin:0 0 10px; 
padding:0; 
font-family: MyriadProRegular;
}

h1, h1 * {
text-decoration: none;
color: #58585a;
padding-bottom: 4px;
border-bottom: 2px solid #a2a2a2;
font-weight: normal;
text-transform: uppercase;
}

div#header h1 {
margin-top: 15px;
}

h2, h2 * {
text-decoration: none;
padding: 7px;
background-color: #58585a;
color: #fff;
font-weight: normal;
text-transform: uppercase;
}

h3, h3 * {
text-decoration: none;
color: #58585a;
padding-bottom: 4px;
border-bottom: 2px solid #a2a2a2;
font-weight: normal;
}

div#right_sidebar h1,
div#right_sidebar h2,
div#right_sidebar p {
text-align: right;
}

p {
margin: 5px 0 4px 0;
line-height: 15px; 
}

a {
}

a img { border:0; }

div#content p img {
margin-right: 11px;
margin-bottom: 11px;
}

div#footer * {
color: #fff;
}

div#footer h3 {
padding: 0;
background-image: none;
background-color: transparent;
font-size: 13px;
border: 0;
text-transform: uppercase;
margin-bottom: 10px;
}


div#footer a {
text-decoration: none;
}

div#footer a:hover {
text-decoration: none;
color: #666;
}

div#footer ul li {
margin-bottom: 5px;
}

div#footer p {
margin-bottom: 12px;
}

div.separator {
clear: both; padding: 7px 0; border-top: 1px solid #ddd;
}


/************** LAYOUT *****************/

div#container {
width: 957px;
position: relative;
left: 50%;
margin-left: -480px;
}

div#header {
margin-bottom: 20px;
}

div#left_sidebar {
border: 0px solid green;
width: 272px;
padding-left: 12px;
float: left;
margin-right: 15px;
}

div#right_sidebar {
border: 0px solid green;
width: 300px;
float: right;
}

div#content {
width: 643px;
padding-right: 12px;
border: 0px solid purple;
float: left;
}

div#footer {
clear: both;
height: 113px;
padding: 10px 7px 7px 7px;
background-image: url(images/shared/footer_background.png);
background-repeat: no-repeat;
background-position: top right;
margin-top: 20px;
margin-bottom: 12px;
}

/************** NAV MENU *****************/

/*  menu header */

div#header * {
font-family: MyriadProRegular;
font-size: 13px;
}

div#header ul {  
margin: 0;
margin-top: 20px;
}

div#header ul li {  
display: block;
width: 135px;
height: 42px;
float: left;
margin-right: 2px;
}

div#header ul li#menu_last_tab {
margin-right: 0;
}

div#header ul li a {  
display: block;
width: 125px;
height: 32px;
background-image: url(images/shared/nav_button.png);
background-repeat: no-repeat;
padding: 10px 0 0 10px;
text-transform: uppercase;
color: #fff;
text-decoration: none;
}

div#header ul li a:hover,
div#header ul li a.selected {  
background-image: url(images/shared/nav_button_sel.png);
}


/************** UTILITIES *****************/

.clear { 
clear:both;
 }

.clear_after:after {
content: ";"; 
display: block; 
height: 0; 
clear: both !important; 
visibility: hidden;
}
		
* html .clear_after {
height: 1%;
}

.mrhide { display: none; }

.left {  clear:left; }
.right {  clear:right; }

hr.clear {
padding:0;
margin:0;
border:0;
border-bottom: 1px solid #2B8AB0;
clear: both;
}

hr.clear.footer_bottom {
border-bottom: 1px solid #286D88;
}