/* CSS Document */

/* Site Specs *******************************************************************************/
/* Orange is now blue #1471ab */
/* blue #1471ab */
/* Green #1e4148 */
/* Nav grey #616161 */
/* Header grey #787878 */
/* Text grey #8c8c8c as of 20050112 */
/* Text grey #636363 */


/* Default page values **********************************************************************/
body {
font-family: verdana,arial,sans-serif;
font-size: 8pt;
color: #636363;
background-color: #ffffff; 
margin: 20pt 20pt 20pt 20pt;
text-align: left;
}
td {
color: #636363;
font-family: verdana,arial,sans-serif;
}
span {
color: #636363;
font-family: verdana,arial,sans-serif;
}


/* Links ************************************************************************************/
a:link {
color: #1471ab;
text-decoration: none;
}
a:visited {
color: #1471ab;
text-decoration: none;
}
a:active {
color: #152E33;
}
a:hover {
color: #152E33;
text-decoration: underline;
}

a.more:link {
color: #152E33;
font-size: 8pt;
text-decoration: none;
}
a.more:visited {
color: #152E33;
text-decoration: none;
}
a.more:active {
text-decoration: none;
}
a.more:hover {
color: #152E33;
text-decoration: underline;
}

a.small-link:link {
color: #152E33;
font-size: 7pt;
text-decoration: none;
}
a.small-link:visited {
color: #152E33;
text-decoration: none;
}
a.small-link:active {
text-decoration: none;
}
a.small-link:hover {
color: #152E33;
text-decoration: underline;
}

/* General ***************************************************************************/
.page {
position: relative;
top: 0;
left: 0;
width: 715px;
background-color: #ffffff;
padding: 0 0 0 0;
margin-left: auto;
margin-right: auto;
}
.main {
	float: left;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	border-color: #1471ab;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
}


.small {
color: #999999;
font-size: 8pt;
}
.red {
color: #990000;
font-size: 8pt;
}
.alert {
color: #990000;
font-size: 8pt;
}
.hide {
display: none;
}
.show {
display: block;
}
.expand {
display: none;
}

