html, body {height: 100%;}
body {background-color:#FFFCF5; margin: 0; background-image: url(/images/filmBack.gif); background-repeat: repeat-y;}
body, td, textarea, input {font-family: Verdana, sans-serif; font-size: 8pt;}
a {text-decoration: underline; color: #0268C7;}
a:hover {text-decoration: underline;}
img {behavior: url("/pngbehavior.htc");}

.smallText {font-size: 7pt;}

div#logo {position: absolute; left: -6px; top: 9px; width: 138px; height: 121px;}
div#topMenuBox {position: absolute; left: 135px; top: 17px; width: 608px; height: 40px; border: 1px solid #1B1976;}
hr#topMenuLine {position: absolute; left: 135px; top: 61px; width: 610px; height: 2px; background-color: #16145F; color: #16145F; border: 0; margin: 0;}
.topMenuBtn {position: absolute; display: block; width: 112px; height: 40px; line-height: 40px; font-size: 12pt; font-weight: bold; top: 18px; padding-left: 40px;}
a#menuButton1 {left: 136px; background-image: url(/images/mnuCommG.gif);}
a#menuButton1Sel {left: 136px; background-image: url(/images/mnuCommH.gif);color: #8F0014; text-decoration: none;}
a#menuButton1:hover {background-image: url(/images/mnuCommH.gif);}
a#menuButton2 {left: 288px; background-image: url(/images/mnuAlbsG.gif);}
a#menuButton2Sel {left: 288px; background-image: url(/images/mnuAlbsH.gif);color: #8F0014; text-decoration: none;}
a#menuButton2:hover {background-image: url(/images/mnuAlbsH.gif);}
a#menuButton3 {left: 440px; background-image: url(/images/mnuBuddG.gif);}
a#menuButton3Sel {left: 440px; background-image: url(/images/mnuBuddH.gif);color: #8F0014; text-decoration: none;}
a#menuButton3:hover {background-image: url(/images/mnuBuddH.gif);}
a#menuButton4 {left: 592px; background-image: url(/images/mnuProfG.gif);}
a#menuButton4Sel {left: 592px; background-image: url(/images/mnuProfH.gif);color: #8F0014; text-decoration: none;}
a#menuButton4:hover {background-image: url(/images/mnuProfH.gif);}


.pan {position: absolute; left: 7px; width: 149px; border: 1px solid #1B1976; background-color: #FFFFFF;}
.panShadow {position: absolute; left: 9px; width: 150px; background-color: #EEEEEE;}
.panShadow2 {position: absolute; left: 10px; width: 150px; background-color: #F9F9F9;}
.siteNavBtn {display: block; width: 121px; height: 21px; background-image: url(/images/small_arrow.gif); background-repeat: no-repeat; background-position: 8px 10px; padding: 7px 0px 0px 22px; font-weight: bold; font-size: 9pt; margin-top: 2px;}
.siteNavBtn:hover {background-image: url(/images/small_arrow_red.gif); }
.siteNavBtnSel {display: block; width: 121px; height: 21px; background-image: url(/images/small_arrow_red.gif); background-repeat: no-repeat; background-position: 8px 10px; padding: 7px 0px 0px 22px; font-weight: bold; font-size: 9pt; margin-top: 2px; color: #8F0014; text-decoration:none}

.listLink {display: block; width: 100%; height: 13px; background-image: url(/images/small_arrow.gif); background-repeat: no-repeat; background-position: 10px 8px; padding: 5px 0px 0px 22px;}
.listLink:hover {background-image: url(/images/small_arrow_red.gif); }

.smallLink {background-image: url(/images/small_arrow.gif); background-repeat: no-repeat; background-position: 2px 2px; padding: 0px 0px 0px 12px; font-size: 7pt; font-weight: normal;}
.smallLink:hover {background-image: url(/images/small_arrow_red.gif); }

.mediumTitle {color: #8F0014; font-size: 10pt; font-weight: bold;}
.mediumTitleLink {font-size: 10pt; font-weight: bold;background-image: url(/images/small_arrow.gif); background-repeat: no-repeat; background-position: 2px 4px; padding: 0px 0px 0px 14px;}
.mediumTitleLink:hover {background-image: url(/images/small_arrow_red.gif);}

.linkButton {display: block; background-image: url(/images/small_arrow.gif); background-repeat: no-repeat; background-position: 10px 10px; padding: 5px; font-size: 10pt; font-weight: bold; border: 1px solid #E0E0E0;}
.linkButton:hover {background-image: url(/images/small_arrow_red.gif); }

div#login {margin: 72px 18px 0px 135px; height: 18px; text-align: right; vertical-align: bottom;}
.loginBox {width: 70px; height: 15px; border: 1px solid #E0E0E0; font-size: 8pt; margin: 0px 5px 0px 0px; padding: 0;}
.loginSubmit {width: 50px; height: 17px; border: 1px solid #E0E0E0; font-size: 8pt; margin: 1px 0px 0px 0px; padding: 0; background-color: #EEEEEE; vertical-align: top;}

div#content {margin: 2px 18px 18px 135px; min-height: 660px; _height: 660px; padding: 22px 15px 30px 43px; border: 1px solid #E0E0E0; background-color: white;}
div#footer {margin: -50px 10px 10px 10px;}
.footerTable {background-color: #F7F7F7; border: 1px solid #E0E0E0; padding: 4px 4px 4px 4px;}

h1 {font-size: 10.5pt; font-weight: bold; margin: 0; padding: 0; display: inline; page-break-after: avoid;}
.divTitle {background-color: #F6F6F6; color: #8F0014; font-size: 10.5pt; font-weight: bold; margin: 0px auto 0px auto; border-bottom: 2px solid #16145F; margin-bottom: 10px; padding: 2px 5px 2px 5px;}
.divTitleImg {background-color: #F6F6F6; color: #8F0014; font-size: 10.5pt; font-weight: bold; margin: 0px auto 0px auto; border-bottom: 2px solid #16145F; padding-top: 2px; margin-bottom: 10px; padding: 3px; line-height: 24px;}
.divTitleImg img {width: 24px; height: 24px; vertical-align: -15%; margin-right: 3px;}

.formTable td.frmTitle {background-color: #F6F6F6; color: #8F0014; font-size: 10.5pt; font-weight: bold; margin: 0px auto 0px auto; border-bottom: 2px solid #16145F; padding-top: 2px;}
.formTable td.frmTitle img {vertical-align: text-bottom; margin-right: 5px; width: 24px; height: 24px;}
.formTable {margin: 0px auto 0px auto; width: 100%;}
.formTable td {padding: 7px 2px 3px 5px; border-bottom: 1px dotted #E0E0E0; vertical-align: top;}
.formTable td.tdHeader {font-weight: bold; padding-top: 7px;}
.formTable td.submit {font-size: 10pt; font-weight: bold; border: 1px solid #E0E0E0; background-color: white; text-decoration: underline; background-image: url(/images/small_arrow.gif); background-repeat: no-repeat; background-position: 5px 5px; padding: 0px 0px 0px 6px; cursor: hand;}
.formTable textarea {border: 1px solid #E0E0E0; margin: 0; padding: 1px; width: 320px; height: 75px;}
.formTable td input.frmLongText {width: 320px;}
.formTable td input.frmDate {width: 80px; margin: 0px 3px 3px 0px;}
.formTable td.spacer {border: 0; height: 35px;}
.formTable td.frmList {list-style: disc outside url(/images/small_arrow_red.gif);}
.formTable td.frmList li {margin-bottom: 15px; margin-top: 10px;}

input {border: 1px solid #CCCCCC; margin: 0; padding: 1px;}
.noBorder {border: 0px;}

.feature, h2 {background-image: url(/images/redcheck.gif); background-repeat: no-repeat; background-position: 0px 4px; width: 40%; height: 15px; padding: 2px 4px 3px 15px; margin:0px 0px 0px 10px; float: left; font-size: 8pt; font-weight: normal;}
.userImg {border: 1px solid #E0E0E0; margin: 3px 2px 3px 2px; vertical-align: middle;}

.preloadImage {display:none;}