/* Kwarc Custom 
   CSS Document 
*/

@import url(/wsml.css);

/* CSS Document */

* {
padding:0;
margin:0;
border:0;
}


/*used for overall centering*/
#frame {
	width: 975px;
	margin: 0 auto;
	text-align: left;
}

/*subject to change*/
body {
	height:100%;
	margin: 0; border: 0; padding:0;
	background: #898751 url(/mkmimages/longBack.jpg) repeat-x;
	text-align:center;
}



div#topnav {
	width: 975px;	
	margin: 0; padding:0; border: 0;
	background: #fff;
}

div#topleft {
	float:left;
	background: url(/mkmimages/logo.jpg);
	border:0;
	margin:0;
	padding:0;
	width:167px;
	height:138px;
}

div#topright {
	width: 808px;	height: 104px;
	margin: 0; padding: 0; border: 0;	
	float: right;
	background-image: url(/mkmimages/logoHeader.jpg);
}

div#toprightEmpty {
	width: 808px;	height: 138px;
	margin: 0; padding: 0; border: 0;	
	float: right;
	background-image: url(/mkmimages/logoHeaderLarge.jpg);
}

.bigPicture { 
	width: 167px; 
	height: 138px; 
	border: 0;  
	display: inline;
}

div#topNavi {
	width: 790px;
	height:24px;
	padding-left:18px;
	padding-top: 10px;
	margin:0;
	border: 0;
	float: right;
	background: #fff;
}


#topNavi ul { 
	list-style: none; 
	margin: 0; padding: 0 0 10px 0; 
	font: normal 0.73em "Lucida Grande", Tahoma, Helvetica;
}

#topNavi ul li { 
	display: inline; 
	
}

#topNavi ul li a { 
	color: #4d4c2e; 
	text-decoration: none; 
	font-weight: bold; 
}

#topNavi ul li a:hover { 
	color: #444; 
}

#topNavi .left { 
	padding: 0 10px 0 0; 
	border-right: 1px solid #ccc; 
}

#topNavi .regular { 
	padding: 0 10px 0 10px; 
	border-right: 1px solid #ccc; 
}

#topNavi .right { 
	padding: 0 0 0 10px; 
	border-right: 0; 
}

div#content { 
	width: 975px; 
	background: #fff;
	float:left;
	background: #fff;
	min-height:400px;
	background: #fff url(/mkmimages/navi.jpg) repeat-y;
}


/* left side */

div#leftside {
	width: 167px;
	margin: 0; border: 0; padding: 0;
	float: left;
}

div#leftContainer {
	float:left; 
	width:808px; 
	background:#FFFFFF;
}


div#leftNavi {
	width: 130px;
	margin: 0; border: 0; padding: 15px 0px 0px 15px;
	float: left;
	text-align: left;
	
}

#leftNavi ul { 
	margin: 0 0 10px 0; 
	padding: 0; 
	border: 0; 
	list-style: none;

}

#leftNavi ul li { 
	text-align: left; 
	margin: 0 0 0 0; 
	font: bold 0.67em "Lucida Grande", Tahoma, Helvetica; 
}

#leftNavi ul li a { 
	width: 130px; 
	display: block; 
	margin: 0;color: #4d4c2e;
	padding: 8px 5px 8px 10px; 
	text-decoration: none; 
	background: url(/mkmimages/pointedLine.png) no-repeat left bottom;
}

#leftNavi ul li a:hover { 
	color: #252415;
}

#leftNavi .selected {
	width: 130px; 
	display: block; 
	margin: 0;
	padding: 8px 5px 8px 10px; 
	text-decoration: none; 
	color: #252415;
	background: url(/mkmimages/pointedLine.png) no-repeat left bottom;
}

#leftNavi .sibling {
	width: 130px; 
	display: block; 
	margin: 0;color: #ccc; 
	padding: 8px 5px 8px 10px; 
	text-decoration: none; 
	color: #fff; background: #00FFFF; 
}