/* Left ***********************************************************************************/
.left {
float: left;
position: relative;
width: 158px;
margin: 10px;
}
.left-content {
float: left;
position: relative;
width: auto;
margin: 5pt 0 5pt 0;
}
.logo-space {
float: right;
position: relative;
top: 0;
left: 0;
margin: 0 0 0 0;
padding: 0 0 0 0;
border-color: #1471ab;
border-width: 1px;
border-style: solid;
}
.logo-image {
float: left;
position: relative;
top: 0;
left: 0;
width: auto;
margin: 5px 5px 5px 5px;
padding: 0 0 0 0;
}
.logo-text {
float: left;
position: relative;
top: 0;
left: 0;
width: auto;
margin: 5px 5px 5px 5px;
padding: 0 0 0 0;
}
.logo {
float: left;
position: relative;
top: 0;
left: 0;
width: auto;
margin: 5px 5px 5px 5px;
padding: 0 0 0 0;
}
.logo-search {
float: left;
position: relative;
top: 0;
left: 0;
width: 100%;
margin: 10pt 0 0 0;
padding: 0 0 0 0;
}
.logo-search input.search-field {
float: right;
position: relative;
top: 0;
left: 0;
width: 100%;
font-size: 8pt;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.logo-search input.search-button {
float: right;
position: relative;
top: 0;
left: 0;
width: auto;
margin: 2pt 0 0 0;
padding: 0 0 0 0;
}
.logo-accents {
float: right;
position: relative;
top: 0;
left: 0;
width: auto;
margin: 5pt 0 0 0;
padding: 0 0 0 0;
}
.logo-accents.image {
float: right;
position: relative;
top: 0;
left: 0;
width: auto;
margin: 0 0 0 0;
padding: 0 0 0 0;
border-color: #8c8c8c;
border-width: 1px;
border-style: solid;
}

/* Right **********************************************************************************/
.right {
	float: left;
	position: relative;
	width: 520px;
	margin: 5px;
}

.right_feature {
	float: left;
	position: relative;
	width: 510px;
	margin: 5px;
	padding: 5px;
	height: auto;
}

.right_feature img{
	padding: 5pt;
}

.pop-right {
float: left;
position: relative;
width: 370px;
margin: 0 10pt 0 0;
}

/* Nav ************************************************************************************/
.nav {
float: left;
position: relative;
width: 87%;
font-size: 9pt;
text-align: center;
margin: 0 0 55pt 0;
padding-left: 70pt;
border-color: #1471ab;
border-width: 1px 0 0 0;
border-style: solid;
}


#NavPos {
float: left;
position: relative;
top: 0;
left: 0;
width: auto;
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style: none;
}
.nav ul {
float: left;
position: relative;
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style: none;
}
.nav li {
float: left;
position: relative;
top: 0;
left: 0;
width: auto;
margin: 0 0 0 0;
padding: 0 37pt 0 0;
}
.nav ul li.end {
float: right;
position: relative;
top: 0;
left: 0;
width: auto;
text-align: right;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.nav a:link {
color: #616161;
text-decoration: none;
}
.nav a:visited {
color: #616161;
text-decoration: none;
}
.nav a:active {
color: #616161;
text-decoration: none;
}
.nav a:hover {
color: #333333;
text-decoration: none;
}

/* Columns ******************************************************************************/
.col-feature {
float: left;
position: relative;
width: 100%;
margin: 0 0 10pt 0;
padding: 3pt 0 10pt 0;
border-color: #1471ab;
border-width: 1px 0 0 0;
border-style: solid;
}
.col-left {
float: left;
position: relative;
width: 48%;
margin: 0 0 10pt 0;
padding: 0 0 0 0;
border-color: #1471ab;
border-width: 1px 0 0 0;
border-style: solid;
}
.pop-col-left {
float: left;
position: relative;
width: 48%;
margin: 0 10pt 10pt 0;
padding: 0 0 0 0;
border-color: #1471ab;
border-width: 1px 0 0 0;
border-style: solid;
}
.col-right {
float: right;
position: relative;
width: 48%;
margin: 0 0 10pt 10pt;
padding: 0 0 0 0;
border-color: #1471ab;
border-width: 1px 0 0 0;
border-style: solid;
}

/* Home ********************************************************************************/
.home {
float: left;
position: relative;
top: 0;
left: 0;
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
border-color: #1471ab;
border-width: 1px 0 0 0;
border-style: solid;
}
.home-nav {
float: left;
position: relative;
font-size: 9pt;
margin: 0 0 55pt 0;
padding: 0 0 0 70pt;
}
.home-branding {
float: left;
position: relative;
top: 0;
left: 0;
width: 100%;
margin: 0 0 0 0;
padding: 10pt 0 10pt 0;
text-align: center;
border-color: #1471ab;
border-width: 1px 1px 1px 1px;
border-style: solid;
}
.home-logo {
float: left;
position: relative;
top: 0;
left: 0;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.home-image {
float: left;
position: relative;
top: 0;
left: 0;
margin: 0 10pt 0 0;
padding: 0 0 0 0;
}
.home-feature-section {
float: left;
position: relative;
top: 0;
left: 0;
width: 100%;
margin: 15pt 0 0 0;
padding: 0 0 15pt 0;
border-color: #1471ab;
border-width: 0 0 1px 0;
border-style: solid;
}
.home-feature {
float: left;
position: relative;
top: 0;
left: 0;
width: 23%;
margin: 0 10pt 0 0;
padding: 0 0 0 0;
}
.home-feature-right {
float: left;
position: relative;
top: 0;
left: 0;
width: 23%;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.home-footer {
float: left;
position: relative;
top: 0;
left: 0;
width: 100%;
font-size: 7pt;
margin: 10pt 0 0 0;
padding: 0 0 0 0;
}

/* Article ******************************************************************************/
.article-title {
float: left;
position: relative;
width: 48%;
margin: 0 0 5pt 0;
padding: 5pt 0 5pt 0;
border-color: #1471ab;
border-width: 1px 0 1px 0;
border-style: solid;
}
.article-image-right {
float: right;
position: relative;
width: 48%;
text-align: center;
margin: 0 0 0 10pt;
padding: 0 0 0 0;
border-color: #1471ab;
border-width: 0 0 1px 0;
border-style: solid;
}
.article-image-caption {
float: left;
position: relative;
width: 100%;
font-size: 8pt;
text-align: center;
color: #999999;
margin: 1pt 0 3pt 0;
padding: 0 0 3pt 3pt;
}

/* Newsletter ***************************************************************************/
.newsletter-left {
float: left;
position: relative;
width: 48%;
margin: 0 0 5pt 0;

padding: 5pt 0 5pt 0;
border-color: #1471ab;
border-width: 1px 0 1px 0;
border-style: solid;
}
.newsletter-right {
float: right;
position: relative;
width: 48%;
margin: 0 0 5pt 0;
padding: 5pt 0 5pt 0;
border-color: #1471ab;
border-width: 1px 0 1px 0;
border-style: solid;
}

/* Calendar *****************************************************************************/
.calendar-day-today {
background-color: antiquewhite;
border-color: #1471ab;
border-width: 1px 0 1px 0;
border-style: solid;
}
.calendar-day {
border-color: #eeeeee;
border-width: 1px 0 0 0;
border-style: solid;
}

/* Table ********************************************************************************/
.row-on {
background-color: #f2f9f9;
}
.row-off {
background-color: #faffff;
}

/* Images *******************************************************************************/
.image {
border-color: #cccccc;
border-width: 1px;
border-style: solid;
}
.image-left {
float: left;
position: relative;
width: 48%;
margin: 0 10pt 0 0;
padding: 0 0 0 0;
}
.image-right {
float: right;
position: relative;
width: 48%;
text-align: center;
margin: 0 0 0 10pt;
padding: 0 0 0 0;
}
.image-caption {
float: left;
position: relative;
width: 100%;
font-size: 8pt;
text-align: left;
color: #999999;
margin: 1pt 0 3pt 0;
padding: 0 0 3pt 0;
border-color: #1471ab;
border-width: 0 0 1px 0;
border-style: solid;
}

/* Galleries ***************************************************************************/
.galleries-page {
position: relative;
top: 0;
left: 0;
width: 500px;
color: #ffffff;
background-color: #000000;
padding: 0 0 0 0;
text-align: left;
margin-left: auto;
margin-right: auto;
}
.galleries-main {
float: left;
position: relative;
top: 0;
left: 0;
width: 100%;
}
.galleries-left {
float: left;
position: relative;
top: 0;
left: 0;
width: 20%;
margin: 0 15pt 0 0;
padding: 0 10pt 0 0;
border-color: #1471ab;
border-width: 1px 0 0 0;
border-style: solid;
}
.galleries-logo-box {
float: left;
position: relative;
top: 0;
left: 0;
width: 100%;
border-color: #1471ab;
border-width: 1px;
border-style: solid;
}
.galleries-thumb {
border-color: #cccccc;
border-width: 1px;
border-style: solid;
}
.galleries-thumbs {
float: left;
position: relative;
width: 100%;
height: 300px;
color: #999999;
margin: 1pt 0 3pt 0;
padding: 0 0 3pt 0;
overflow: scroll;
}
.galleries-right {
float: left;
position: relative;
top: 0;
left: 0;
width: 40%;
margin: 0 15pt 0 0;
padding: 0 10pt 0 0;
}
.galleries-image {
border-color: #1471ab;
border-width: 1px;
border-style: solid;
}
.galleries-caption {
float: left;
position: relative;
top: 0;
left: 0;
width: 100%;
border-color: #1471ab;
border-width: 1px 0 0 0;
border-style: solid;
}

/* Lines ********************************************************************************/
.line-orange-horizontal {
float: left;
position: relative;
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
border-color: #1471ab;
border-width: 1px 0 0 0;
border-style: solid;
}

/* H ************************************************************************************/
h1 {
float: left;
position: relative;
top: 0;
left: 0;
width: 100%;
font-size: 10pt;
font-weight: bold;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
h2 {
float: left;
position: relative;
top: 0;
left: 0;
width: 100%;
font-size: 10pt;
font-weight: normal;
margin: 0 0 2pt 0;
padding: 0 0 0 0;
}
h3 {
float: left;
position: relative;
top: 0;
left: 0;
width: 100%;
font-size: 10pt;
font-weight: bold;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
h4 {
float: left;
position: relative;
top: 0;
left: 0;
width: 100%;
font-size: 7pt;
font-weight: normal;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

/* Form Pop ***********************************************************************/
.pop-main form {
position: relative;
float: left;
top: 0;
left: 0;
width: 100%;
margin: 0 0 0 0;
padding: 10pt 0 0 0;
font-size: 8pt;
}
.pop-main input {
font-size: 8pt;
}
.pop-main .highlight {
color: #990000;
}

/* Forms ***************************************************************************/
input.search-field {
float: left;
position: relative;
top: 0;
left: 0;
font-size: 7pt;
margin: 0 2pt 0 0;
padding: 0 0 0 0;
}


/* Footer ************************************************************************************/
.footer {
float: left;
position: relative;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 7pt;
margin: 30pt 0 0 0;
}
.footer a:link {
color: #8c8c8c;
text-decoration: none;
}
.footer a:visited {
color: #8c8c8c;
text-decoration: none;
}
.footer a:active {
color: #8c8c8c;
text-decoration: none;
}
.footer a:hover {
color: #8c8c8c;
text-decoration: underline;
}