body {
margin:0;
padding:0;
font-family: Calibri, arial, helvetica, sans-serif;
color: #262626;
font-size: 14px;
line-height: 1.3em;
font-weight: normal;
}

#mainWrapper {
width: 950px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#header {
background: #00447b;
height: 202px; /*Height of top section*/
border-bottom: solid 2px #ffffff;
}

#contentWrapper {
float: left;
width: 100%;
background: url(../images/bg_content.gif) repeat-y;
}

#index #contentWrapper {
background: none;
}

#contentColumn {
margin-left: 250px; /*Set left margin to LeftColumnWidth*/
}

#index #contentColumn {
margin-left: 0; /*Set left margin to LeftColumnWidth*/
}

#leftColumn {
float: left;
width: 250px; /*Width of left column*/
margin-left: -950px; /*Set left margin to -(MainContainerWidth)*/
background: #dfe4eb;
}

#footer {
border-top: solid 2px #ffffff;
clear: left;
width: 100%;
background: #0060ac;
color: #b9e0ff;
text-align: left;
padding: 8px 0;
font-size: 11px;
text-indent: 10px;
}

#credits {
float: right;
margin-right: 10px;
}

.cushion {
margin: 20px; /*Margins for inner DIV inside each column (to provide padding)*/
}

.glidecontent .cushion {
margin: 10px 10px 0 10px; /*Margins for inner DIV inside each column (to provide padding)*/
}



/***** Font Styles & Formatting *****/

/* Headers */

h1 {
font-family: arial, helvetica, sans-serif;
color: #0150a7;
font-size: 18px;
font-weight: bold;
margin: 0;
padding: 0 0 5px 0;
}

h2 {
font-family: arial, helvetica, sans-serif;
color: #7098c5;
font-size: 16px;
font-weight: bold;
margin: 0;
padding: 25px 0 5px 0;
}

#leftColumn h2 {
padding: 0;
}

h3 {
font-family: arial, helvetica, sans-serif;
color: #0150a7;
font-size: 16px;
font-weight: normal;
margin: 0;
padding: 25px 0 5px 0;
}

.glidecontent h3 {
font-family: arial, helvetica, sans-serif;
color: #ffffff;
font-size: 16px;
font-weight: bold;
margin: 0;
padding: 0;
}


h4 {
font-family: arial, helvetica, sans-serif;
color: #007bc4;
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 15px 0 0 0;
}

h5 {
font-family: arial, helvetica, sans-serif;
color: #7098c5;
font-size: 13px;
font-weight: bold;
margin: 0;
padding: 15px 0 0 0;
}



p {
text-align: justify;
margin: 6px 0 18px 0;
padding: 0;
}


#quote {
float: right;
width: 200px;
margin: 0 0 10px 15px;
background: #d1f1ff;
border: solix 1px #007ac3;
color: #005eaa;
font-style: italic;
padding: 15px;
text-indent: -8px;
}

.small {
font-size: 11px;
}

/***** Link Styles *****/

a:link, a:visited {
color: #0152c5;
}

a:hover, a:active {
color: #0069ff;
}


#footer a:link, #footer a:visited {
color: #aae6ff;
}

#footer a:hover, #footer a:active {
color: #ffffff;
}


.glidecontent a:link, .glidecontent a:visited {
color: #aae6ff;
}

.glidecontent a:hover, .glidecontent a:active {
color: #ffffff;
}



#bttnEmail a {
display: block;
margin: 20px;
background: url(../images/icon_email.gif) no-repeat;
background-position: 0 3px;
text-indent: 20px;
}








/***** Table Styles *****/

.oddtr {
background-color:#ffffff;
}

.eventr {
background-color:#f6f6f6;
}

.trover {
background-color: #aae6ff;
}

.trclick {

}

.mytable td, .mytable th {
padding: 2px 5px;
}

#tableExp {
margin: 25px 0 0 0;
}

#tableExp td {
padding: 5px 8px;
}

#tableExp th {
background-color: #007bc3;
color: #aae6ff;
font-size: 16px;
text-align: left;
padding: 5px 8px;
}



/***** List Styles *****/

#contentColumn .cushion ul {
margin: 0 0 15px 0;
padding: 0;
list-style-type: none;
line-height: 1.2em;
position: relative;
top: -5px;
}

