html, body, div, span, p, ul, li, input, select, td, a{
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

html,body,div,p,ul,li,input,select,td,a{ font-size: 12px;}

h1{font-size: 16px; color: #104A83;}
h2{font-size: 15px; color: #104A83;}
h3{font-size: 13px; color: #104A83;}
h4{font-size: 12px; color: #A8B9C9;}
h5{font-size: 11px; color: #A80000;}
h6{font-size: 10px; color: #34414A;}

h1{
    padding: 0px 0px 8px 0px;
    margin: 0px 0px 8px 0px;
}

h3{
    margin-top: 0px;
    margin-bottom: 8px;
}

h2, h4, h5, h6{
    font-weight: bold;
    margin-top: 18px;
    margin-bottom: 6px;
}

h1, h2, h3, h4, h5, h6{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
}

body{
    background-image: url(/images/header_blue.gif);
    background-attachment: scroll;
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    background-position: top left;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

/* DESIGN HEADER */

#pageContainer{
    position: relative;
    margin: 0px auto 0px auto;
    padding-top: 16px;
    text-align: left;
    width: 760px;
    border: 0px solid #000000;
}

#logoSpacer{
    position: absolute;
    top: 0px;
    left: 0px;
}

#hFlashObject{
    display: none; position: absolute; left: 0px; top: 0px;
}
#hFlashObject object{
    display: none;
}

#header{
    position: absolute;
    top: 46px;
    left: 0px;
    background-color: #0d3256;
    width: 100%;
    z-index: 1000;
    border: 0px solid #213A53;
    height: 96px;
}
#headerLeft{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 488px;
}
#headerRight{
    position: absolute;
    top: 4px;
    right: 0px;
    width: 269px;
    background-color: #2F5274;
    height: 88px;
}
#headerRight #hcont{
    padding: 4px 0px 4px 0px;
    margin-top: 1px;
    padding-top: 4px;
    text-align: right;
}
.arrowCont{
     font-weight: bold;
     font-size: 10px;
     text-transform: uppercase;
     color: #FFFFFF;
     padding: 0px 8px;
     margin-left: 18px;
}
.arrowCont div{
    padding-bottom: 3px;
    margin-bottom: 3px;
}

.arrowCont div a.arrowLeft2{
    font-size: 10px;
    color: #F6FFFF;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;

}
.arrowCont div a.arrowLeft2:hover{
    font-size: 10px;
    color: #A9BACE;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
}

/* HEAD MENU STYLES */

#headMenu{ text-align: right; }
#hmenu{
    list-style-type: none;
    padding: 0px;
    margin: 8px 4px 0px 0px;
    float: right;
}


#hmenu li{
    display: inline;
    list-style-type: none;
    text-align: left;
    white-space: nowrap;
}

#hmenu li a{
    padding: 0px 6px;
    color: #5B6365;
    border-left: 1px solid #5B6365;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}
#hmenu li a#h_a_0{
    border-left: 0px solid #FFFFFF;
}
#hmenu li a:hover{
    color: #0073AA;
}

/* END HEAD MENU STYLES */

/* MENU BAR STYLES */
#mbContainer{
    position: absolute;
    top: 16px;
    left: 0px;
    z-index: 2000;

    background-color: #FFFFFF;
    border: 0px solid #304149;
    text-align: center;
    height: 30px;
}

#menubar{
    position: relative;
    z-index: 5000;
    height: 30px;
    padding: 0px;
    margin: 0px;
}


#tmenucontain{
    background-color: #EAEFF3;
    height: 30px;
    padding: 0px;
    margin: 0px;
    text-align: center;
}

.tgear{
    background-image: url(/images/icon_gears.gif);
    background-repeat: no-repeat;
    background-position: center;
    height: 15px;
    width: 16px;
    margin: 0px;
}

#tmenu{
    position: relative;
    z-index: 4500;
    padding: 0px;
    margin: 0px auto 0px auto;
    height: 30px;
    text-align: center;
}

