html { font-size: 62.5% }

body { background-color:#3b4157; background-image:url('/images/twoBG.gif'); background-repeat:repeat-y; background-position:top center; background-attachment:fixed; margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.4em; }

#container { width:750px; margin-left:auto; margin-right:auto; }

#content { margin:0px; padding: 20px 15px 30px 15px; background-image:url('/images/contentBG.gif'); background-position:top left; background-repeat:repeat-x; color:#222222; line-height:1.5em; }

#footer { background-color:#fbfbfc; border:1px solid #e7e6bd; padding:5px; margin:6px 0px 5px 0px; color:#222222; font-size:0.8em; line-height:1.2em; }

h1.imageReplace { height:57px; margin:16px 0px 0px 0px; padding:0px; background:url('/images/sukonikTitle.png') top left no-repeat; text-indent: -99999px; }

h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:2em; line-height:1.1em; font-weight:normal; }

h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:2em; line-height:1.1em; font-weight:normal; border-bottom:1px dotted #a19e00; padding:10px 0px 2px 0px; margin:0px; }

h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em; line-height:1.2em; font-weight:normal; text-align:left; }

h4 { font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; line-height:1em; font-weight:bold; text-align:left; margin:0px; }

h5 { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em; line-height:1.2em; font-weight:normal; text-align:center; color:#FFFFFF; margin:5px 0px; }

a:link, a:visited { color:#6e6f70; text-decoration:none; border-bottom:1px dotted #b8bcc9; }

a:hover, a:visited:hover { color:#6f6d01; text-decoration:none; border-bottom:0px; }

/*    ---- top nav formatting ----    */
#navHolder { background-color:#434c71; margin:0px; padding:10px 0px 5px 0px; }

#nav { position:relative; background-color:#434c71; color:#f8f5e6; margin-top:12px; border-top:1px solid #757884; z-index:1; font-size:0.8em; }

#nav ul { list-style-type: none; text-align: center; margin-top: -8px; padding: 0px; position: relative; z-index:2; }

#nav li { display: inline; text-align: center; margin: 0px 5px; }

#nav li a { padding: 4px 8px; color: #f8f5e6; background-color: #3c4359; border: 1px solid #757884; text-decoration: none; }

#nav li a:hover { color: #f8f5e6; background-color:#31343d; border: 1px solid #757884; }

/*     ---- bottom nav formatting ----    */
#bottomNav { padding: 0px; margin:27px 0px 5px 0px; text-align:center; color:#a19e00; font-size:0.8em; }

#bottomNav ul { list-style: none; }

#bottomNav li { display: inline; padding: 0px 2px; margin: 0px 2px; }

/*    ---- community sub-nav formatting ----    */
#comNavContainer { padding: 0px; margin:0px; text-align:left; font-size:0.8em; }

#comNav ul { margin-left: 4px; margin-top: 5px; margin-right:0px; margin-bottom:7px; padding: 0px; text-indent:0px; }

#comNav li { display: inline; list-style-type: none; text-indent:0px; }

#comNav a { padding: 4px 9px; }

#comNav a:link, #comNav a:visited { color: #f8f5e6; background-color: #434c71; text-decoration: none; border-bottom:0px; }

#comNav a:hover, #comNav a:visited:hover { color: #f8f5e6; background-color: #31343d; text-decoration: none; border-bottom:0px; }

/*    ---- community section formatting ----    */
#comFloatRight { width:180px; float:right; margin:0px; padding:0px; font-size:1.2em; line-height:1.6em; position: absolute; top: 82px; right: 12px; }

#planContainer { width:370px; float:right; padding:0px 0px 0px 5px; margin:0px 0px 0px 12px; text-align:center; border-left:1px solid #a19e00; }

.planFloat { width:180px; height:18em; float:left; padding:0px 2px 5px 2px; }

.ele { border: 1px solid #a19e00; background-color:#FFFFFF; padding:2px; margin: 5px; }

.planDetails { text-align:left; padding:2px 10px; margin:0px; font-size:0.8em; line-height:1.2em; }

/* ELE and FP buttons */
#planButtons { margin: 0px; padding: 1px 0px 1px 20px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10pt; }

#planButtons a, #planButtons a:link, #planButtons a:visited { padding: 2px; color: #434c71; font-weight: bold; text-decoration: none; border-bottom:0px; }

#planButtons a:hover, #planButtons a:active, #planButtons a:focus { padding: 2px; color: #a19e00; font-weight: bold; text-decoration: none; border-bottom:0px; }

#planButtons li { padding-left: 20px; background-image: url('/images/li-off.gif'); background-position: center left; background-repeat:no-repeat; list-style-type:none; display: block; font-size: 10px; text-align:left; }

#planButtons li:hover { padding-left: 20px; background-image: url('/images/li-on.gif'); background-position: center left; background-repeat:no-repeat; list-style-type:none; display: block; font-size: 10px; text-align:left; }

#planButtons ul { margin: 0px; padding: 0px; list-style-type:none; text-align:left; }

/*community pop ups*/
 
div#tipDiv { position:absolute; visibility:hidden; left:0; top:0; z-index:10000; background-color:#EAE9D9; border:1px solid #C1BD8E; width:200px; padding:6px; }

div#tipDiv div.img { text-align:center; }

div#tipDiv div.txt { text-align:center; margin-top:4px; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px; line-height:17px; }

.divTip { text-align:center; margin-top:4px; font-family:Arial, Helvetica, sans-serif; color:#003366; font-size:12px; line-height:17px; font-weight:bold; }

.divTipActive { text-align:center; margin-top:4px; font-family:Arial, Helvetica, sans-serif; color:#990000; font-size:12px; line-height:17px; font-weight:bold; }

.divTipSold { text-align:center; margin-top:4px; font-family:Arial, Helvetica, sans-serif; color:#AA00AA; font-size:12px; line-height:17px; font-weight:bold; }

.divTipSoon { text-align:center; margin-top:4px; font-family:Arial, Helvetica, sans-serif; color:#0000FF; font-size:12px; line-height:17px; font-weight:bold; }

.divTipTitle { text-align:center; margin-top:4px; font-family:Arial, Helvetica, sans-serif; color:#116E42; font-size:15px; line-height:17px; font-weight:bold; font-style:italic; }
