/* Neutralize styling: 
   Elements we want to clean out entirely: */

html, body, form, fieldset {
  margin: 0;
  padding: 0;
  font: 100%/120% Arial, Verdana, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
  margin: 1em 0;
  padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
  margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
  cursor: pointer;
}
fieldset {
  border: none;
}
input, select, textarea {
  font-size: 100%;
}

/*--- end intial ---*/
body
 {
  margin: 0;
  padding: 0 3%;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 76%; 
  text-align: center;
  line-height: 1.5em;
  color: #333;
  background: #BCD2BC url(images/main_bg.png) repeat-x top;
}

.normal, .normaldisabled, .normal td {
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 10pt; 
}

.normalbold  {
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 10pt;
 font-weight: bold; 
}

#main_table{
  margin-top: 15px;
  border: solid 2px #888 ;
  background: #EBF4D9;
}

#header {
  background: #999 url(images/topbg.jpg) repeat-x top left;
  height: 100px;
}

#logo_img{
  float: left;
}
	
#title_img{
  xfloat: left;
  xmargin-left: 5%;
}

#names {
  float: right;
}

#footer {
  background: url(Images/mnc_footer_grass.png) repeat top right; /*#6C713A;  #DCECFA; */
  
  border-top: solid 1px #61692C ;
  padding: 5px 30px 5px 30px;
  
  color: #ffffff; /* #436943;  */
  font-size: 70%;
  font-weight: bold;
  line-height:1.25em;
}

#footer a {
  font-style: italic; 
  color: #ffffff; /* #436943;  */
}

#footer normal {
  color: #ffffff; /* #436943;  */

}
/*--- content area --*/
#clouds {
  background: #ADD2F3 url(Images/clouds3.jpg) repeat-x top left;
}

#grass {
  background: url(Images/mnc_footer_l.png) repeat-x bottom right;
  width:100%;
  content: ".";
}

#alpacas {
  background: url(Images/mnc_footer_r.png) no-repeat bottom right;
}


#column_holder {
  font-size: 80%;
}

#LeftPane {
  width: 175px;
  padding-bottom: 30px;
}

#ContentPane {
  padding-bottom: 10px;
}


.RightPane {
  width: 180px;
  padding-bottom: 120px;
}

/* --- menu area ---*/
#menu {
  background: #fff;
  border-top: double 4px #888 ;
  border-bottom: double 4px #888 ;
  font-size: 70%;
  line-height: normal;
}

#menu ul {
  border: 0px;
  margin: 0px;
  padding: 0px;
}

#menu li {
  float: left;
  display: inline;
  margin : 0px;
  padding: 3px 0px;
  list-style: none;
  border-right: 1px solid #333;
}

#menu li.first {
  border-left: 1px solid #333;
}

#menu a{
  font-weight: bold;
  display: block;
  text-decoration: none;
  color: #000;
  padding: 5px 7px 2px 7px;
}

#menu a:hover{
  background: #FFEE66;
  padding: 5px 7px 2px 7px;
}


/*----- main container ----*/

.main_container {
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 0px;

  background: url(images/dither.gif);
  border: solid 1px #637E40;
  width:100%;

}

div.main_container_space {
  margin-bottom: 20px;
}

.button_holder {
  height: 10px;
}

.content_box {
  padding: 5px 25px 25px 10px;
}

.content_header {
  border-bottom: solid 1px #637E40;
  padding: 10px 10px 10px 10px;
}

.main_container .article_margin {
 _margin-right: 1em;
 padding-bottom: 0px;
}

/*---- sidebar container ---- */
.sidebar {
  margin-left: 10px;
  width: 100%;
}


.sidebar_box {
  color: #666;
  background: url(Images/rounded-right.png) top right no-repeat;
  width: 95%;
  float: left;
  margin-bottom: 20px;
}

.sidebar h2 {
  font-size: 125%;
  background: #39542A;
  color: #333;
  padding: 21px 21px 0 21px;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
}

.sidebar_title {
  font-size: 100%;
  color: #333;
  margin: 0px;
  padding: 21px 21px 0px 21px;
  background: url(Images/rounded-left.png) top left no-repeat;
  text-align:center;
  font-weight: bolder;
}

