﻿html, body, p, table, td, form, img, h1, h2, h3, h4, h5, h6, input, select, textarea {
	font-size: 1em;
	}

html, body, div, p, table, tr, td, form, img, h1, h2, h3, h4, h5, h6, input, fieldset, select, textarea {
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	padding: 0px;
	margin: 0px;
	border: 0px transparent none;
	background-position: left top;
	background-repeat: no-repeat;
	}

p, td, h1, h2, h3, h4, h5, h6 {
	line-height: 1.2em;
	}

body {
	margin-bottom: 7px;
	font-size: 80%;
	color: #666666;
	text-align: center;
	background-color: #ecf5fb;
	background-image: url(Images/body_bg.png);
	background-position: left top;
	background-repeat: repeat-x;
	}

h1 {
	margin: 4px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.6em;
	}

h2 {
	padding: 0.2em;
	margin: 0px;
	font-family: Segoe, Tahoma, Verdana, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing: 0.12em;
	color: #4389C4;
	}

h3 {
	margin: 4px 0px;
	font-family: Segoe, Verdana, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #404040;
	}

h4 {
	margin-top: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	}

h5 {
	margin: 4px 0px;
	font-family: Segoe, Tahoma, Verdana, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	}

ul {
	margin: 0;
	padding: 0 0 0 15px;
	}

li {
	margin: 0;
	padding: 0;
	}

p {
	line-height: 1.4em;
	font-size: 1em;
	}

a, a:visited {
	color: #07519a;
	text-decoration: none;
	}

a:hover, a:active {
	color: #4E7DC2;
	text-decoration: underline;
	}

#pagewrapper {
	position: relative;
    margin-top: 7px;
    margin-right: auto;
    margin-left: auto;
	text-align: left;
	background-color: #e0eff6;
	width: 770px;
	}

#pagewrapper .page {
	background-image: url(Images/page_bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	border-width:0 1px 1px 1px; 
	border-style:solid; 
	border-color:#599cd4;
	min-height: 460px;
	}
* html #pagewrapper .page {_height: 460px;}

#content-start, #no-java {
	padding: 4px;
	margin: 0px;
	color: #cc0000;
	text-align: center;
	background-color: #dce4ef;
	}

#toolbar {
	padding: 0px;
	background-color: #000000;
	background-image: url(Images/toolbar_bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
	border: 1px solid #979797;
	width: auto;
	z-index: 3;
	}

#toolbarLinks {
	position: relative;
	margin: 0;
	padding: 0px 5px;
	height: 37px;
	}

#toolbarLinks li {
	position: relative;
	line-height: 37px;
	display: inline;
	float: left;
	color: #ffffff;
	font-size: 85%;
	}

#toolbarLinks .link a {
	padding-left: 3px;
	float: left;
	display: block;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	}

#toolbarLinks .link a span {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	padding-right: 6px;
	float: left;
	height: 100%;
	}

#toolbarLinks .link a:hover {
	background-image: url(Images/toolbar_hover_left.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}

#toolbarLinks .link a:hover span {
	background-image: url(Images/toolbar_hover.gif);
	background-repeat: no-repeat;
	background-position: right center;
	cursor: hand;
	}

#toolbarLinks .selected a {
	background-image: url(Images/toolbar_selected_left.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}

#toolbarLinks .selected a span {
	background-image: url(Images/toolbar_selected.gif);
	background-repeat: no-repeat;
	background-position: right center;
	cursor: hand;
	}

#toolbarLinks .seperator {
	padding: 0px 4px;
	background-image: url(Images/toolbar_separator.png);
	background-position: center center;
	background-repeat: no-repeat;
	height: 37px;
	width: 5px;
	}

#header {
	position: relative;
	height: 84px;
	}

#logo {
	position: absolute;
	top: 8px;
	left: 8px;
	}

#search {
	margin: 0px 8px 0px 250px;
	padding: 2px;
	font-size: 85%;
	}