#tmenu td{
    text-align: center;
    white-space: nowrap;
    padding: 0px 20px;
    margin: 0px;
}

.tmenud{
    position: relative;
}

#tmenu a{
    display: block;
    text-align: left;
    border: 0px solid #34414A;

    font-weight: bold;
    font-size: 12px;
    color: #122B44;
    text-decoration: none;
    text-transform: uppercase;
}
html>body #tmenu a{

}

#tmenu a#ta_0{
    border-left: 0px solid #34414A;
    padding: 0px;
    margin: 0px;
}

#tmenu a:hover{
    font-weight: bold;
    font-size: 12px;
    color: #0C2947;
    text-decoration: none;
    text-transform: uppercase
}

.empty{ visibility: hidden; position: absolute; left: 0; top: 0; }

/* END MENUBAR */

/* LEFT MENU */

/* The left menu here puts on a clinic for bypassing ie's supposed standard compliance bugs */


#columnLeft{
    position: absolute;
    top: 16px;
    left: 0px;
    color: #000000;
    padding: 0px;
    margin: 0px;
}

.dleftmenu{
    margin-top: 10px;
    padding: 0px;
    width: 180px;
}

.dleftmenu ul{
    display: block;
    background-color: #758290;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

html>body .dleftmenu ul{
    width: auto;
}

.dleftmenu ul li{
    display: block;
    height: 21px;
    list-style-type: none;
    color: #94A5B5;
    font-size: 11px;
}

.dleftmenu ul li a{
    display: block;
    background-image: url(/images/left_menu_square_off.gif);
    background-repeat: no-repeat;
    background-position: center left;
    background-color: #758290;
    height: 21px;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
    padding: 3px 3px 0px 28px;
    border-top: 1px solid #A4B0BC;
}
html>body .dleftmenu ul li a{
    width: auto;
    height: 18px;
}

.dleftmenu ul li a:hover{
    display: block;
    background-image: url(/images/left_menu_square_on.gif);
    background-repeat: no-repeat;
    background-position: center left;
    background-color: #49657F;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
}

.dleftmenu ul li a.sub{
    padding-left: 42px;
    background-color: #7e8d9a;
    border-top: 0px solid #ffffff;
}
.dleftmenu ul li a.sub:hover{
    background-color: #49657F;
}

.liTop{ background-color: #4D637A; text-align: center; }
.liTop span{ padding-top: 8px; font-weight: bold; color: #C4D5E7; font-size: 13px; }

/* END LEFT MENU */

/* CONTENT SPACE */
#contentSpace{
    position: absolute;
    top: -36px;
    left: 0px;
    width: 100%;
    height: 36px;
}

#cspaceC{
    width: 760px;
    height: 36px;
    margin: 0px auto;
    background-color: #EAEFF3;
}

#contentSpace h1{
    margin: 0px;
    padding: 8px;
}


.floatIcon{
    position: absolute;
    top: 150px;
    right: 12px;
    padding: 0px;
}

a.iconLink{
	color: #697A88;
	text-decoration: none;
	font-size: 10px;
}

a.iconLink:hover{
	color: #213A53;
	text-decoration: underline;
	font-size: 10px;
}

/* END CONTENT SPACE */

/* COLUMN MAIN */

#contentFull{
    position: absolute;
    top: 178px;
    left: 0px;
    background-color: #FFFFFF;
    width: 100%;
}

#contentContainer{
    position: relative;
    width: 760px;
    padding: 10px 0px 0px 0px;
    margin: 0px auto;
    text-align: left;
}

#columnMain{

}

#contentTable{
    width: 100%;
}

#content{
    padding: 16px 0px 16px 16px;
    margin: 0px 0px 0px 190px;

    background-color: #FFFFFF;
    color: #000000;
    border: 0px solid #213A53;
    min-height: 300px;
}


