/* --- Font Size Conversion Table From Base 16px --- */
/* ---  9px = 57% --- */
/* --- 10px = 63% --- */
/* --- 11px = 69% --- */
/* --- 12px = 75% --- */
/* --- 13px = 82% --- */
/* --- 14px = 88% --- */
/* --- 15px = 94% --- */
/* --- 16px = 100% --- */
/* --- 18px = 113% --- */
/* --- 20px = 125% --- */
/* --- 24px = 150% --- */

/* ----- IDS ----- */

#bodyContainer{
height:100%;
line-height:normal;
width:980px;
margin: 0% auto;
}

.nav-holder{
	padding-top:4px;
	padding-bottom:4px;
}

#nav {
	list-style-type: none;
	border-top:#000 1px dotted;
	border-bottom:#000 1px dotted;
	height:32px;
	padding:0px;
	margin:0px;
	background-color:#bbbcbf;
}

#nav li{
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:1.4em;
}

#nav li a:hover{
	color:#f0991f;
}

#nav li.active a, #nav li.active a:hover,
#nav li a:active {
	color:#fff;
	background-color:#f0991f;
}

#nav li a{
	color:#000;
	display:block;
	text-decoration: none;
	padding: 8px 14px 8px 14px;
	background-color:#FFF;
}

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

#header-img-content{
	margin-bottom:1px;
}

/* search */
.search{
background: none;
border: none;
}

/*content*/

.home-left, .home-right{
	margin-bottom:76px;
}

.home-left{
float:left;
width:703px;
margin-right:26px;
}

.home-right{
	float:left;
	width:215px;
	padding:16px;
	border: 2px #a6a6a6 dotted;
	text-align:left;
}

.title h2, .title span{
	display:block;
	margin:0px;
	overflow:hidden;
	text-indent:-9999px;
}

.text-latest{
	background-image:url(../images/2010/typographic/latest-news.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:42px;
}

/* footer */
#footer{
	text-align:left;
}

.footer-text{
	padding-top:7px;
	padding-right:5px;
}

#footer hr{
	margin:0; padding:0;
	margin-bottom:7px;
	border:1px solid #666;
	border-width:0 0 1px 0;
}

#footer p{
	font-size:1.1em;
	font-family:Arial,Helvetica,sans-serif;
	margin-bottom:10px;
}

#footer a{
	color:#000;
}

#footer a:hover{
	color:#dc8e00;
}

.text-komosion{
	background-image:url(../images/2010/komosion.gif);
	background-repeat:no-repeat;
	width:115px;
	height:19px;
	background-position:left bottom;
}

.text-vi{
	background-image:url(../images/2010/vi.gif);
	background-repeat:no-repeat;
	width:37px;
	height:19px;
	background-position:left middle;
}

/*content */
/*left content*/
.content-left{
	float:left;
	width:223px;
	margin-right:45px;
}

/* left side nav */
#side-nav {
	width:100%;
	font-weight:bold;
	display:block;
	list-style-type: none;
	padding:0px;
	margin:0px;
}

#side-nav li{
	font-family:Arial,Helvetica,sans-serif;
	width:100%;
}

#side-nav li a:hover{
	color:#f0991f;
	border:none;
	border-bottom:#fff 1px solid;
}

#side-nav li.active a, #side-nav li.active a:hover,
#side-nav li a:active {
	color:#fff;
	background-color:#f0991f;
	border:none;
}

#side-nav li a:active {border-bottom:#fff 1px solid;}

#side-nav li a{
	color:#fff;
	display:block;
	text-decoration: none;
	padding: 8px 14px 8px 14px;
	background-color:#6c6c6a;
	font-size:1.4em;
	border-bottom:#fff 1px solid;
}

/*side sub nav */
#side-nav li #sub-nav {
	display:block;
	list-style-type: none;
	padding:0px;
	margin:0px;
	background-color:#e8ad52;
	font-size:1em;
}

#side-nav li #sub-nav li{
	font-family:Arial,Helvetica,sans-serif;
	float:left;
	width:100%;
}
#side-nav li #sub-nav li a:hover{
	color:#726c5d;
}

#side-nav li #sub-nav li.active a,#side-nav li #sub-nav li.active a:hover,
#side-nav li #sub-nav li a:active{
	color:#000;
	background-color:#e8ad52;
}

#side-nav li #sub-nav li a{
	color:#fff;
	display:block;
	text-decoration: none;
	padding: 8px 14px 8px 25px;
	background-color:#e8ad52;
	font-size:1.2em;
	border:none;
}

/*sub sub nav */

#side-nav li #sub-nav li #sub-sub-nav {
	display:block;
	list-style-type: none;
	padding:0px;
	margin:0px;
	background-color:#e8ad52;
	font-size:1em;
}

#side-nav li #sub-nav li #sub-sub-nav li{
font-family:Arial,Helvetica,sans-serif;
float:left;
width:100%;
}

#side-nav li #sub-nav li #sub-sub-nav li.active a,#side-nav li #sub-nav li #sub-sub-nav li.active a:hover{
	color:#000;
	background-color:#e8ad52;
}

#side-nav li #sub-nav li #sub-sub-nav li a:hover{
	color:#726c5d;
}