#leftNavi .header { 
	margin: 0 0 1px 0; 
	color: #888; 
	text-transform: uppercase; 
	letter-spacing: 0.2em; 
	border-top: 0; 
	padding: 8px 5px 8px 10px; 
	font: normal 1.1em Arial, Helvetica, sans; 
}
	
#leftNavi .header a { 
	width: 130px; 
	display: block; 
	color: #888; 
	margin: 0; 
	border-top: 0; 
	padding:0; 
}

#leftNavi .header a:hover { 
	color: #ccc; 
	background: none; 
}

div#main {
 	width: 433px;
	border:0px;
	margin: 0;
	/* top right bottom left*/
	padding: 20px;
	float: left;
	background: #fff;
	min-height:400px;
}

div#mainExpanded {
 	width: 768px;
	min-height:400px;
	margin: 0; 
	border: 0;
	float:right;
	background: #fff;
	padding: 20px 20px 20px 20px;


}

/* text formatting */

.main p { 
	font-family: "Lucida Grande", Tahoma, Helvetica; 
	font-size:0.73em; 
	color: #444; 
	text-align:justify; 
	line-height: 20px; 
	font-weight:normal;
}
.main p a { text-decoration: none; color: #4d4c2e;}
.main p a:hover {  color: #444; }

.main dl { 
	font-family: "Lucida Grande", Tahoma, Helvetica; 
	font-size:0.73em; 
	font: normal 1.2em; 
	color: #444; 
	text-align: justify; 
	line-height: 1.7em;
}

.main dd {
	padding-bottom:20px;
}

.main dl a { text-decoration: none; color: #4d4c2e;}
.main dl a:hover {  color: #444; }

.main tt {
	font-size: 1.2em;
}

.main address {
	font: normal 1.2em; color: #444; text-align: justify; line-height: 1.7em;;
}
.main address a { text-decoration: none; color: #4d4c2e;}
.main address a:hover {  color: #444; }

/* list item styles */

.main ul {	
	text-align: left; 
	font-family: "Lucida Grande", Tahoma, Helvetica;
	font-size:0.73em;
	color: #444; margin: 20px 10px 20px 2px;	
	border: 0; 
	padding: 0; 
}


.main ul li { 
	list-style-type: none; 
	line-height: 1.6em; 
	margin-bottom: 10px; 
	padding-left: 0px; 
}

.main ul li a { 
	text-decoration: none; 
	color: #4d4c2e; 
	font-weight: bold; 
}

.main ul li a:hover { 
	color: #444; 
}

/* header styles */

.main h1 {
	font-family: Helvetica, Arial,verdana,sans-serif;
	text-align: left;
	text-shadow: #d6d6d6 0 1px 0;
	letter-spacing: -1px;
	margin-top:5px;
	
	margin: 5px 0 0px 0px;
	padding-right: 10px;
	font-weight: lighter;
	font-size: 1.3em;
	color:#666666;
}
.main h2 { 
	font-family: "Lucida Grande", Tahoma, Helvetica;
	font-size: 0.8em;
	color:#666666; 
	padding: 0; 
	margin: 15px 0 0 0; 
	padding-bottom:10px;
}

.main h2 a { 
	color: #4d4c2e; 
	text-decoration: none; 
}

.main h2 a:hover { 
	color: #444; 
}


.main  h3 {
	color: #777;
	margin: 15px 0 18px 0;
	line-height: 1.4em;
	font-family: "Lucida Grande", Tahoma, Helvetica;
	font-size: 0.73em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align:justify;
	padding-bottom:10px;
	margin-top:-10px;
}
.main  h3 a { 
	color: #4d4c2e; 
	text-decoration: none; 
}

.main h3 a:hover { 
	color: #444; 
}


.main h4 { 
	font: normal 2em "Times New Roman", Times, serif; 
	color: #444; 
	padding: 0; 
	margin: 10px 0 12px 0; 
	line-height: 1.4em; 
}
	
.main h5 { 
	font: normal 3em "Times New Roman", Times, serif; 
	color: #444; padding: 0; 
	margin: 0 0 15px 0; 
}

.main h5 a { 
	color: #4d4c2e; 
	text-decoration: none; 
}

.main h5 a:hover { 
	color: #444; 
}

.main h6 { 
	font: normal 2em "Times New Roman", Times, serif; 
	color: #444; 
	padding: 0; 
	margin: 15px 0 0 0; 
	line-height: 1.4em; 
}

div#rightSide {
	width: 326px;
	padding-top: 20px;
	margin: 0; border: 0;
	background:#fff;
	float:left;
	overflow:visible;
}

div#rightSideCentered {
	width: 326px;
	margin: 0 auto;
	overflow:visible;
	background:#FFFFFF;
	padding-left:20px;
	text-align:left;
}



.newsimage { 
	width: 130px; 
	float: left; 
}

.newstext p {  
	color: #777; 
}

.newstext p a {
	color: #4d4c2e;
}
.newstext p a:hover { 
	color: #444; 
}

.newstext h1 {
	color:  #4d4c2e;
}

.newstext h1 a {
	color: #4d4c2e;
}

.newstext h1 a:hover {
	color: #444;
}

/* link to full news page */

.newstext_bottom a {
	border-top: solid #CCCCCC 1px;
	font-family: "Lucida Grande", Tahoma, Helvetica;
	font-size:0.6em;
	color:#CCCCCC;
	text-decoration:none;
}

.newstext_bottom a:hover {
	border-bottom: solid #CCCCCC 1px;
}

.newsimage p  { 
	margin: 0; 
	padding: 0; 
	border: 0; 
}

.newsimage p a { 
	color: #80CE00; 
	text-decoration: none; 
}

.newsimage p a:hover { 
	color: #444; 
}

a .imagelink { 
	border: 1px solid #ccc; 
}

a:hover .imagelink { 
	border: 1px solid #4d4c2e; 
}


/* clearing br */

.clear { 
	clear: left;  
}


.clrend { 
	clear: both;
	margin: 0; 
}

hr { 
	border: 0; 
	margin: 0; 
	padding: 0; 
	height: 1px; 
	color: #ccc; 
	background-color: #ccc; 
}



.contentImg { 
	border: 0;
}

.contentImgContainer { 
	width: 430px; 
	margin-top: 4px; 
	margin-bottom:20px; 
	background: #edece1; 
	padding: 5px 0px 5px 0px;
	
	 
}

.contentImgContainerExpanded { 
	width: 680px; 
	margin-top: 4px; 
	margin-bottom:20px; 
	background: #edece1; 
	padding: 5px 0px 5px 0px; 
}

#bottombar{ /*this is the site footer*/
	width: 788px;
	color: #878566;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:187px;
	text-align:left;
	margin: 0 auto;
	overflow: hidden;
	clear:both;
	position: relative;
	font-family: "Lucida Grande", Tahoma, Helvetica;
	background: url(/mkmimages/bottom.jpg) repeat-x;
	font-size:0.7em;
	font-weight:lighter;
}


#bottombar a {
	text-decoration: none;
	color:#878566;
}

#bottombar a:hover {
	text-decoration: underline;
}

/* styles for the redirect page */

 /* styles for IE 5 Mac */
 #vcenter {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	text-align: center;
	min-width: 900px; 
 }
 
 #hcenter {
 	width:167px; 
	margin: 0 auto;
 }
 

.rtext {
	font-family: "Lucida Grande", Tahoma, Helvetica;
	color:#FFFFFF;
	font-size:1.2em;
}

.rtext a {
	text-decoration:none;
	color:#fff;
}

.rtext a:hover {
	text-decoration:underline;
}

#redirect-logo {
	border:0px;
	margin:0px;
	padding:0px;
	padding-bottom:20px;
	width:167px;
	height:138px;
	background: url(/mkmimages/redirect-logo.jpg) no-repeat;
}

#news-logo {
	border:0px;
	margin:0 auto;
	width:167px;
	margin-top:20px;
	margin-bottom:20px;
	height: 138px;
	background: url(/mkmimages/redirect-logo.jpg) no-repeat;
}