#search .menu {
	position: relative;
	margin: 0;
	padding: 6px 0 0 0;
	}

#search .menu .item {
	padding: 0;
	display: block;
	min-height: 1.6em;
	}

#search .menu .item a:focus {
	outline: #ffcc33 solid 0px !important;
	}

#search .menu .item a:link, #search .menu .item a:visited {
	color: #ffffff;
	text-decoration: none;
	margin-bottom: 4px;
	}

#search .menu .item a:hover, #search .menu .item a:active {
	color: #ffcc33;
	text-decoration: none;
	border: 0px transparent none !important;
	}

#search .menu .selected {
	font-weight: normal;
	background-position: center bottom;
	background-image: url(Images/up_arrow_orange.gif);
	background-repeat: no-repeat;
	}

#search .menu .selected a:link, #search .menu .selected a:visited {
	color: #ffcc33;
	text-decoration: none;
	}

#search .menu .seperator {background-color: #e0eff6;}

#search .links {margin-top: 4px;}

#search .panel {
	position: relative;
	padding: 2px;
	height: 24px;
	border: solid 1px #4389c4;
	background-color: #ffffff;
	width: 300px;
	}

#search .searchbox {
	position:absolute;
	top:2px;
	left:2px;
	padding: 5px 4px;
	font-size: 12px;
	color: #333333;
	border-style: none;
	background-color: #ffffff;
	width: 255px;
	}

#search .searchbutton {
	position:absolute;
	top:2px;
	right:2px;
	}

#page-content {
	margin: 0;
	padding: 10px;
	}

#sidebar {
    float: left;
    width: 230px;
    /*position: relative; */
	}

#sidebar .container {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	}

#main-column {
    margin-left: 235px;
    /*position:relative;*/
	}

#main-column .container {
    padding: 0;
    margin-bottom: 10px;
    width: 500px;
	}

#main-fullwidth {
    position: relative;
    padding: 0.2em;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    text-align: left;
    width: 740px;
	}

.panel {
	position: relative;
	padding: 0.2em;
	vertical-align: top;
	color: #333333;
	}

.sr-sidebar-panel {
	margin: 15px 0;
	padding: 0.5em;
	}

.form-container td, .form-container th {padding: 0em; vertical-align: top;}
.form-container {
	margin: 15px 0;
	padding: 0.5em;
	width: auto;
	}

.form-container .text {
	padding: 0.5em;
	}

.form-container input {
	padding: 0.5em;
	}

.form-field {
	margin: auto auto 5px;
	width: auto;
	}

.form-field label {
	margin-top: 6px;
	color: #333333;
	text-align: left;
	width: auto;
	}

.agreement {
	padding: 0.5em;
	margin-bottom: 0.5em;
	border: 1px solid #aabbcc;
	background-color: #ffffff;
	width: auto;
	}

.video {
	margin: 6px 0px;
	padding: 2px;
	background-color: #000000;
	width: 480px;
	height: 308px;
	border-width: 1px; 
	border-style:solid;
	border-color:#666666;
	}

.ticker {
	position: relative;
	margin-top: 0.2em;
	height: 24px;
	overflow: hidden;
	background-color: #000000;	
	border-width: 0 1px 1px 1px; 
	border-style:solid;
	border-color:#666666;
	}

.ticker .newsinfo {
	margin: 0;
	padding: 0;
	background-color: #000000;
	border-width: 1px 0 0 0; 
	border-style:solid;
	border-color:#666666;
	}

.ticker .sidebar {
	margin: 0;
	padding-left: 8px;
	padding-right: 4px;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	background-color: #ffcc33;
	background-image: url(Images/ticker_side_arrow.gif);
	background-position: right center;
	background-repeat: no-repeat;
	width: 60px;
	}

.ticker .title {
	margin: 0;
	padding-left: 8px;
	padding-right: 4px;
	color: #c7c7c7;
	font-size: 12px;
	}

.ticker a, .ticker a:visited {
	color: #c7c7c7;
	text-decoration: none;
	}