.sidebar_body {  
  font-size: 75%;
  margin: 0;
  padding: 0 0 0 21px;
  background: url(Images/rounded-left.png) bottom left no-repeat;
}

.sidebar_body em{
  display: block;
  padding: 0 21px 21px 0;
  font-style: normal;
  background: url(Images/rounded-right.png) bottom right no-repeat;
  padding-left: 0px;
}

.sidebar xa {
  font-size: 110%;
  color: #e70;
}

.article_head {
  font-size: 90%;
  font-weight: bold;
}


/* ------ Events CSS ----------------*/

/* ================================
    CSS STYLES FOR Module Event
   ================================
*/

.Eventtooltip
{
	border-right: #000 1px solid;
	padding-right: 5px;
	border-top: #000 1px solid;
	padding-left: 5px;
	font-size: 11px;
	filter: alpha(opacity=80);
	padding-bottom: 5px;
	border-left: #000 1px solid;
	width: 200px;
	color: #000;
	padding-top: 5px;
	border-bottom: #000 1px solid;
	font-family: Arial;
	background-color: #ffd;
	text-align: left;
	moz-opacity: 0.8;
  z-index: 4;
}
	 
.Event
{
	border-right: black 1px solid;
	table-layout: auto;
	padding-right: 0px;
	border-top: black 1px solid;
	padding-left: 0px;
	font-size: 7pt;
	padding-bottom: 0px;
	margin: 0px;
	border-left: black 1px solid;
	color: black;
	padding-top: 0px;
	border-bottom: black 1px solid;
	font-family: Verdana;
	border-collapse: collapse;
	text-align: center;
	width: 400px;
	height: 400px;
}

.EventTitle
{
	font-weight: bold;
	font-size: 9pt;
	background-image: none;
	width: 100%;
	height: 100%;
	background-color: #6666ff;
	text-align: center;
}

.EventTitle, .EventTitle td
{
	font-weight: bold;
	font-size: 11pt;
	background-image: none;
	color: navy;
	background-color: #add2f3;
	text-align: center;
}

/* Note use of "!important" to override Inline Style */
.EventNextPrev, .EventNextPrev a:link
{
	padding-right: 0.5em;
	padding-left: 0.5em;
	font-size: 8pt;
	padding-bottom: 0px;
	color: darkblue !important;
	padding-top: 0px;
}

.EventNextPrev a, .EventNextPrev a:visited, .EventNextPrev a:hover
{
	padding-right: 0.5em;
	padding-left: 0.5em;
	font-size: 8pt;
	padding-bottom: 0px;
	color: darkblue !important;
	padding-top: 0px;
}

.EventDayHeader
{
	font-weight: bold;
	font-size: 7pt;
	font-family: Verdana;
	background-color: silver;
}

.EventDay, .EventDay td
{
	font-size: 7pt;
	color: #0000ff !important;
	font-family: Verdana;
  background-color:#CCEEFF;
}

.EventDay a,
.EventDay a:visited,
.EventDay a:hover
{
	font-size: 7pt;
	color: #0000ff !important;
	font-family: Verdana;
}

.EventOtherMonthDay
{
	color: #808080;
	background-color: gainsboro;
}

.EventOtherMonthDay a, .EventOtherMonthDay a:visited, .EventOtherMonthDay a:hover
{
	color: #8080c0;
	background-color: gainsboro;
}


.EventWeekendDay
{
	background-color: whitesmoke;
}

.EventTodayDay
{
	border-right: red 2px solid;
	border-top: red 2px solid;
	border-left: red 2px solid;
	border-bottom: red 2px solid;

}

/* Note use of "!important" to override Inline Style */
.EventSelectedDay
{
	font-weight: bold;
  font-size: 8pt;
	color: #0000ff !important;
	background-color: #eeeeff !important; 
 	border-right: #000000 2px solid;
	border-top: #000000 2px solid;
	border-left: #000000 2px solid;
	border-bottom: #000000 2px solid;

}

