body
{
	margin: 0 auto;
	padding: 0;
	font: 84% Tahoma, Verdana, Arial, Sans-Serif;
	background-position: top left;
	background: #d4d9dd url(img/background3.jpg) repeat-y;
	color:#222;
}

/*.overlibLayer { position:absolute; visibility:hide; z-index:1; align:center}*/

td.topics {
	border-top: #ffffff 1px solid;  border-bottom: #777c87 1px solid; border-left: #ffffff 1px solid; border-right: #000000 1px solid; color: #ffffff; background-color: #5A6371; font-size : 13px; text-align: center;
}
td.topics a {
	font-weight: normal; font-size: 13px; width: 100%; color: #C7CBD1; background-color: #5A6371; text-decoration: none;
}
td.topics a:visited {
	font-weight: normal; font-size: 13px; width: 100%; color: #C7CBD1; background-color: #5A6371; text-decoration: none;
}
td.topics a:hover {
	color: #fff; background-color: transparent; text-decoration: none;
}

td.topicsnow {
	border-top: #CCD5E6 1px solid; border-bottom: #CCD5E6 1px solid; border-left: #CCD5E6 1px solid; border-right: #CCD5E6 1px solid; color: #000000; background-color: #CCD5E6; text-align: center;
}
td.topicsnow a {
	font-weight: normal; font-size: 13px; width: 100%; color: #000000; background-color: #CCD5E6; text-decoration: none;
}
td.topicsnow a:visited {
	font-weight: normal; font-size: 13px; width: 100%; color: #000000; background-color: #CCD5E6; text-decoration: none;
}
td.topicsnow a:hover {
	color: #000000; background-color: #CCD5E6; text-decoration: none;
}

.tablehead {
	color: #ffffff;
	background-color: #606060;
}

a:link {
	color: #002bb8;
	background-color: transparent;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	background-color: transparent;
}

a:hover {
	text-decoration: underline;
	background-color: transparent;
}

a:active {
	color: #D26606;
	background-color: transparent;
}

#header {
	padding-top:2px;
	padding-bottom:1px;
	padding-left:20px;
	background-color: #1A2D67;
	background-image:url('img/headerbg2011.jpg');
}

#main {
	width: 760px;
	margin-left: 0;
	margin-right: auto;
}

#body {
	margin: 0 0 0 0;
	padding-top: 1px;
	background-color: #fff;
	position: relative;
	border-right: 230px solid #D8E7F6;
}

#body2 {
	margin: 0 0 0 0;
	padding-top: 1px;
	background-color: #FBFEFF;
	position: relative;
	border-left: 230px solid #D8E7F6;
}

#body-full {
	margin: 0 0 0 0;
	padding-top: 1px;
	background-color: #fff;
	position: relative;
}
#sidebar {
	
	width: 210px;
	position: absolute;
	left: 550px;
	top: 8px;
	padding: 1px;
}

#sidebar2 {
	
	width: 210px;
	position: absolute;
	left: -209px;
	top: 8px;
	padding: 1px;
}

#right {
	float: left;
	width: 190px;
}

#right li {
border-bottom:1px solid #009ec6;
list-style:none;
}

#right li a {
color:#31639c;
text-decoration:none;
display:block;
padding:2px;
}
#right li a:hover {
background-color:#a9cdeb;
border-right:3px solid #009ec6;
display:block;
}
#right a {
color:#009ec6;
display:block;
}
#right a.links {
margin-top:6px;
}

#content {
	padding: 15px;
	border-right: 1px solid #1962C0;
}

#content2 {
	padding: 15px;
	border-left: 1px solid #5681aa;
}

#content-full {
	padding: 18px;
}
h3,h4 {
margin:0 0 10px 0;
font-weight: normal;
}

h1 {
	font-size: 180%;
	color: #000;
	margin: 0;
}

h2 {
	font-size: 175%;
	color: #002bb8;
	margin: 8px 0 8px 0;
	border-bottom: 1px solid #bbc3cb;
	/* text-shadow: 0.05em 0.05em 0.1em #000*/ 
}

h3 {
	font-size: 158%;
	color: #002bb8;
	margin: 10px 0 8px 0;
}

h4 {
	font-size: 150%;
	color: #000000;
	margin: 10px 0 8px 0;
	border-bottom: 1px solid #bbc3cb;
}

.date {
	float: right;
}

.reportby {
	float: left;
}

.reportby img {
	 background-color: #fff;
	 margin-bottom: -4px;
}

.meta {
	height: 1em;
	margin-bottom: 20px;
	font-size: 93%;
	color: #676767;
}