.ticker a:hover, .ticker a:active {
	color: #c7c7c7;
	text-decoration: underline;
	}

.info {
	margin: 10px 0px;
	padding: 0.2em;
	vertical-align: top;
	color: #000000;
	background: #ffffe1;
	border: solid 1px #999999;
	}

.button-links, .button-links-ovr {
    margin: 4px 0px;
    padding: 0px 4px;
    height: 24px;
    cursor: pointer;
    color: #ffffff;
    font-weight: normal;
    font-size: 12px;
    background: url(Images/bg-button-links.gif) repeat-x;
    border: solid 1px #4f9202;
    }

.button-links-ovr {
    text-decoration: underline;
    background: url(Images/bg-button-links-hover.gif) repeat-x;
    border: solid 1px #5fad03;
    }

.hyper-links, .hyper-links-ovr {
	cursor: pointer;
	color: #07519a;
	font-weight: normal;
	font-size: 12px;
	background-color: transparent;
	}

.hyper-links-ovr {
    color: #4E7DC2;
    text-decoration: underline;
    }

.checkbox {
	font-weight: normal;
	font-style: italic;
	}
.checkbox label {margin-left: 5px;}

.radiobutton {
	font-weight: normal;
	font-style: italic;
	}
.radiobutton label {margin-left: 5px;}

.dropdownbox {
	margin-bottom: 4px;
	padding: 2px;
	font-size: 12px;
	color:#333333;
	background-color: #ffffff;
	border: solid 1px #abadb3;
	}

.radiobutton-list {
	margin-bottom: 4px;
	}
.radiobutton-list input {
	margin-right: 4px;
	}
.radiobutton-list label {
	margin-right: 8px;
	}

.textbox {
	margin-bottom: 4px;
	padding: 4px;
	font-size: 12px;
	color:#333333;
	background-color: #ffffff;
	border: solid 1px #abadb3;
	}

.richtextbox {
	padding: 2px;
	background-color: #d4d0c8;
	border: solid 1px #abadb3;
	}

.lstmenu {
	margin: 0;
	padding: 0 0 0 2px;
	list-style-type: none;
	height: 1em;
	}

.lstmenu li {
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	}

.lstmenu li span {
	color: #666666;
	}

.lstmenu li  a:link, .lstmenu li a:visited {
	padding: 0px 0px 1px 0px;
	display: block;
	color: #07519a;
	}

.lstmenu li a:hover, .lstmenu li a:active {
	color: #4E7DC2;
	text-decoration: underline;
	}

.lstmenu .seperator {
	margin: 0px 8px;
	font-size: 0px;
	width: 1px;
	height: 100%;
	background-color: #999999;
	}

.bullet-list {
	margin: 0px;
	padding: 0px;
	}

.bullet-list li {
	list-style: none;
	padding: 2px 0px 2px 20px;
	margin: 0px;
	background: url(Images/bullet-blue.gif) no-repeat;
	background-position: 0.2em 0.4em;
	}

.private a, .private a:visited {
	color: #009d00;
	text-decoration: none;
	}

.private a:hover, .private a:active {
	text-decoration: underline;
	}

.closure a, .closure a:visited {
	color: #f4793b;
	text-decoration: none;
	}

.closure a:hover, .closure a:active {
	text-decoration: underline;
	}

.quick-link a, .quick-link a:visited {
	margin: 0;
	padding: 0 0 1px 0;
	font-weight: normal !important;
	background-image: none;
	background-color: transparent !important;
	color: #2F8C2F !important;
	border-bottom: #2F8C2F 1px dotted !important;
	text-decoration: none !important;
	}

.quick-link a:hover, .quick-link a:active {
	text-decoration: none !important;
	}

.quick-link nobr {
    font-weight: normal;
    font-size: 100%;
    color: #2F8C2F;
    font-family: inherit;
    }

.quick-link img {
    position: relative;
    padding: 0;
    border-width: 0px;
    margin: 1px 0;
    display: inline !important;
    left: 0px;
    top: 2px;
    float: none;
    height: 12px;
    width: 12px;
    }