#copyright{
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
}
#copyright #copy_inner{
    color: #F6FFFF;
    background-color: #213A53;
    border: 1px solid #213A53;
    border-top: 0px solid #213A53;
    height: 72px;
    font-size: 9px;
    text-align: center;
}
#copyright table{text-align: left;}
#copyright a{ color: #F6FFFF; }
#copyright a:hover{ color: #A9BACE; }
#copyright td{ text-align: center; color: #F6FFFF; }
#copyright div{ text-align: center; color: #F6FFFF; }
#copyright h4{ margin: 8px 0px; }

#copyright #crleft{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 25%;
    text-align: center;
}


#copyright #crmiddle{
    position: absolute;
    top: 0px;
    left: 25%;
    width: 50%;
}

#copyright #crright{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 25%;
    text-align: center;
}

#crleft h4, #crright h4{
    text-align: center;
}

#crleft strong{
    display: block;
    margin: 8px 0px;
    text-align: center;

}
#crleft strong, #crleft strong a{
    color: #A8B9C9;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-size: 14px;
}

#crleft strong.phone_number, #crright strong{
    font-weight: bold;
    font-size: 16px;
    color: #fff;
}

#bbb{
    font-size: 10px; color: #F6FFFF;
}

#bmenu{
    text-align: center;
    margin-top: 8px;
}

#bmenu a{
    font-size: 9px;
    font-weight: normal;
    text-align: center;
    color: #ffffff;
}

bmenu a:hover{
    font-size: 9px;
    font-weight: normal;
    text-align: center;
    color: #0073A9;
}