#side-nav li #sub-nav li #sub-sub-nav li a{
	color:#fff;
	display:block;
	text-decoration: none;
	padding: 8px 14px 8px 37px;
	background-color:#e8ad52;
	font-size:1.2em;
}

/*right content*/
.content-right{
	width:712px;
	float:left;
}

/*breadcrumbs*/
.breadcrumbs {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.1em;
height:1%;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:0px;
margin-top:9px;
margin-bottom:35px;
}

.breadcrumbs li{
	float:left;
}

.breadcrumbs li a {
background-attachment:scroll;
background-color:transparent;
background-image:url(../images/2010/crumb-divider.gif);
background-position:100% 4px;
background-repeat:no-repeat;
color:#666666;
float:left;
padding-right:9px;
text-decoration:underline;
}

.breadcrumbs li a:hover{
	color:#f89c19;
}

.text-mco-2011{
	background-image:url(../images/2010/typographic/mco-2011.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:126px;
}

.h3-heading {
	font: bold 1.4em Arial, Helvetica, sans-serif;
}

.title-heading{
	border-bottom: #8f8f8f 1px dotted;
	margin-bottom:20px;
	padding-bottom:10px;
}

.sifr-heading{
	border-bottom: #8f8f8f 1px dotted;
	margin-bottom:20px;
}

.clearer { display:block; width:100%; height:0; clear:both}
.clearer hr { display:none;}

/*mw end*/



/* ----- IDS ----- */

/* NB --- do NOT style base HTML tags
body{}
*/

.template-font-size { font-size:62.5%;}

#container {
	margin:auto;
	min-width:750px;
	text-align:left;
	width:57.69em;
}

/* 1. header */
#header{
	display:block; width:100%; height:60px;
	margin:0; padding: 0;
}

#logotypeBox {
	width:70%;
	float:left;
}

#searchBox {
	width:30%;
	float:left;
}

/* 2. navigation */
#navigation {
	display:block; width:100%; height:30px;
}

/* 3. Main Content */

#mainContentBox { display:block; width:100%;}

.sidePanel-left, .mainContent, .sidePanel-right {
	display:block;
	float:left; margin:0; padding:0;
}

.sidePanel-left, .sidePanel-right { width:24%;}
.mainContent { width:50%;}



/* 4. footer */

#footer { clear:both; display:block; margin:20px 0 0 0; width:100%; }


/* ----- CLASSES ----- */

.content { margin: 0; padding:0;}



/* ----- HEADINGS ----- */

.mainContent h2 { display:block; }



/* ----- LISTS ----- */
#navigation ul, #footerNav ul {
	float:left;
	list-style-type:none;
	margin:0; padding:0;
	font-size:75%;
}

#navigation li, #footerNav li {
	display:inline;
	margin:0; padding:0;
}

#secondaryNav ul {
	margin:0; padding:0;
	font-size:75%;
}

#secondaryNav li {
	margin:0 0 0 1em; padding:0 0 0 0.5em;
}

#secondaryNav li a {
	display:block; padding: 3px 0 2px 0;
}

#secondaryNav ul ul { font-size:100%;}
#secondaryNav li li {}
#secondaryNav li li a {}


/* ----- BREAK ----- */


/* NB --- do NOT style base HTML tags
hr{}
*/

.clearer hr { display:none; }



/* ----- LINKS ----- */

a img { border-width:0;}


/* ----- FORMS ----- */

/* mw added */

form, fieldset{
	margin:0;
	padding:0;
	top:0px;
	border-style:none;
}

.search-text {
	font: 1.3em Helvetica, Arial, sans-serif;
}

#input-text {
	width:125px;
	height:22px;
	line-height:20px;
	padding-left:10px;
	padding-right:5px;
	margin-left:8px;
	float:left;
	background:transparent url(../images/2010/form/searchInput.gif) no-repeat scroll left top;
	vertical-align:middle;
	border:0px;
}

.form-box{
	padding-top:5px;
}

.btn-search {
	margin-left:5px;
	float:left;
}

.search-style {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

/* mw end */

form.searchForm {
	display:block; float:right;
	margin:4px 22px 0 0; padding:0;
	width:230px;
}

#searchLabel {
	display:block; float:left;
	width:20px; height:20px;
	margin:2px 0 0 0; padding:0;
	overflow:hidden;
	text-indent:-1000em;
	background:transparent url(../images/2010/form/searchLabel.gif) no-repeat scroll left top;
}

#searchCriteria {
	color:#333333;
	font-family:Helvetica,Arial,sans-serif;
	font-size:75%;
	height:16px; width:150px; /* [height] OR [width]- padding = [actual height] OR [actual width] */
	margin-top:0 !important; padding:4px 0 0 5px;
	border:0 solid #000;
}

#searchGo {
	margin-top:3px !important; padding:0;
	vertical-align:top;
}

#contentNews{
	float:left;
	width:200px;
	background-color:#fff;
}

#contentNews H3{
	float:left;
	color:#F0991F;
	font-weight:bold;
	padding-top:10px;
}

.newText {
	border-bottom:1px solid #000000;
	color:#333333;
	float:left;
	padding-bottom:15px;
	width:200px;
}

.newText a {
	font-weight: bold;
	color:#F0991F;
}