.headline {
	font-size: 22px;
	color: #1a47c8;
}

.article {
	text-indent: 2.5em;
}

p {
	text-indent: 2.5em;
}

.editor {
	font-size: 92%;
	color: #676767;
}

.headerstyle {
display:block;
margin:0 0 10px 0;
padding:2px 0 3px 8px;
background:#fff url(img/headerbg.png) repeat-x;
color:#222;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
text-decoration:none;
}

.mainheader {
display:block;
margin:4px 0 4px 0;
padding:0 0 0 10px;
background: #fff url(img/headerbg.png) repeat-x;
color: #000;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
font-size: 17px;
font-weight: bold;
text-decoration: none;
text-indent: 0.1em;
}

.rightheader {
display:block;
margin:5px 0 2px 0;
padding:1px 0 1px 0;
background: #2C6BB8;
color:#fff;
font-size: 13px;
border-top:1px solid #bbd6ff;
border-bottom:1px solid #000;
border-right:1px solid #000;
border-left:1px solid #bbd6ff;
text-decoration: none;
font-weight: bold;
text-align: center;
}

.newsrightheader {
display:block;
margin:10px 0 0 35px;
padding:1px 0 0 0;
background: transparent;
color: #000;
font-size: 14px;
font-weight: bold;
text-indent: 0.1em;
}

.center {
	text-align: center;
}

.right {
	float: right;
	padding: 2px;
}

.cleared {
	clear: both;
	line-height: 1.0;
}

.header-link {
	font-size: 120%;
	color: #717171;
	margin: 5px 0 1px 0;
}

hr.dottedline {
		height: 1px;
border: 1px none; 
border-top: 1px dashed #808080;
}

.mainright {
	width: 90%;
	margin: 0 0 10px 0;
}

.mainright h3 {
	background: #6c757a;
	color: #fff;
	padding: 3px 0 3px 5px;
	margin: 0 0 3px 0;
	font-weight: bold;
}

	.right_articles {
		background: transparent;
		color: #414141;
		padding: 1px;	
		margin: 0 0 3px 0;
	}
	
.picture {
		background: transparent;
		color: #000;
		width: 188px;
		padding: 3px;
		margin-top: 15px;
		margin-bottom: 10px;
	}
.caption {text-indent: 0.1em; font-size: 90%; text-align: left; margin-top: 5px !important; padding: 1px !important; }


.sidecontent {
		background: transparent;
		color: #000;
		width: 190px;
		font-size: 95%;
	}

.newsarchives {
		background: transparent;
		color: #000;
		width: 190px;
		font-size: 12px;
		margin: 0 0 0 20px;
	}

.pullout {
	background-color: #eeeeee;
	padding: 5px;
	float: right;
	margin: 8px;
}

.breadcrumb a{
background: transparent url(img/breadcrumb.gif) no-repeat center right;
padding-right: 13px;
font-size: 93%;
}


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

.thumbnail-small {
	float: left;
	width: auto;
	position: relative;
	}

.thumbnail-small img {
	 background-color: #fff;
	 border-right: 1px solid #a9a9a9;
	 border-bottom: 1px solid #a9a9a9;
	 border-top: 1px solid #fff;
	 border-left: 1px solid #fff;
	 display: block;
	 margin: 6px 9px 4px 5px;
	 padding: 2px;
	 position: relative;
	}

.thumbnail-logo {
	float: left;
	width: auto;
	position: relative;
	}

.thumbnail-logo img {
	 background-color: #fff;
	 border: none;
	 margin: 1px 9px 3px 5px;
	 padding: 1px;
	 position: relative;
	}

.thumbnail-brief {
	width: auto;
	position: relative;
	}

.thumbnail-brief img {
	 background-color: #fff;
	 border-right: 2px solid #a9a9a9;
	 border-bottom: 2px solid #a9a9a9;
	 border-top: 1px solid #fff;
	 border-left: 1px solid #fff;
	 display: block;
 	 margin-left: auto;
	 margin-right: auto;
	 padding: 2px;
	 position: relative;
	}

.sidepic {
	width: auto;
	position: relative;
	}

.brief {
	text-indent: 0.1em;
}

.sidepic img {
	 background-color: #fff;
	 border: 1px solid #a9a9a9;
	 display: block;
	 margin: 0 0 0 12px;
	 padding: 1px;
	 position: relative;
	}

.thumbnail {
	float: left;
	width: auto;
	position: relative;
	/* background: transparent url(img/magnify.gif) bottom right no-repeat; */
	}

