/* - GLOBAL
=========================================================================*/
html { font-size:101% }
body { font:15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#444; background:#fafaf7; padding:0; margin:0 auto }
table, td { border:0; border-spacing:0; border-collapse:collapse; vertical-align:top } 
img { border:0; behavior:url("/css/pngfix.htc") }
html, ul, li, form, input, select, h1, h2, h3, h4, h5, h6, table, tr, td, p { list-style-type:none; padding:0; margin:0 }
a { color:#7D6446; text-decoration:none; -moz-outline-width:0; outline:none; padding:0 2px }
a:hover { text-decoration:underline }

#MainContent a:hover { background:#7d6446; color:#FFF }

/* - GENERICS
=========================================================================*/
/* aligning AND clearing */
.clearleft { clear:left }		.alignleft { float:left }
.clearright { clear:right }		.alignright { float:right }
.clearboth { clear:both }		.aligncenter { margin:0 auto }

img.alignleft { float:left; margin:4px 15px 8px 0 }
img.alignright { float:right; margin:4px 0 8px 15px }
img.centered { display:block; margin:0 auto 8px }

/* linked image hover */
a img.alignright { border:3px solid #ddd; padding:1px; margin:0 -4px 4px 11px }
a img.alignleft { border:3px solid #ddd; padding:1px; margin:0 11px 4px -4px }
a img.centered { border:3px solid #ddd; padding:1px; margin:0 auto 4px }
a:hover img.alignright, a:hover img.alignleft, a:hover img.centered { cursor:pointer; border-color:#791500 }

/* headings */
h1, h2, h3, h4, h5, h6 { font:47px Arial, Helvetica, sans-serif; color:#624B29; padding:12px 0 20px 18px; margin-left:-1px }
h2 { font-size:20px; padding:17px 0 9px }
h3 { font-size:18px }
h4 { font-size:16px }
h5 { font-size:15px; color:#414042; text-transform:uppercase; padding:11px 0 0 19px; margin:0 }
h6 { font-size:12px }

h1 a { color:#624B29 }
h1 a:hover { text-decoration:none }

/* lists */
/* unordered */
#MainContent ul { padding:5px 25px 10px }
#MainContent ul ul { padding:0 2em }
#MainContent ul li { list-style:disc; padding:0 0 5px }
#MainContent ul li li { list-style:circle }
#MainContent ul li li li { list-style:square }

/* ordered */
#MainContent ol { padding:0 25px 10px }
#MainContent ol ol { padding:0 25px }
#MainContent ol ul { padding:0 25px }
#MainContent ol li { list-style:decimal }
#MainContent ol li li { list-style:upper-alpha }
#MainContent ol li li li { list-style:lower-roman }

/* paragraphs */
p { padding:13px 0 0 }

/* - MAINWRAP
=========================================================================*/

/* - NAVIGATION
=========================================================================*/
#NavTop { width:100%; height:118px; background:#cedefc; border-bottom:1px solid #dee8fb }
#NavTop .navigation { width:900px; height:110px; padding:8px 0 0; margin:0 auto }
#NavTop .navigation li { float:left; width:94px; height:101px; font-size:19px; list-style:none; background:url(/images/button-BrownCircle2.jpg) 0 0 no-repeat; text-align:center; padding:0; margin:0 9px }
#NavTop .navigation li.blue { background:url(/images/button-BlueCircle2.jpg) 0 0 no-repeat }
#NavTop .navigation .end { margin-right:0 }
#NavTop .navigation a { display:block; width:94px; height:63px; color:#98bbfc; padding:38px 0 0 }
#NavTop .navigation a:hover, #NavTop .navigation li.blue a:hover { color:#fff; text-decoration:none }
#NavTop .navigation li.blue a { color:#6d5530 }

.circle { display:block; width:88px; height:90px; font-size:18px; background:url(/images/nav-dots.gif) 0 0 no-repeat; margin:0 auto 20px }
.circle.blue { background-position:0 -90px }
.circle a { display:block; width:88px; height:56px; color:#98bbfc; text-align:center; padding:34px 0 0 }
.circle.blue a { color:#6d5530 }
.circle a:hover { color:#fff; text-decoration:none }
.circle.small { font-size:15px }
.circle.small a { height:78px; padding-top:12px }
.circle.big { font-size:25px }
.circle.big a { height:60px; padding-top:30px }

/* - HOMEPAGE
=========================================================================*/
#HpTable { width:870px; margin:50px auto 0 }
#HpLeft, #HpRight { width:134px; height:581px; background:url(/images/bkg-HpSideBars.jpg) 0 0 no-repeat; text-align:center; padding:159px 0 0 }
#HpMiddle { width:602px; height:657px; padding:0 }
#HpMiddle .image-box { float:left; width:238px; height:297px; background:#6d5530; border:1px solid #a3947c; margin:0 43px 43px 0 }
#HpMiddle .image-box a { display:block; width:238ps; height:297px; color:#6d5530; background:#fff; text-align:center; padding:0 }
#HpMiddle .image-box img { width:238px; height:297px; border:0 none; padding:0; margin:0 }
#HpMiddle .image-box div { padding:0; margin:0 }
#HpMiddle .image-box.no-margin-bottom { margin-bottom:0 }
#HpMiddle .image-box.no-margin-right { margin-right:0 }
#HpContent { width:800px; font:1.417em/1.667em Arial, Helvetica, sans-serif; background:#fafaf7; color:#6d5530; text-align:center; margin:50px auto 0 }
#HpContent p { padding:0; margin:0 }

/* - CONTENT
=========================================================================*/
#MainContent { width:838px; min-height:500px; height:auto !important; height:500px; background:#b7cffb; border:1px solid #cfdefb; padding:3px 0 20px; margin:20px auto }
#MainContent h1 { text-align:center; padding:0; margin:10px 0 0 }
#MainContent .top-content { width:680px; font-size:18px; line-height:27px; color:#7b6544; text-align:center; padding:30px 0 0; margin:0 auto }
#MainContent .content { height:82px; font:17px  Arial, Helvetica, sans-serif; color:#7b6544; text-align:center; padding:30px 70px 0 }
#MainContent .content2 { width:266px; height:254px; font:17px  Arial, Helvetica, sans-serif; color:#7b6544; text-align:center; padding:50px 70px 0 }
#MainContent .content3 { width:246px; font:17px  Arial, Helvetica, sans-serif; color:#7b6544; text-align:center; padding:100px 80px 0 }

#MainContent .first-year-nav { float:left; width:100%; color:#645237; padding:20px 0 50px 30px; margin:0 }
#MainContent .first-year-nav li { float:left; font-size:20px; list-style:none; text-align:center; padding:0 32px }
#MainContent .first-year-nav img { float:left; width:86px; height:113px; background:url(/images/button-BrownBlock.gif); padding:2px; margin:0 0 10px }

#MainContent a { color:#645237; text-decoration:none }
#MainContent a:hover { color:#FFF }

#Pricing { width:858px; height:743px; background:#baaea0; border:1px solid #c6bcb1; margin:20px auto }
#Pricing .left { width:514px }
#Pricing .right { width:315px; padding:12px 0 0 29px }

.entry { border-bottom:1px solid #ddd; padding:20px 10px; margin:0 0 30px }

#MainContent #FAQ_list li li { list-style:none; padding-left:30px }
#FAQ_list .pagenav { list-style:none }
#FAQ_list .pagenav h2 { padding:0 }
#FAQ_list .pagenav .order { height:102px; background:url(/images/title-Ordering.jpg) no-repeat; text-indent:-9000px; margin-left:-25px }
#FAQ_list .pagenav .sessions { height:102px; background:url(/images/title-Sessions.jpg) no-repeat; text-indent:-9000px; margin-left:-25px }

#Links { padding:0 20px }
#MainContent #Links h2 { font-size:30px; color:#fff; padding-left:8px }
#MainContent #Links ul { float:left; width:100%; border:solid #fff; border-width:3px 0 0; padding:0; margin:10px 0 30px }
#MainContent #Links li { float:left; clear:both; width:778px; color:#CEDEFC; list-style:none; border-bottom:1px solid #A1907C; padding:8px }
#Links li img { float:left; margin-right:10px }
#Links li a { color:#FABCDD; padding-left:0 }
#Links li a:hover { background:#FABCDD }

#Contact { width:882px; margin:20px auto }

#MainContent.gallery a { padding:0 }
#MainContent.gallery a:hover { color:#fff; background:none }

#Footer { float:left; width:100%; background:#7B6544; padding:10px 0 }
#Footer .content { width:839px; font-size:12px; color:#fff; margin:0 auto }
#Footer .copyright { float:left }
#Footer .links { float:right }
#Footer .links a { color:#fff }
#Footer a:hover { background:#FABCDD; color:#7B6544; text-decoration:none }