
/** generic **/

body {
    background-color : #FFFFFF;
    color            : #000000;
    margin           : 0;
    padding          : 0;
}

a, a:link, a:visited, a:active {
    text-decoration   : none;
    color             : #0000CC;
}

a:hover {
    text-decoration : underline;
    color           : #003366;
}

h1, h2, h3, h4, h5 {
    color            : #030089;
    font-family      : Verdana;
    font-weight      : bold;
}

p {
	color       : #000000;
    font-family : Verdana;
	font-size   : 11px;
	text-indent : 0px;
}

ul {
    text-align : left;
}

li {
    font-family : Verdana;
    font-size   : 11px;
}

span {
    font-family : Verdana;
}

table {
    border-collapse    : collapse;
    margin             : 0;
    padding            : 1px;
    table-layout       : auto;
}

tr {

}

td {
    font-family    : Verdana;
    margin         : 0;
    padding        : 0;
    vertical-align : top;
    text-align     : left;
}


/** header **/

tr#headerTop td {
    background-color : #030089;
}

tr#headerBottom td {
    background-color : #2C57A7;
}


/** menu **/

td#menu {
    background-color : #2C57A7;
    margin           : 0;
    padding          : 0;
    vertical-align   : top;
}

td#menu h1 {
    background-color : #030089;
    color            : #FFFFFF;
    margin           : 0;
    padding          : .4em 0 .4em .8em;
    text-align       : left;
    font-size        : 11px;
    font-weight      : bold;
    font-family      : arial, helvetica, sans-serif;
}

td#menu p {
    font-family      : Verdana;
    background-color : #2C57A7;
    color            : #FFFFFF;
    margin           : .4em 0 .4em .8em;
}

td#menu a, td#menu a:link, td#menu a:visited, td#menu a:active {
    color           : #FFFFFF;
    font-family     : arial, helvetica, sans-serif;
    font-size       : 12px;
    font-weight     : normal;
    text-decoration : none;
}

td#menu a:hover {
    color           : #FFFFFF;
    font-family     : arial, helvetica, sans-serif;
    font-size       : 12px;
    font-weight     : normal;
    text-decoration : underline;
}


/** content **/

.main {
	color       : #000000;
    font-family : Verdana;
	font-size   : 11px;
	text-indent : 0px;
}

td.main {
	vertical-align    : middle;
    padding-left      : 10px;
    color             : #030089;
    background-color  : #FFFFFF;
    font-size         : 11px;
    font-family       : arial, helvetica, sans-serif;
    font-weight       : bold;
}

td#content {
    background-color : #FFFFFF;
    padding-top      : 15px;
    padding-right    : 15px;
    padding-left     : 15px;
    padding-bottom   : 15px;
    vertical-align   : top;
    font-size        : 11px;
}

/** footer **/

td#footerLeft {
    background-color : #2C57A7;
}

td#footerRight {
    background-color : #B9B9B9;
    vertical-align   : middle;
    padding-top      : 15px;
    padding-right    : 15px;
    padding-bottom   : 15px;
    padding-left     : 15px;
}

/** forms **/

input[type="text"] {
	font-family : Verdana;
	font-size   : small;
	height      : 22px;
}

select {
	font-family : Verdana;
	font-size   : small;
	height      : 22px;
}

option {
	font-family : Verdana;
	font-size   : small;
	height      : 18px;
}

label {
    font-family : Verdana;
	font-size   : small;
}

td.formLabel {
    font-family    : Verdana;
    font-size      : small;
    margin         : 0;
    border-width   : 0;
    border-spacing : 0;
    vertical-align : top;
    text-align     : left;
}


/** misc **/

span.large {
    font-family : Verdana;
    font-size   : large;
}

span.small {
    font-family : Verdana;
    font-size   : x-small;
}


/** calendar styles **/

table.calendar {
    margin           : 1em;
    border           : 1px solid #000000;
    border-collapse  : collapse;
}

.calendar tr {
    vertical-align   : top;
}

.calendar th {
    border           : 1px solid #000000;
    padding          : 2px;
	background-color : #FFFFFF;
	font-family      : Verdana;
	font-size        : small;
	text-align       : center;
}

.calendar td {
    border           : 1px solid #000000;;
    padding          : 2px 3px;
	background-color : #FFFFFF;
	font-family      : Verdana;
	font-size        : x-small;
}


/** site-specific **/

.siteLight {
	background-color : #2C57A7;
}

.siteDark {
	background-color : #030089;
}

td.siteDark {
    background-color  : #030089;
    color             : #FFFFFF;
    font-size         : 11px;
    font-family       : arial, helvetica, sans-serif;
    font-weight       : bold;
    padding-left      : 10px;
	vertical-align    : middle;
}

td.siteLight {
    background-color  : #2C57A7;
    color             : #FFFFFF;
    font-size         : 10px;
    font-family       : arial, helvetica, sans-serif;
    font-weight       : bold;
	vertical-align    : top;
}

p.siteTitle {
	color       : #000000;
    font-family : Verdana;
	font-size   : 14px;
    font-weight : bold;
    text-align  : center;
	text-indent : 0px;
}

p.title {
	color       : #000000;
    font-family : Verdana;
	font-size   : 14px;
    font-weight : bold;
    text-align  : center;
	text-indent : 0px;
}

p.construction {
    font-family : Verdana;
    font-size   : medium;
    font-weight : bold;
}


/** events **/

td.events {
    color            : #000000;
    font-family      : Verdana;
	font-size        : small;
    margin           : 0;
    border-width     : 0;
    border-spacing   : 0;
    text-align       : left;
    vertical-align   : top;
}

b.eventTitle {
    color           : #000000;
    font-family     : Verdana;
    font-weight     : bold;
	text-transform  : uppercase;
}


/** email styles **/

td.emailHeader {
	background-color : #030089;
	color            : #FFFFFF;
    border-width     : 0;
    border-spacing   : 0;
    border-style     : solid;
    font-family      : Verdana;
    margin           : 0;
    text-align       : center;
    vertical-align   : top;
}

td.emailSubheader {
	background-color : #2C57A7;
	color            : #FFFFFF;
    border-width     : 0;
    border-spacing   : 0;
    border-style     : solid;
    font-family      : Verdana;
	font-size        : small;
	font-weight      : bold;
    margin           : 0;
    vertical-align   : middle;
}

td.addressBook, p.addressBook {
	color       : #222222;
	font-family : Verdana;
	font-size   : 9px;
    text-align  : center;
}


/** header **/

td.header {
    border-width     : 0;
    border-spacing   : 0;
    font-family      : Verdana;
    font-size        : large;
    margin           : 0;
    text-align       : center;
    vertical-align   : top;
}


/** middle **/

td.middle {
    border-width   : 0;
    border-spacing : 0;
    font-family    : Verdana;
    margin         : 0;
    text-align     : left;
    vertical-align : middle;
}


/** footer **/

td.footer {
    border-width     : 0;
    border-spacing   : 0;
    font-family      : Verdana;
    font-size        : xx-small;
    margin           : 0;
    text-align       : center;
    vertical-align   : top;
}