.thumbnail img {
	 background-color: #fff;
	 border-right: 2px solid #a9a9a9;
	 border-bottom: 2px solid #a9a9a9;
	 border-top: 1px solid #fff;
	 border-left: 1px solid #fff;
	 display: block;
	 margin: 0 7px 0 0;
	 padding: 2px;
	 position: relative;
	}

.thumbnail-mov {
	float: left;
	width: auto;
	position: relative;
	background: transparent url(img/movie.gif) bottom right no-repeat;
	}

.thumbnail-mov img {
	 background-color: #fff;
	 border-right: 2px solid #a9a9a9;
	 border-bottom: 2px solid #a9a9a9;
	 border-top: 1px solid #fff;
	 border-left: 1px solid #fff;
	 display: block;
	 margin: 0 20px 0 0;
	 padding: 2px;
	 position: relative;
	}

.movicon {
	width: auto;
	margin: 0 20px 0 0;
	position: relative;
	background: transparent url(img/movie.gif) bottom right no-repeat;
	}

.support {
	border: 0;
}

div.ArticlePageSelector
		{
			text-align: right;
			width: 50%;
			float: right;
		}

/*	Calendar styling		*/

.mainright table {
	width: 185px;
	margin: 0 2px;
	}

.mainright th, .mainright td {
	text-align: center;
	}

.mainright tbody a:link {
	display: block;
	background: #C3DCF3;
	font-weight: bold;
	}

.mainright tbody a:visited {
	display: block;
	background: #C3DCF3;
	}

.today {
	display: block;
	font-weight: bold;
	border: 1px solid #000;
	}

.tip {
	display: block;
	border: 1px solid #2C6BB8;
	font-weight: bold;
	}

div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#fff; border:1px solid #336; 
  width:200px; padding:3px;
  color:#000; font-size:12px; line-height:1.2;
}
/* These are optional. They demonstrate how you can individually format tooltip content  */
div.tp1 { font-size:12px; color:#336; font-style:italic }
div.tp2 { font-weight:bolder; color:#337; padding-top:4px }

tr.currentweek {
	background-color: #C0D5E8;
}

.gal_normal {
	 background-color: #fff;
	 border: 1px solid #808080;
	 display: block;
	 padding: 1px;
	}

.gal_thumbnail img {
	 background-color: #fff;
	 border: 0px solid #808080;
	 padding-right: 21px;
	 background: transparent url(img/magnify.gif) bottom right no-repeat;
	}

.info {
	background:url('img/infobox_mid.png') repeat-y;
	width: 533px;
	margin-left: auto;
	margin-right: auto;
}

.infobox_top {
	background:url('img/infobox_top.png') no-repeat;
	width: 533px;
	height: 20px;
}

.infobox_btm {
	background:url('img/infobox_btm.png') no-repeat;
	width: 533px;
	height: 20px;
}

.infobox {
	padding:0 15px 0 25px;
}

.summary {
	background:url('img/sumbox_mid.png') repeat-y;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.sumbox_top {
	background:url('img/sumbox_top.png') no-repeat;
	width: 500px;
	height: 20px;
}

.sumbox_btm {
	background:url('img/sumbox_btm.png') no-repeat;
	width: 500px;
	height: 20px;
}

.sumbox {
	padding:0 18px 0 18px;
}

.mwjissue {
	width: 180px;
	text-align: center;
	font-size: 95%;
}

.table1 { margin: 0px 0px 2px 0px; border-collapse: collapse; }

/* textarea.eventbox {background-color: #E8F1FA;} */
textarea.eventbox {background-color: #FBF9F9;}

.highlight {
 background-color: #FFFFCC;
 color: #B22222; 
}

#footer {
	width: 760px;
	padding-top: 2px;
	padding-bottom: 3px;
	text-align: center;
	font-size: 90%;
	margin-left: 0px;
	margin-right: auto;
	background-color: #F0F0F0;
	color: #000;
	border-top: 1px solid #9BA9B4;
	border-bottom: 1px solid #9BA9B4;
}



/* Added by mok */
div.adminpanel
		{
			text-align: left;
			width: 100%;
			float: right;
			border: solid 1px #c09090;
			background: #f0e0e0;
			margin:0px;
			padding-left:3px;
			padding-right:3px;
			padding-top:0px;
			padding-bottom:0px;
		}

div.memberpanel
		{
			font-family: serif;
			font-size: 10;
			text-align: right;
			color: black;
			width: 100%;
			float: right;
			border: none;
			background: #c0c0c0;
			margin:0px;
			padding-left:3px;
			padding-right:3px;
			padding-top:0px;
			padding-bottom:0px;
			:
		}
/* End added by mok */