#contentColumn .cushion ul li {
margin: 0 0 5px 5px;
padding: 0 0 0 17px;
background: url(../images/bullet_blue.gif) no-repeat;
background-position: 7px 6px;
}


#contentColumn .cushion ul li ul {
margin: 10px 0 15px 0;
padding: 0;
list-style-type: none;
}

#contentColumn .cushion ul li ul li {
margin: 0 0 3px 5px;
padding: 0 0 0 17px;
background: url(../images/bullet_blue.gif) no-repeat;
background-position: 7px 7px;
}



#leftColumn ul {
display: block;
margin: 10px 0 0 0;
padding: 0;
list-style-type: none;
}

#leftColumn ul li {
margin: 0;
}

#leftColumn ul li a {
display: block;
padding: 4px 8px;
text-decoration: none;
}

#leftColumn ul li a:link, #leftColumn ul li a:visited {
background: #dfe4eb;
}

#leftColumn ul li a:hover, #leftColumn ul li a:active {
color: #ffffff;
background: #007ac3;
}



/***** Main Nav *****/

.jqueryslidemenu {
line-height: 1em;
width: 950px;
margin: 0;
padding: 0;
display: block;
clear: both;
border-top: solid 1px #ffffff;
}

.jqueryslidemenu ul {
margin: 0;
padding: 0;
list-style-type: none;
background-color: #00447b;
font-family: Arial, Helvitica, sans-serif;
font-size: 13px;
font-weight: bold;
line-height: 1em;
color: #ffffff;
}

/*Top level list items*/
.jqueryslidemenu ul li {
position: relative;
display: inline;
float: left;
padding: 0;
margin: 0;
width: 139px;
text-align: center;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a {
display: block;
color: #ffffff;
text-decoration: none;
padding: 0;
}

* html .jqueryslidemenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited {
color: #aae6ff;
background: #00447b;
padding: 8px 0 7px 0;
margin: 0;
width: 139px;
}

.jqueryslidemenu ul li a:hover, .jqueryslidemenu ul li a:active {
color: #ffffff;
background: #007ac3;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul {
position: absolute;
left: 0;
margin: 0;
padding: 0;
border-top: none;
display: block;
visibility: hidden;
background: #ffffff;
width: 136px;
border-right: 1px solid #808c86;
border-bottom: 1px solid #808c86;
border-left: 1px solid #808c86;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li {
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul {
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a:link, .jqueryslidemenu ul li ul li a:visited {
width: 138px;
text-align: center;
padding: 7px 0;
margin: 0;
color: #393536;
background: #ffffff;
font-weight: normal;
font-size: 11px;
text-transform: none;
border-top: solid 1px #d6dad9;
}

.jqueryslidemenu ul li ul li a:hover, .jqueryslidemenu ul li ul li a:active { /*sub menus hover style*/
background: #36609c;
margin: 0;
color: #ffffff;
}



/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass {
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass {
position: absolute;
top: 6px;
right: 5px;
}




/***** Form Styles *****/

#cssform p {
clear: left;
margin: 0;
padding: 5px 0 8px 0;
height: 1%;
}

#cssform label {
float: left;
width: 165px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
text-align: right;
padding: 2px 5px 0 0;
}

#cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 165px;
}

#cssform textarea {
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix {
margin-left: 3px;
}





/***** Content Glider *****/

.glidecontentwrapper {
position: relative; /* Do not change this value */
width: 450px;
height: 250px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
background: url(../images/bg_glider.jpg) no-repeat;
border: solid 1px #003b63;
color: #ffffff;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent { /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: url(../images/bg_glider.jpg) no-repeat;
padding: 0;
visibility: hidden;
width: 450px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler { /*style for DIV used to contain toggler links. */
width: 450px;
margin: 0;
text-align: left; /*How to align pagination links: "left", "center", or "right"*/
background: #003b63; /*always declare an explicit background color for fade effect to properly render in IE*/
border-left: 1px solid #003b63;
border-right: 1px solid #003b63;
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a { /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border-right: 1px solid #007ac3;
border-bottom: 1px solid #007ac3;
color: #aae6ff;
padding: 3px 7px;
margin: 0;
font-weight: normal;
text-decoration: none;
font-size: 12px;
background: #003b63;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #007ac3;
color: #ffffff;
}

.glidecontenttoggler a:hover{
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}