.EventSelectedDay a,
.EventSelectedDay a:visited,
.EventSelectedDay a:hover
{
	color: #0000ff !important;
	font-weight: bold;
}

.EventSelector
{
	background-color: #c0c0e0;
}

.EventSelector a,
.EventSelector a:visited,
.EventSelector a:hover
{
	color: #0000ff;
	text-decoration: none;

}


/* ---------------   advanced data grid ---- */


.AdvGridTable {font-size:8pt; font-weight:bold; }
.AdvGridSearch {font-size:10pt; font-weight:bold;color:#000000;width:1%;}
.AdvGridHeader {font-size:10pt; font-weight:bold; color:#FFFFFF; background-color:#006600;}
.AdvGridFooter {font-size:10pt; font-weight:bold;color:#FFFFFF; background-color:#000000;}
.AdvGridItem {font-size:9pt; font-weight:normal;color:#000000; background-color:#FFFFFF;}
.AdvGridAlternatingItem {font-size:9pt; font-weight:normal;color:#000000; background-color:#DCDCDC;}
.AdvGridPagerStyle {font-size:10pt; font-weight:normal;background-color:#FFFFFF;}
.AdvGridPagerStyle a {font-size:10pt; font-weight:bold;font-weight:bold;text-decoration:none;}
.AdvGridPagerStyle a:hover {font-size:10pt; font-weight:bold;color:red;text-decoration:underline;}
.AdvGridSelectedItemStyle {font-size:10pt; font-weight:bold;font-weight:bold; color:red; background-color:#f5f5f5;}


.calendar a {
	font-size: 90%;
	line-height: 1em;
	margin-bottom: 3px; 
 }
 
.calendar a:hover {
  text-decoration: none;
}
.calendar td { 
  padding-bottom: 3px;
	}
	
/*****
Calendar - Table
 *****/
.calendar {
	width: 620px;
	}
.calendar table{
   padding-left: 50px;
 }
.calendar caption {
	font-size: 70%;
	font-weight: bold;
	text-align: left;
	color: #003399;
	padding-bottom: 10px;
	}
.calendar th {
	width: 75px;
	height: 15px;
	font-size: 60%;
	font-weight: bold;
	text-align: left;
	color: #6699CC;
	padding: 5px;
	}

td.cal_day, td.cal_today {
	width: 75px;
	height: 75px;
	font-size: .7em;
	line-height: 100%;
	text-align: left;
	vertical-align: top;
	color: #003399;
	padding: 5px;
	}

td.cal_today {
	font-weight: bold;
  }

td.cal_day_om  {
	width: 75px;
	height: 75px;
	font-size: 60%;
	line-height: 100%;
	text-align: left;
	vertical-align: top;
	color: #888888;
	padding: 5px;
	background-color: #eaefff;
	}
 	
td.cal_day_head  {
	width: 75px;
	height: 15px;
	font-size: 60%;
	font-weight: bold;
	text-align: left;
	color: #6699CC;
	padding: 5px;
	text-transform: lowercase;
}

.cal_head td {
	font-size: .7em;
	font-weight: bold;
	color: #003399;
	text-transform: lowercase;
}

td.cal_nextprev{
	font-size: .7em;
	font-weight: bold;
	color: #003399;
	padding-bottom: 10px;
	text-transform: lowercase;
  padding: 0px 10px 0px 10px;
}

/* --- fake buttons to turn text links into buttons for XMOD and DNN forms --*/

a.fakeButton { 
 border-style: outset;
 background: #cccccc;
 font-weight: bold;
 padding: 2px;
 font: bold 10px verdana, arial, helvetica, sans-serif;
 color: #000000;
 text-decoration: none;
 padding-bottom:1px; 
}

a.fakeButton:link, a.fakeButton:visited{
 color: #000000;
}

a.fakeButton:hover {
 xbackground: #eeeeee;
 color: #000000;
 text-decoration: none;
 border-color: #ffcc33;
}

a.fakeButton:active {
 background: #eeeeee;
 border-style: inset;
 color: #000000;
 text-decoration: none;
}

/* might be needed to overcome the editor placing P tags in too many places
span.Normal p, a.SubHead p { display: inline; }
*/