.pgToolbar {
	padding:4px;
	margin: 4px 0px;
	position: relative;
	font-size: 12px;
	color:#666666;
	background-color:#CDE0FD;
	border:1px solid #8AAFE1;
	}

.pgPaging {white-space: nowrap;}
.pgPaging *{vertical-align: middle;}
.pgPaging img{vertical-align: middle;}
.pgPaging img{border: 0px;}

.pgPaging .selected {
	margin: 0px 4px;
	font-weight: bold;
	}

.pgPaging a, .pgPaging a:visited {
	margin: 0px 4px;
	text-decoration: none;
	}

.pgPaging a:hover, .pgPaging a:active {
	text-decoration: underline;
	}

.photo-container {
	padding: 0px;
	}

.photo-selected, .photo-unselected {
	margin-right: 2px;
	padding: 1px;
	text-align: center;
	}

.photo-unselected {
	background-color: #edf2f6;
	border: 1px solid #678fc2 !important;
    }

.photo-selected {
	background-color: #ffe794;
	border: 1px solid #e7af05 !important;
	}

.captcha {
	position: relative;
	margin-bottom: 4px;
	padding: 0px;
	width: 220px;
	}

.captcha img {
	background-color: #ffffff;
	border: solid 1px #abadb3;
	}

.captcha input {
	padding: 4px;
	font-size: 12px;
	color:#333333;
	background-color: #ffffff;
	border: solid 1px #abadb3;
	width: 190px;
	}

.item-selected, .item-unselected {
	padding: 2px;
	text-align: center;
	}

.item-unselected {
	background-color: #edf2f6;
	background-image: url(Images/item_unselected_bg.gif);
	background-repeat: repeat-x;
	background-position: top left;
	border: 1px solid #678fc2 !important;
    }

.item-unselected .item-image {
	border: 1px solid #678fc2 !important;
	}

.item-selected {
	background-color: #ffe794;
	background-image: url(Images/item_selected_bg.gif);
	background-repeat: repeat-x;
	background-position: top left;
	border: 1px solid #e7af05 !important;
	}

.event-month {
    padding-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
    }

.event-month-headder {
	padding: 4px 0px;
	font-family: 'Times New Roman' , Times, serif;
	font-size: 1.6em;
	color: #666666;
	font-weight: bold;
	}

.event-month-table {
    position: relative;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 8px;
    border: solid 1px #84a2c6;
    border-collapse:collapse;
    }

.day-number {
    font-family: 'Times New Roman' , Times, serif;
    float: right;
    border-bottom: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2;
    clear: none;
    padding: 2px;
    }

.cal-other-month {
	background-image: url(Images/calendar_other_month_bg.gif);
	background-position: left top;
	background-repeat: repeat;
	border: 1px solid #d2d2d2;
	}

.cal-current-month {
	border: 1px solid #89c0dc;
	}

.cal-current-day {
	background-image: url(Images/calendar_current_day_bg.gif);
	background-position: left top;
	background-repeat: repeat;
	border: 1px solid #f4793b;
	background-attachment: fixed;
	}

.cal-weekend {
	/*  width: 15%; */
	background-image: url(Images/calendar_weekend_bg.gif);
	background-position: left top;
	background-repeat: repeat;
	border: 1px solid #89c0dc;
	}

.cal-days {
	font-family: 'Times New Roman' , Times, serif;
	padding: 2px;
	color:#999999;
	}

.cal-current-month, .cal-other-month, .cal-current-day, .cal-weekend {
	position: relative;
	text-align: left;
	vertical-align: top; /* needed for positioning the dayNumber part */
	height: 80px;
	border-collapse: separate;
	border-spacing: 5px;
	}

.author, .artist, .staring {
    padding: 0.2em 0;
    display: block;
    color: #666666;
    }
