/* CSS Document */

html,body , #page-wrapper {
	margin: 0;
	padding: 0;
	height: 100%;
}

body, table, td, li, p, .bodytext {
	font-family:verdana, arial, sans serif;
	font-weight: normal;
	color: #6d6e71;
	font-size: 11px;
}

.bodytext {
	line-height: 150%;
}

p {
	margin: 0;
	padding: 0;
	margin-bottom: 12px;
}

h1, .headertext, span.heading1 {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	font-size: 14px !important;
	font-weight: bold;
	padding-bottom: 3px;
	width: 100%;
	color: #1f72ba !important;
	background: url(Images/h1-underline.gif) repeat-x left bottom;
	display: block;
}

h2, span.heading2 {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	font-size: 13px !important;
	font-weight: bold;
	padding-bottom: 3px;
	width: 100%;
	color: #1f72ba !important;
	display: block;
}

h3, span.heading3 {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	font-weight: bold;
	padding-bottom: 3px;
	width: 100%;
	display: block;
	color: #6d6e71 !important;
	font-size: 11px !important;
}

#page-content ul, body.BodyText ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#page-content ul li, body.BodyText ul li {
	background: url(Images/bullet-point.gif) no-repeat left 3px;
	padding-left: 15px;
	margin-bottom: 5px;
}

hr {
	padding: 0px;
	border: 0px;
	border-top: 1px solid #b5d1eb;
	margin-bottom: 10px;
	font-size: 1px;
	height: 1px;
	margin-top: 10px;
}

/*-------------------- UNIVERSAL STYLES ---------------------*/

#page-wrapper {
	width: 100%;
	margin: 0 auto;
}

#page-container {
	background: url(Images/bg-footer.jpg) no-repeat center bottom;
}

#header-container {
	height: 245px;
	width: 980px;
}

#content-container {
	position: relative;
	width: 980px;
	margin-bottom: 220px;
}

#content-container a, #content-container .bodytext a {
	color: black;
	text-decoration: none;
}

#content-container a:hover, #content-container .bodytext a:hover {
	color: black;
	text-decoration: underline;
}

#page-content {
	margin-top: 35px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	width: 100%;
}

#left-column, #right-column {
	width: 50%;
	height: 100%;
	margin: 0 auto;
}

#left-column {
	background: url(Images/bg-left-column-tile.gif) repeat-y right top;	
}

#right-column {
	background: url(Images/bg-right-column-tile.gif) repeat-y left top;
}

#left-column-top, #right-column-top {
	width: 100%;
	height: 245px;
}

#left-column-top {
	background: url(Images/img-left-column-top.jpg) no-repeat right top;
}

#right-column-top {
	background: url(Images/img-right-column-top.jpg) no-repeat left top;
}

#left-column-btm, #right-column-btm {
	width: 100%;
	height: 178px;
}

#left-column-btm {
	background: url(Images/img-left-column-btm.jpg) no-repeat right bottom;
}

#right-column-btm {
	background: url(Images/img-right-column-btm.jpg) no-repeat left bottom;
}

#left-column-container {
	position: relative;
}

#btn-calendar {
	position: absolute; 
	top: 240px; 
	right: 15px;
	width: 200px;
	height: 30px;
}

/*-------------------- NAVIGATION STYLES ---------------------*/

.navigation-container {
	position: relative;
}

.navigation-container ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.navigation-container li.off, .navigation-container li.on {
	width: 195px;
	line-height: 27px;
	min-height: 27px;
	_height: 27px;
	#height: 27px;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
}
.navigation-container li.off {
	background: url(Images/bg-navigation-off.gif) no-repeat;
	color: #1f72ba;
	
}

.navigation-container li.on {
	background: url(Images/bg-navigation-on.gif) no-repeat;
	color: white;
}

.navigation-container li.child {
	color: white;
	border-top: 1px solid #b5d1eb;
	line-height: 20px;
	min-height: 20px;
	_height: 20px;
	#height: 20px;
	width: 95%;
}

.navigation-container li.child-first {
	color: white;
	border-top: 0px;
	line-height: 20px;
	min-height: 20px;
	_height: 20px;
	#height: 20px;
}

.navigation-container li.sibling {
	position: relative;
	color: white;
}

.navigation-container a {
	color: #1f72ba !important;
	font-size: 12px !important;
	text-decoration: none !important;
}

.navigation-container a:hover {
	color: #1f72ba !important;
	font-size: 12px !important;
	text-decoration: underline !important;
}


#navigation-padding {
	padding-top: 0px;
	padding-left: 15px;
	margin-bottom: 0px;
}
#navigation-under {
	margin-left: 1px;
	min-height: 72px;
	_height: 72px;
	#height: 72px;
	width: 184px;
	background: url(Images/bg-navigation-under.gif) no-repeat top left;
}

#navigation-hidden {
	width: 250px;
	overflow: auto; /* Needed for IE6 to get the correct height */
}

/*-------------------- IMAGE FADER ---------------------*/

#fader-container {
	position: relative;
	width: 125px;
	height: 134px;
	overflow: hidden;
}

#fader-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 999999;
}

/*-------------------- WYSIWYG TABLES ---------------------*/

table.table  {
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #b4d1eb;
	border-bottom: 1px solid #b4d1eb;
}

table.table tr {
	border-bottom: 1px solid #b4d1eb;
}

table.table td {
	border-top: 1px solid #b4d1eb;
	border-left: 1px solid #b4d1eb;
	padding: 5px;
}

/*-------------------- TEMPLATE 3 - 3 COLUMN UNEVEN ---------------------*/

#template3-left-column {
	width: 384px;	
}
#template3-middle-column {
	margin-top: 30px;
	width: 158px;
}
#template3-right-column {
	margin-top: 30px;
	width: 158px;
}

/*-------------------- TEMPLATE 2 - 2 COLUMN EVEN ---------------------*/

#template2-left-column {
	width: 361px;	
}

#template2-right-column {
	margin-top: 30px;
	width: 361px;
}

/*-------------------- TEMPLATE 1 - 2 COLUMN UNEVEN ---------------------*/

#template1-left-column {
	width: 544px;	
}

#template1-right-column {
	margin-top: 30px;
	width: 178px;
}

/*-------------------- PICTURE FRAME STYLES ---------------------*/

.frame-container {
	position: relative;
}

.frame-left-corner {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 5px;
	width: 5px;
	line-height: 5px;
	font-size: 1px;
	z-index: 1;
}
.frame-right-corner {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 5px;
	width: 5px;
	z-index: 1;
	line-height: 5px;
	font-size: 1px;
}

.frame-btm-gradient {
	background: url(Images/bg-frame-under.gif) repeat-x top left;
	min-height: 43px;
	_height: 43px;
	#height: 43px;
}

.frame-caption-text, .frame-caption-text td, .frame-caption-text li, .frame-caption-text .bodytext, .frame-caption-text p {
	font-size: 10px;
	color: #999999;
	padding-top: 13px;
}

.frame-caption-text-padding {
	padding-left: 10px;
}

.caption {
	font-family:verdana, arial, sans serif;
	font-weight: normal;
	color: #6d6e71;
	font-size: 11px;
}

#footer .bodytext, #footer table .bodytext {
	 color: white; 
	 font-size: 10px;
}

#footer a, #footer table a {
	color: white !important;
	text-decoration: none !important;
}

#footer a:hover, #footer table a:hover {
	text-decoration: underline !important;
}

#footer {
	width: 960px;
}

/*-------------- Security styles ----------*/

#mm-security-login-box input {
	border: 1px solid black;
	margin-bottom: 3px;
}