﻿/* Page Layout  */
html, body { padding:0; margin:0; height:100%; background-color:#C4C4C4; background-image:url(../images/backline.jpg); background-repeat:repeat-y;}
#Layout { position:absolute; width:800px; margin-bottom:0; height:100%; border-right:solid 1px #888888; background-color:transparent; }
#Header { float:left; width:800px; height:75px; border-bottom:solid 1px #888888; background-color:Transparent; background-image:url(../images/headerback.gif); }
#Navigation { float:left; width:199px; top:75px; left:0px; border-right:solid 1px #888888; background-color:#FFCC33; }
#MainContent { float:left; width:380px; margin-left:15px; margin-top:10px; background-color:Transparent;}
#ContentBackground { float:left; width:800px; background-color:White; background-image:url(../images/habermanbackground.gif)}
#RightGutter { float:left; width:190px; margin-left:10px; margin-top:10px; background-color:Transparent; padding-bottom:5px;}
#AdWindowA { float:left; width:380px; margin-bottom:5px; margin-top:5px; background-color:Transparent;}
#AdWindowB { float:left; width:380px; margin-bottom:5px; margin-top:5px; background-color:Transparent;}
#AdWindowC { float:left; width:380px; margin-bottom:0px; margin-top:0px; background-color:Transparent;}
#AdWindowCC { float:left; width:380px; margin-bottom:0px; margin-top:0px; background-color:Transparent;}
#AdWindowCA { float:left; width:380px; margin-bottom:0px; margin-top:0px; background-color:Transparent;}
#AdWindowD { float:left; width:170px; margin-bottom:5px; margin-top:5px; background-color:Transparent;}
#AdWindowE { float:left; width:170px; margin-bottom:5px; margin-top:5px; background-color:Transparent;}
#AdWindowF { float:left; width:170px; margin-bottom:5px; background-color:Transparent;}
#AdWindowG { float:left; width:170px; margin-bottom:5px; background-color:Transparent;}
#AdWindowH { float:left; width:170px; margin-bottom:5px; background-color:Transparent;}
#AdWindowI { float:left; width:170px; margin-bottom:5px; background-color:Transparent;}
#BookPurchase { float:left; width:170px; margin-bottom:0px; background-color:Transparent;}
#BodyBreak { float:left; width:800px; background-color:#FFCC33; background-image:url(images/)}
#Footer { float:left; width:800px; height:100px; border-top:solid 1px #888888; overflow:hidden; background-color:#C4C4C4; background-image:url(../images/footerback.gif); background-repeat:no-repeat; }

#AdminLayout { float:left; width:100%; margin-bottom:0; height:100%; border-right:solid 1px #888888; background-color:transparent; }
#AdminHeader { float:left; width:100%; height:75px; border-bottom:solid 1px #888888; background-color:Transparent; background-image:url(../images/headerback.gif) }
#AdminContentBackground { float:left; width:100%; background-color:White; }
#AdminNavigation { float:left; width:175px; height:300px; border-right:solid 1px #888888; background-color:#FFCC33; }
#AdminContent { float:left; width:674px; margin-left:10px; margin-top:10px; background-color:Transparent;}
#AdminGutter { float:left; width:170px; margin-left:10px; margin-top:10px; background-color:Transparent;}
#AdminFooter { float:left; width:100%; height:75px; border-top:solid 1px #888888; overflow:hidden; background-color:#C4C4C4; background-image:url(../images/footerbackground.gif); }

/* Columns */
#columnone324 {float:left; width:324px;}
#columnone {float:left; background-color:transparent}
#columnonesub {float:left;}
#columntwo {float:left; margin-left:21px; margin-right:4px; width:321px; background-color:transparent}
#columntwosub {float:left; }
#columnthree {float:left;}
#columnstretch {float:left;}
#columnheader {width:100%;}


/*Classes*/
.text7{font-family:Verdana; font-size:7px; text-decoration:none;}
.text8{font-family:Verdana; font-size:8px; text-decoration:none;}
.text9{font-family:Verdana; font-size:9px; text-decoration:none;}
.text10{font-family:Verdana; font-size:10px; text-decoration:none; }
.text11{font-family:Verdana; font-size:11px; text-decoration:none; }
.text12{font-family:Verdana; font-size:12px; text-decoration:none; }

.navigationtext{font-family:Verdana; font-size:11px; text-decoration:none; }
.normal { font-weight: normal; }
.bold { font-weight: bold; }
.closemargin { margin-top:-4px}
.padbox {padding-left:10px; padding-right:10px;}
.margin2 { margin-left:2px}
.margin3 { margin-left:3px}
.margin4 { margin-left:4px}
.margin5 { margin-left:5px}
.header { margin-top:0px; }
.trailer { margin-bottom:-5px; }
.lineheight {line-height:14px;}
.center { text-align:center;}
.underline { text-decoration:underline;}
.textright { text-align:right;}
.textleft { text-align:left;}
.verticalalign { margin-top:7px;}
.stretch100 { width:100%; overflow:hidden; }
.paddingright {padding-right:5px}
.readabletext {line-height:18px;}
.clear {clear:left;}
.floatright {float:right;}

.content {font-family:Verdana; font-size:11px; color:#666666; font-weight:normal;}
.contentheader {font-family:Verdana; font-size:11px; color:#666666; font-weight:bold; vertical-align:text-bottom; line-height:12px;}
.contentheadersoft {font-family:Verdana; font-size:11px; color:#1F8FF7; font-weight:bold; vertical-align:text-bottom; line-height:14px;}
.flyersmall {font-family:Verdana; font-size:9px; color:#666666; font-weight:normal;}
.flyer {font-family:Verdana; font-size:10px; color:#666666; font-weight:normal;}
.flyerheader {font-family:Verdana; font-size:10px; color:#666666; font-weight:bold; vertical-align:text-bottom; line-height:12px;}
.adheader {font-family:Verdana; font-size:11px; color:#1F8FF7; line-height:2; font-weight:bold; margin-left:5px; margin-top:5px;}
.navigationtext {font-family:Verdana; font-size:11px; color:#666666; font-weight:normal; margin-left:5px;}
.boxcontent {font-family:Verdana; font-size:11px; color:#666666; font-weight:normal; margin:5px}
.bookcontent {font-family:Verdana; font-size:11px; color:#666666; font-weight:normal; margin:5px}
.contentlink {font-family:Verdana; font-size:11px; color:#1F8FF7; font-weight:normal; text-decoration:underline;}
.time { font-family:Verdana; font-size:10px; color:#666666; font-weight:bold; padding-left:10px;}
.footerlink { font-family:Verdana; color:#666666; font-size:9px; font-weight:bold;}
.footerlogo { float:left; margin-left:7px; margin-top:15px; }
.footerright { float:right; margin-right:7px; margin-top:13px; font-family:Verdana; color:#666666; text-align:right; font-size:9px; font-weight:normal;}
.footerleft { float:left; margin-left:7px; margin-top:13px; font-family:Verdana; color:#666666; text-align:left; font-size:9px; font-weight:bold;}

.padding {padding:3px}
.normal { font-weight: normal; }
.bold { font-weight: bold; }

/* Colors */
.primary { color:#FFCC33; }
.secondary { color:#1F8FF7; }
.tertiary { color:#64695E;}
.white { color:#FFFFFF;}
.red { color:#FF0000;}
.alerttextcolor { color:#FF0000; }
.text { color:#333300;}
.instructions { color:#1F8FF7;}

/* Colors */
.button {color:#1F8FF7;}
.button:hover {color:#64695E;}


.boxes { border:solid 1px #CCCCCC; float: left; padding: 5px;}
.bottombox { border:solid 1px #CCCCCC; float: left; margin-bottom:0px; margin-top:0px; padding: 5px;}
.boxsingle { border-left:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC; float: left; padding-left: 5px; padding-right: 5px;}

/* Navigation */
.appadminnav {font-family:Verdana; font-size:11px; font-weight:bold; color:#FFFFFF; text-decoration:none; margin-top:3px; margin-right:5px; padding: 3px 6px 1px 6px;}
.appadminnav:hover { font-family:Verdana; font-size:11px; font-weight:bold; color:#FFFFFF; text-decoration:none; background-color:#999933; border:1px #FFFFFF solid; margin-top:3px; margin-right:5px; padding: 1px 5px 1px 5px;}

.navigation {color:#64695E; }
.navigation:hover {color:#333300;}

.footernavigation { color:#333300; }
.footernavigation:hover {color:#999933;}


.inlinenavigation { color: #1F8FF7; font-family:Verdana; font-size:11px; font-weight:bold; text-decoration:none; }
.inlinenavigation:hover { color:#666666; }
.bodybutton { color: #888888; border:1px #666666 solid; padding: 2px 5px 2px 5px; text-decoration:none; }
.bodybutton:hover { color:#FF0000; border:1px #FF0000 solid; padding: 2px 5px 2px 5px;  text-decoration:none;}

.button { color: #888888; }
.button:hover { color:#FF0000;}

.inlinepurchase { color: #1F8FF7; font-family:Verdana; font-size:11px; font-weight:bold; text-decoration:none; line-height:3px; margin-top:5px; }
.inlinepurchase:hover { color:#666666; }

.inlinepurchaseblue { color:#1F8FF7; font-family:Verdana; font-size:11px; font-weight:bold; text-decoration:none; line-height:11px; margin-top:5px; }
.inlinepurchasered:hover { color:#666666; }

.inlinepurchasered { color:red; font-family:Verdana; font-size:11px; font-weight:bold; text-decoration:none; line-height:11px; margin-top:5px; }
.inlinepurchasered:hover { color:#666666; }