.author span, .artist span, .staring span {color: #009d00; font-style: italic;}

.subject {
    padding: 0.2em 0;
    display: block;
    color: #993300;
    }
.subject span {color: #666666;}

.label {
    padding: 0.2em 0;
    display: block;
    color: #666666;
    }
.label span {color: #333333;}

.date {
    padding: 0.2em 0;
    display: block;
    color: #666666;
    }
.date span {color: #993333;}

.time {
    padding: 0.2em 0;
    display: block;
    color: #666666;
    }
.time span {color: #333333;}

.summary, .content {
	padding: 0.2em 0;
	text-align: justify;
	}

.photo {
	padding: 1px;
	background-color: #ffffff;
	border: 1px solid #abadb3 !important;
	}

.thumbnail-square {
    padding: 8px 0 0 8px;
    background: url(Images/square_thumbnail_bg.gif) no-repeat;
    height: 91px;
    width: 91px;
	}

.imgfloatright {
	float: right;
	display:inline;
	margin: 0.25em 0 0.1em 0.5em;
	}

.imgfloatleft {
	float: left;
	display: inline;
	margin: 0.25em 0.5em 0.1em 0;
	}

.icon {
	margin: 0;
	border: 0px transparent none !important;
	}

.dashedline {
	font-size: 0px;
	margin: 4px 2px;
	width: auto;
	line-height: 1px;
	height: 1px;
    border-bottom: 1px dashed #4389C4;
    }

.dottedline {
    font-size: 0px;
    margin: 4px 2px;
    width: auto;
    line-height: 1px;
    height: 1px;
    border-bottom: 1px dotted #4389C4;
    }

.solidline {
	font-size: 0px;
	background: #4389C4;
	margin: 4px 2px;
	width: auto;
	line-height: 1px;
	height: 1px;
	}

.divider {
	font-size: 0px;
	background: #4389C4;
	margin: 4px 2px;
	width: auto;
	line-height: 2px;
	height: 2px;
	}

.green h2 {
	color: #009d00;
	}

.green .divider {
	background: #009d00;
	}

.green .bullet-list li {
	background: url(Images/bullet-green.gif) no-repeat;
	background-position: 0.2em 0.4em;
	}

.red h2 {
	color: #FF0000;
	}

.red .divider {
	background: #FF0000;
	}

.red .bullet-list li {
	background: url(Images/bullet-red.gif) no-repeat;
	background-position: 0.2em 0.4em;
	}

.orange h2 {
	color: #f4793b;
	}

.orange .divider {
	background: #f4793b;
	}

.orange .bullet-list li {
	background: url(Images/bullet-orange.gif) no-repeat;
	background-position: 0.2em 0.4em;
	}

.purple h2 {
	color: #b343c4;
	}

.purple .divider {
	background: #b343c4;
	}

.purple .bullet-list li {
	background: url(Images/bullet-purple.gif) no-repeat;
	background-position: 0.2em 0.4em;
	}

.none {display: none;}

.cf:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.cf {display: inline-table;}

/* Hides from IE-mac \*/
* html .cf {height: 1%;}
.cf {display: block;}
/* End hide from IE-mac */

#footer {
	margin: 0;
	padding: 8px;
	clear:both;
	color: #333333;
	font-size: 85%;
	min-height: 60px;
	background-image: url(Images/page_bg.jpg);
	background-repeat: no-repeat;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #599cd4;
	}
* html #footer {_height: 60px;}

#footer .links {
	margin-bottom: 4px;
	display: block;
	height: 1.4em;
	}

#footer ul {
	padding: 0 0 0 2px;
	}

#footer a:link, #footer a:visited {
	color: #ffffff;
	}

#footer a:link span, #footer a:visited span {
	color: #ffffff;
	}

#footer a:hover, #footer a:active {
	border-bottom: dotted 1px #ffcc33;
	color: #ffcc33;
	text-decoration: none;
	}

#footer a:hover span, #footer a:active span {
	color: #ffcc33;
	text-decoration: none;
	}

#footer .seperator {
	background-color: #e0eff6;
	}