table.cell, table.show{ border: 1px solid #000000; }
td.adminTitle{
    background-color: #789EB7;
    border: 1px solid #000000;
    text-decoration:none;
    color: #000000;
    font-weight: bold;
    text-align: center;
}
td.cellHeader{
    background-color: #0073AA;
    border: 1px solid #000000;
    padding: 4px 8px 4px 8px;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    height: 16px;
}
td.cell{
    background-color: #FFFFFF;
    border-bottom: 1px solid #F3F5FB;
    padding: 2px 8px 2px 8px;
    font-size: 12px;
    color: #000000;
    text-align: left;
}

td.cell2{
    background-color: #FFFFFF;
    border-bottom: 1px solid #F3F5FB;
    padding: 2px 8px 2px 8px;
    font-size: 11px;
    color: #000000;
    text-align: right;
}

td.cellOdd{
    background-color: #FCFCFC;
    padding: 2px 8px 2px 8px;
    border-bottom: 1px solid #F3F5FB;
    color: #000000;
    font-size: 12px;
    text-align: left;
}
td.cellError{
    background-color: #CC6666;
    padding: 2px 8px 2px 8px;
    border-bottom: 1px solid #F3F5FB;
    color: #000000;
    font-size: 12px;
    text-align: left;
}

/* END COLUMN MAIN */

/* FORM ELEMENTS */

input, textarea, select{
    background-color: #FCFCFC;
    color: #000000;
    border: 1px inset #8E9082;
    font-weight: normal;
    font-size: 12px;
}

.button, .buttonOver{
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
    padding-bottom: 2px;
    height: 18px;

    border-top: 1px solid #CEF3FB;
    border-right: 1px solid #213A53;
    border-bottom: 1px solid #213A53;
    border-left: 1px solid #CEF3FB;
}
.button{
    background-color: #7EA4C1;
    color: #FFFFFF;
}
.buttonOver{
    background-color: #9DCCE5;
    color: #FFFFFF;
}

/* END FORM ELEMENTS */

/* GENERAL STYLES */

a{
    color: #0073A9;
    font-weight: normal;
    text-decoration: underline;
    font-size: 11px;
}
a:hover{
    color: #7EA4C1;
    font-weight: normal;
    text-decoration: underline;
    font-size: 11px;
}

.a2{
    color: #0073A9;
    font-weight: normal;
    text-decoration: underline;
    font-size: 12px;
}
.a2:hover{
    color: #7EA4C1;
    font-weight: normal;
    text-decoration: underline;
    font-size: 12px;
}

.aTitle{
    color: #0073A9;
    font-weight: normal;
    text-decoration: underline;
    font-size: 16px;
}
.aTitle:hover{
    color: #004A6D;
    font-weight: normal;
    text-decoration: underline;
    font-size: 16px;
}

a.cellHeader{ color:#FFFFFF; }
a.cellHeader:hover{ color:#FFFFFF; }

.error{ color: #FF0000; font-weight: bold; }
span.good{ color: #00AA00; font-weight: bold; }

form{
    margin: 0px;
    padding: 0px;
}

p{
    margin: 0px;
    padding: 0px;
}

/* END GENERAL STYLES */

/* replacement for hr */
div.hr, div.hr2{
    height: 1px;
    font-size: 1px;
    background: url(/images/dot-horz.gif) repeat-x bottom;
    margin: 4px 0px 4px 0px;
}
html>body div.hr, html>body div.hr2{
    background-image: none;
    border-bottom: 1px dotted #0073AA;
}


#columnLeft div.hr{
    margin-left: 4px;
}

/* start of bob's styles */

img{
    border: 0px solid #FFFFFF;
}

img.pageImage{
    margin: 15px 0px 0px 14px;
    float: right;
}

td.contentHeader{
    background-color: #DFDECA;
    border: 1px solid #888881;

    padding: 4px;
    color: #5A6264;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

td.contentBody{
    background-color: #FFFFFF;
    border-top: 0px solid #888881;
    border-right: 1px solid #888881;
    border-bottom: 1px solid #888881;
    border-left: 1px solid #888881;

    padding: 8px;
    color: #33414A;
    font-size: 11px;
    font-weight: normal;
}

a.bobTitle{
    color: #0C658F;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
}

a.bobTitle:hover{
    color: #0C658F;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
}

a.bobTitle:hover{
    color: #0C658F;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
}

a.linkHome{
    color: #0073A9;
    font-weight: bold;
    font-size: 11px;
    text-decoration: underline;
}

a.linkHome:hover{
    color: #00364F;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
}


ul.arrows{
    margin: 4px 0px 4px 18px;
    padding: 0px;
    padding-left: 6px;
    list-style: url(/uimages/arrowGray.gif);
}
ul.arrows li{
    list-style-type: none;
    margin-bottom: 9px;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul.arrowP{
    margin: 4px 0px 4px 18px;
    padding: 0px;
    list-style: url(/uimages/arrowPurple.gif);
}

ul.arrowP li{
    list-style-type: none;
    margin-bottom: 6px;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
}

ul.arrowA{
    margin: 4px 0px 4px 18px;
    padding: 0px;
    list-style: url(/uimages/arrowPurple.gif);
}

ul.arrowA li{
    list-style-type: none;
    margin-bottom: 6px;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul.arrowL{
    margin: 4px 0px 4px 18px;
    padding: 0px;
    list-style: url(/uimages/arrowPurple.gif);
}

ul.arrowL li{
    list-style-type: none;
    margin-bottom: 4px;
    font-size: 8px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}



.arrowLeft{
    margin: 3px 0px 0px 22px;
    padding: 0px 0px 2px 22px;
    list-style: url(/uimages/arrowBlue.gif);
}
.arrowLeft li{
    list-style-type: none;
    padding: 3px 0px;
    font-size: 11px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.arrowLeft li a{
    color: #F6FFFF;
    font-size: 14px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
}
.arrowLeft li a:hover{
    color: #A9BACE;
    font-size: 14px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
}

.arrowD{
    margin: 0px 0px 0px 18px;
    padding: 0px;
    list-style: url(/uimages/arrowDown.gif);
}
.arrowD li{
    list-style-type: none;
    padding: 0px;
    font-size: 16px;
    font-weight: bold;
    font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
}


ul{
    margin: 4px 0px 4px 24px;
    padding: 0px;
}

a.bobLeft{
    color: #C0C0C0;
    font-weight: normal;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.bobLeft:hover{
    color: #FFFFFF;
    font-weight: normal;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.boba{

}
a.boba:hover{
    color: #FF0000;
}

a.conroe{
    color: #FFEDD0;
}
a.conroe:hover{
    color: #7EA4C1;
}

a.boblist{

}
a.boblist:hover{

}

a.boblist2{
    color: #3E457C;
    font-weight: normal;
    text-decoration: underline;
    font-size: 10px;
}
a.boblist2:hover{
    color: #FF0000;
    font-weight: normal;
    text-decoration: underline;
    font-size: 10px;
}

a.boblink{
    color: #676767;
    font-weight: normal;
    text-decoration: underline;
    font-size: 12px;
}
a.boblink:hover{
    color: #101010;
    font-weight: normal;
    text-decoration: underline;
    font-size: 12px;
}

a.boblink2{
    color: #676767;
    font-weight: normal;
    text-decoration: underline;
    font-size: 11px;
}
a.boblink2:hover{
    color: #0073A9;
    font-weight: normal;
    text-decoration: underline;
    font-size: 11px;
}

a.bobtitle{
    color: #a4a4a4;
    font-weight: bold;
    font-size: 18px;
}
a.bobtitle:hover{
    color: #7E7E7E;
    font-weight: bold;
    font-size: 18px;
}

a.bobb{
    display: block;
    width: 134px;
    height: 32px;
    background-color: #015885;
    padding-top: 3px;

    color: #FFFFFF;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}

a.bobb:hover{
    display: block;
    width: 134px;
    height: 32px;
    background-color: #087AB4;
    padding-top: 3px;

    color: #FFFFFF;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}

a.bobc{
    display: block;
    width: 93px;
    height: 18px;
    background-color: #015885;
    padding-top: 3px;
    margin: 0px auto;

    color: #FFFFFF;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}
a.bobc:hover{
    display: block;
    width: 93px;
    height: 18px;
    background-color: #087AB4;
    padding-top: 3px;
    margin: 0px auto;

    color: #FFFFFF;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}

a.bobd{
    display: block;
    border-bottom: 1px dotted #4E5955;
    padding-top: 3px;
    padding-bottom: 6px;
    margin: 0px auto;

    color: #4E5955;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}

a.bobd:hover{
    display: block;
    border-bottom: 1px dotted #4E5955;
    padding-top: 3px;
    padding-bottom: 6px;
    margin: 0px auto;

    color: #0073AA;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}

a.bobe{
    display: block;
    background-color: #FFFFFF;
    border: 0px solid #5E6287;
    padding: 4px;
    margin: 0px auto;

    color: #000000;
    font-size: 11px;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
}
a.bobe:hover{
    display: block;
    background-color: #FFFFFF;
    border: 0px solid #5E6287;
    padding: 4px;
    margin: 0px auto;

    color: #000000;
    font-size: 11px;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
}

.bobd{
    display: block;
    border-bottom: 1px dotted #4E5955;
    padding-top: 3px;
    padding-bottom: 6px;
    margin: 0px auto;

    color: #4E5955;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}

div.bobDiv{
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.portDiv a, .portDiv a:hover{
    text-decoration: none;
}

.bobd{
    display: block;
    height: 18px;
    border-bottom: 1px dotted #4E5955;
    padding-top: 3px;
    margin: 0px auto;

    color: #4E5955;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}

#qcast{
    display: none;
    border: 0px solid #FFF;
}

/* Contact Table */

.contactTable{
    width: 70%;
    text-align: left;
}

.contactTable td{
    padding: 2px;
}

.contactLeft{
    width: 35%;
    margin-right: 8px;
    padding-right: 8px;
    text-align: left;
}

.contactRight{
    width: 65%;
    text-align: left;
}

.contactNote{

}

.contactTable .contactBottom{
    padding-top: 14px;
}

.required{
    color: #FF0000;
}

/* sitemap */
#smbcontain{
    position: relative;
    margin: 8px auto 8px auto;
    color: #000000;
    text-align: left;
    width: 760px;
}
#pageInformationButton{ }

#smbcool{
    padding: 50px 0px 0px 0px;
}

/* This node is for preload work and we don't want it to be seen */
#workNode{
    display: none;
}

#preloadContainer{
    background: url(/images/loading_bubble.png) no-repeat top center;
    z-index: 35000;
    display: none;
    position: absolute;
    top: 200px;
    left: 300px;

    text-align: center;
    width: 350px;
    height: 200px;

    opacity: .80;

}
#preloadContent{
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px auto;
    text-align: center;
    width: 300px;
    text-align: center;
    font-size: 20px;
    color: #e1b552;
}
#preloadBarOuter{
    position: absolute;
    top: 118px;
    left: 32px;
    margin: 16px auto 0px auto;
    position: relative;
    width: 162px;
    height: 15px;
    font-size: 1px;
    overflow: hidden;
}
#preloadBarInner{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0%;
    height: 15px;
    font-size: 1px;

    background-color: #a1aebc;
}
#preload_loader{
    background: url(/images/loading_bubble.png) no-repeat top center;
    z-index: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 1px;
    height: 1px;

}
#ieHistoryHack{
    display: none;
}


#sitemapButton, #pageInformationButton{
    display: block;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    font-size: 10px;
    font-weight: normal;

    margin-top: 8px;
}

#pageInformation{
    border: 1px solid #b9c2cc;
    padding: 8px;
    margin: 4px;
}

#pageInformation h1, h2{
    font-size: 12px;
    margin: 3px 0px;
}

.w3_p{
    float: right;
    margin: 4px 16px;
    padding-top: 8px;
}
.w3_p p{
    padding: 6px 0px;
}

/* CALENDAR STYLES */

#eventFrom{ display: none; }
#eventRecur{ display: none; }

/* ############# POPUP CALENDAR ############# */
.cpYearNavigation, .cpMonthNavigation{
    background-color: #C0C0C0;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
}
.cpDayColumnHeader, .cpYearNavigation, .cpMonthNavigation, .cpCurrentMonthDate, .cpCurrentMonthDateDisabled, .cpOtherMonthDate, .cpOtherMonthDateDisabled, .cpCurrentDate, .cpCurrentDateDisabled, .cpTodayText, .cpTodayTextDisabled, .cpText{
    font-family: Arial;
    font-size: 8pt;
}
td.cpDayColumnHeader{
    text-align: center;
    border: 1px solid #C0C0C0;
    border-width: 0px 0px 1px 0px;
}
.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate{
    text-align: center;
    text-decoration: none;
}
.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled{
    color: #D0D0D0;
    text-align: center;
    text-decoration: line-through;
}
.cpCurrentMonthDate, .cpCurrentDate{
    color: #000000;
}
.cpOtherMonthDate{
    color: #808080;
}
td.cpCurrentDate{
    color: #FFFFFF;
    background-color: #C0C0C0;
    border-width: 1px;
    border: solid thin #800000;
}
td.cpCurrentDateDisabled{
    border-width: 1px;
    border: solid thin #FFAAAA;
}
td.cpTodayText, td.cpTodayTextDisabled{
    border: 1px solid #C0C0C0;
    border-width: 1px 0px 0px 0px;
}
a.cpTodayText, span.cpTodayTextDisabled{ height: 20px; }
a.cpTodayText{ color: #000000; }
.cpTodayTextDisabled{ color: #D0D0D0; }
.cpBorder{ border: 1px solid #808080; }

#cal_StartDate, #cal_EndDate, #cal_RecurStartDate, #cal_RecurEndDate{
    background: transparent !important;
}
#cal_StartDate table, #cal_EndDate table, #cal_RecurStartDate table, #cal_RecurEndDate table{
    background-color: #FFF;
}

.eventContainer{ background-color: #eaeff3; border: 1px solid #b9c2cc; padding: 8px; margin-bottom: 15px; }
.eventTitle{ font-size: 15px; font-weight: bold; color: #104a83; margin-bottom: 4px; }
.eventCapacity{ font-weight: bold; color: #cf7900; margin-bottom: 4px; }
.eventContainer table{ padding: 15px 0px; }
.eventLinks{ text-align: right; }