/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Arial, Helvetica, Verdana, 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;
}
hr {
	height: 1px;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #6D58A6;
}

/* 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%;
		font-family: inherit;
}

body
{
  margin: 0;
  background: url(/images/bg_page.gif) top center repeat-x #6d55a4;
  color: #666666;
  FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
  min-width: 900px;
  text-align: center;
}

a:link {text-decoration: none; color: #492f91; background-color: transparent;}
a:visited {text-decoration: none; color: #492f91; background-color: transparent;}
a:hover {text-decoration: none; color: #666666; background-color: transparent;}

/*-- GENERAL BITS --*/
.container {margin: 0 auto; width: 900px; padding: 0 0 40px 0; border: 0; position: relative; text-align: left;}
.mainContainer {margin: 20px 0 0 0; float: left; display: inline; width: 900px; background-color: #FFFFFF; padding: 0 0 30px 0;}

/*-- HEADER--*/
.headerLogo {float: left; display: inline; margin: 30px 0 25px 35px; width: 190px; height: 55px;}

.headerStrapline {float: right; display: inline; margin: 25px 35px 0 0; width: 605px; height: 55px; background-color: #492f91;}
	.headerStrapline h2 {float: right; display: inline; font-size: 14px; font-weight: normal; color: #FFFFFF; line-height: 1.2em; margin: 20px 25px 0 25px;}
	.headerStrapline h2 strong {color: #FFFFFF; font-size: 20px; font-weight: bold;}
	 
/*-- MAIN AREA FORMAT --*/
.mainArea {float: left; display: inline; margin: 0 0 0 35px; width: 830px; background: url(/images/main_area_bg.gif) top left repeat-y;}

/*-- LEFT COLUMN --*/
.leftColumn {float: left; display: inline; margin: 0; width: 190px;}
	.leftColumn img {border: 0; margin: 0;}
	.leftColumn ul { float: left; display: inline; margin: 25px 0 10px; font-size: 12px; list-style: none; width: 190px; list-style-position: inside; }
	.leftColumn li {line-height: 1.8em; margin: 0; font-size: 14px; text-indent: 0; width: 100%; list-style: none;}
	.leftColumn li strong {color: #492f91; font-size: 14px; font-weight: bold;}
	.leftColumn a:link {text-decoration: none; color: #666666; background-color: transparent;}
	.leftColumn a:visited {text-decoration: none; color: #666666; background-color: transparent;}
	.leftColumn a:hover {text-decoration: none; color: #492f91; background-color: transparent;}

.leftColumnContact {float: left; display: inline; margin: 50px 0 0 0;}
	.leftColumnContact h5 {font-size: 12px; color: #666666; margin: 0;}
	.leftColumnContact h6 {font-size: 20px; font-weight: bold; color: #492f91; line-height: 1.2em; margin: 2px 0 0 0;}

/*-- MAIN COLUMN --*/
.mainColumn {float: right; display: inline; width: 580px; margin: 0;}
	.mainColumn img { border: 0; }

     .contentColumn {float: left; display: inline; width: 365px; margin: 25px 0 0 0;}
	
	.contentColumn h1 {font-size: 20px; color: #492f91; margin: 0 0 0.5em 0;}
	.contentColumn h2 {font-size: 12px; color: #492f91; line-height: 1.5em; margin: 1.3em 0 -0.8em 0;}
	.contentColumn h3 {font-size: 12px; color: #492f91; line-height: 1.5em; margin: 2em 0 1em 0;}
	.contentColumn p {font-size: 12px; color: #666666; line-height: 1.5em;}
	.contentColumn ul {float: left; display: inline; margin: 1em 0 1em 0; font-size: 12px; list-style: none;}
	.contentColumn li {
	line-height: 1.5em;
	margin: 0;
	font-size: 12px;
	text-indent: 0;
	list-style: none;
}
	.contentColumn li strong {color: #492f91; font-size: 14px; font-weight: bold;}
	.contentColumn a:link {text-decoration: none; color: #666666; background-color: transparent;}
	.contentColumn a:visited {text-decoration: none; color: #666666; background-color: transparent;}
	.contentColumn a:hover {
	text-decoration: none;
	color: #492f91;
	background-color: transparent;
}
	
	.contentConTact { float: left; display: inline; width: 260px; margin: 25px 0 0 0; }
	.contentConTact h1 {font-size: 20px; color: #492f91; margin: 0 0 0.5em 0;}
	.contentConTact h2 {font-size: 12px; color: #492f91; line-height: 1.5em; margin: 1.3em 0 -0.8em 0;}
	.contentConTact h3 {font-size: 12px; color: #492f91; line-height: 1.5em; margin: 2em 0 1em 0;}
	.contentConTact p {font-size: 12px; color: #666666; line-height: 1.5em;}
	.contentConTact ul {float: left; display: inline; margin: 1em 0 1em 0; font-size: 12px; list-style: none;}
	.contentConTact li {line-height: 1.8em; margin: 0; font-size: 12px; text-indent: 0; list-style: none;}
	.contentConTact li strong {color: #492f91; font-size: 14px; font-weight: bold;}
	.contentConTact a:link {text-decoration: none; color: #666666; background-color: transparent;}
	.contentConTact a:visited {text-decoration: none; color: #666666; background-color: transparent;}
	.contentConTact a:hover {text-decoration: none; color: #492f91; background-color: transparent;}
	
	.contentConNews { float: left; display: inline; width: 580px; margin: 25px 0 0 0; }
	.contentConNews h1 {font-size: 20px; color: #492f91; margin: 0 0 0.5em 0;}
	.contentConNews h2 {font-size: 12px; color: #492f91; line-height: 1.5em; margin: 1.3em 0 -0.8em 0;}
	.contentConNews h3 {font-size: 12px; color: #492f91; line-height: 1.5em; margin: 2em 0 1em 0;}
	.contentConNews p {font-size: 12px; color: #666666; line-height: 1.5em;}
	.contentConNews ul {float: left; display: inline; margin: 1em 0 1em 0; font-size: 12px; list-style: none;}
	.contentConNews li {line-height: 1.8em; margin: 0; font-size: 12px; text-indent: 0; list-style: none;}
	.contentConNews li strong {color: #492f91; font-size: 14px; font-weight: bold;}
	.contentConNews a:link {text-decoration: none; color: #492f91; background-color: transparent;}
	.contentConNews a:visited {text-decoration: none; color: #666666; background-color: transparent;}
	.contentConNews a:hover {text-decoration: none; color: #492f91; background-color: transparent;}

.rightColumn { float: right; display: inline; width: 190px; margin: 25px 0 0 0; }

.rightColumnFormat {float: left; display: inline; width: 188px; background: url(/images/right_col_top.gif) top left no-repeat #f9fafa; border-left: 1px solid #dadbdd; border-right: 1px solid #dadbdd; border-bottom: 1px solid #dadbdd; border-top: 0;}
	.rightColumnMap { float: right; display: inline; width: 240px; padding: 0px; font-family: arial; font-size: 10px; font-weight: bold; margin: 0px; }
	.rightColumnMap h4 {font-size: 12px; color: #492f91; line-height: 1.5em; margin: 20px 0 1em 12px;}
	.rightColumnFormat h4 {font-size: 12px; color: #492f91; line-height: 1.5em; margin: 20px 0 1em 12px;}
	.rightColumnFormat h5 {font-size: 10px; line-height: 1.5em; color: #666666; margin: 1em 0 1em 12px;}

.rightColumnBox {float: left; display: inline; width: 168px; border: 1px solid #959ca1; background-color: #FFFFFF; margin: 0 0 5px 10px;}
	.rightColumnBox h3 {font-size: 11px; margin: 10px 10px 0 10px; line-height: 1.2em;}
	.rightColumnBox h4 {font-size: 11px; margin: 10px 10px 0 10px; line-height: 1.2em; background: url(/images/pdf_icon.gif) center left no-repeat; padding: 0 0 0 20px; min-height: 16px;}
	.rightColumnBox p {font-size: 10px; line-height: 1.5em; color: #666666; margin: 0 10px 10px 10px;}
	
/*-- FOOTER --*/
.footerArea {margin: 2px 0 0 0; float: left; display: inline; width: 900px; background-color: #FFFFFF;}
	.footerArea p {float: left; display: inline; font-size: 11px; color: #666666; line-height: 3em; margin: 0 0 0 35px;}
	.footerArea h6 {float: right; display: inline; font-size: 11px; font-weight: normal; color: #666666; line-height: 3em; margin: 0 35px 0 0;}
	.footerArea a:link {text-decoration: none; color: #666666; background-color: transparent;}
	.footerArea a:visited {text-decoration: none; color: #666666; background-color: transparent;}
	.footerArea a:hover {text-decoration: none; color: #492f91; background-color: transparent;}

/*-- CALENDAR PAGE --*/
.calendarArea {float: left; display: inline; width: 580px; margin: 25px 0 25px 0;}
	.calendarArea h1 {font-size: 20px; color: #492f91; margin: 0 0 1em 0;}

.tableCalendarMain h3 {font-size: 12px; color: #492f92; line-height: 1.5em;}
	.tableCalendarMain dl {float: left; display: inline; padding: 0 0 5px 0; margin: 0 0 20px 0; font-size: 12px; border-bottom: 1px dashed #999999;}
	.tableCalendarMain dt {float: left; display: inline; position: relative; padding: 5px 0 0 0; margin: 5px 0 5px 0; font-weight: bold; color: #333333; width: 40px; border-top: 1px dashed #999999;}
	.tableCalendarMain dd {float: left; display: inline; position: relative; width: 348px; margin: 5px 0 5px 0; padding: 5px 0 0 0;color: #666666; border-top: 1px dashed #999999;}

.calendarTabOn {background-color: #492f92; font-size: 12px; color: #FFFFFF; line-height: 2.4em; text-align: center;}
.calendarTabOff {background-color: #949ca2; font-size: 12px; color: #FFFFFF; line-height: 2.4em; border-top: 1px solid #FFFFFF; text-align: center;}
	.calendarTabOff a:link {text-decoration: none; color: #FFFFFF; background-color: transparent;}
	.calendarTabOff a:visited {text-decoration: none; color: #FFFFFF; background-color: transparent;}
	.calendarTabOff a:hover {text-decoration: underline; color: #FFFFFF; background-color: transparent;}

.button { border: 1px solid #503795; background: #FFFFFF url(../images/input_bg.png) repeat-x top; font-family: arial; color: #666666; margin: 5px 0px; font-size: 12px; height: 20px; }
#staffs { margin: 0px 15px 0px 0px; padding: 10px; height: 80px; width: 80px; border: 1px solid #492f91; float: left; }
.imgRight { float: right; padding-left: 20px; padding-bottom: 20px; margin: 0px; padding-top: 0px; padding-right: 0px; }
.linkClass {
	color: #492f91;
}
.archived {
	color: #492F91;
	border: 1px solid #6D55A4;
	padding-right: 5px;
	padding-left: 5px;
}
.line {
	background-color: #999999;
}
.padding {
	margin-top: 0px;
	margin-bottom: 25px;
	margin-right: 2px;
}
.container .mainContainer .mainArea .mainColumn .contentColumn strong {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #492F91;
}