/* GLOBALS */
body { background: #fff; padding: 20px 0;}
* { padding: 0; margin: 0; font-family: verdana, helvetica, sans-serif; color: #333; }
img { border: 0; }
#content img { float: right; margin: 10px 0 10px 20px; }
#content img.left { float: left; margin: 10px 20px 10px 0; }
#sidebar img { float: right; margin: 10px 0 10px 20px; border: 6px solid #fff; }
.hidden { display: none; }
iframe { overflow: hidden; }

/* TYPOGRAPHY */
p, li, label, blockquote { font-size: 11.5px; }
p { margin: 10px 0 10px 0; line-height: 18px; }
p.date, p.author { margin: 0; padding: 0; font-size: 10px; }
blockquote p { padding: 10px 20px; border-top: 1px dashed #999; border-bottom: 1px dashed #333; margin: 20px 20px 20px 0; line-height: 24px; background: #f8f7ef; font-size: 10px; }
/*h2 { font-size: 12px; font-weight: bold; margin: 20px 0 6px 0; }
#container.blog #content h2 { font-size: 16px; margin: 20px 0 0 0; }*/
h1 { font-size: 14px; margin: 20px 0 0 0; }
h1 a { text-decoration: none; }
h2 { font-size: 11.5px; font-weight: bold; margin: 20px 0 0 0; }
h3 { margin: 0; line-height: 18px; font-size: 10px; font-weight: normal; }
#container.home a, #container.home h1 { color: #02a0c6; }
#container.about a, #container.about h1 { color: #02a0c6; }
#container.events a, #container.events h1 { color: #02a0c6; }
#container.education a, #container.education h1 { color: #62ac57; }
#container.blog a, #container.blog h1 { color: #62ac57; }
#container.contact a, #container.contact h1 { color: #7b766d; }
#container.home a:hover { color: #6fd0e1; }
#container.about a:hover { color: #6fd0e1; }
#container.events a:hover { color: #6fd0e1; }
#container.education a:hover { color: #98ca45; }
#container.blog a:hover { color: #98ca45; }
#container.contact a:hover { color: #9c968a; }
.icon { padding-left: 15px; }
#container.home .icon { background: url(../images/IconTriangleBlue.gif) 5px 60% no-repeat; }
#container.about .icon { background: url(../images/IconTriangleBlue.gif) 5px 60% no-repeat; }
#container.events .icon { background: url(../images/IconTriangleBlue.gif) 5px 60% no-repeat; }
#container.education .icon { background: url(../images/IconTriangleGreen.gif) 5px 60% no-repeat; }
#container.blog .icon { background: url(../images/IconTriangleGreen.gif) 5px 60% no-repeat; }
#container.contact .icon { background: url(../images/IconTriangleBrown.gif) 5px 60% no-repeat; }

/* CONTAINER */
#container { width: 798px; min-width: 760px; margin: 0 auto; text-align: left; }

/* HEADER */
#header { float: left; width: 100%; height: 89px; }
#logo { float: left; width: 297px; height: 89px;  }

/* NAV */
#nav { float: right; padding-top: 15px; }
#nav ul { float: left; }
#nav li { float: left; list-style: none; }
#nav li a { float: left; width: 82px; height: 74px; margin-right: 1px; margin-top: 1px; }
#nav li.about a, #nav li.about a:hover { background: #02a0c6 url(../images/NavAbout.gif) 5px 90% no-repeat; color: #02a0c6; }
#nav li.events a, #nav li.events a:hover { background: #6fd0e1 url(../images/NavEvents.gif) 5px 90% no-repeat; color: #6fd0e1; }
#nav li.education a, #nav li.education a:hover { background: #62ac57 url(../images/NavEducation.gif) 5px 90% no-repeat; color: #62ac57; }
#nav li.blog a, #nav li.blog a:hover { background: #98ca45 url(../images/NavBlog.gif) 5px 90% no-repeat; color: #98ca45; }
#nav li.contact a, #nav li.contact a:hover { background: #dad1c1 url(../images/NavContact.gif) 5px 90% no-repeat; color: #dad1c1; }

#nav li a:hover, #container.about #nav li.about a { height: 64px; border-top: 10px solid #fff; }
#container.events #nav li.events a { height: 64px; border-top: 10px solid #fff; }
#container.education #nav li.education a { height: 64px; border-top: 10px solid #fff; }
#container.blog #nav li.blog a { height: 64px; border-top: 10px solid #fff; }
#container.contact #nav li.contact a { height: 64px; border-top: 10px solid #fff; }

/* BANNER */
#banner { float: left; width: 100%; height: 149px; padding-top: 25px; background: url(../images/PhotoBar01.jpg) 0 25px repeat-x;}

/* MAIN */
#main { float: left; width: 100%; background: #fff; }
#container.home #main { background:  url("../images/MainBackgroundBlue.gif") 0 0 repeat-y; }
#container.about #main { background:  url("../images/MainBackgroundBlue.gif") 0 0 repeat-y; }
#container.events #main { background:  url("../images/MainBackgroundBlue.gif") 0 0 repeat-y; }
#container.education #main { background:  url("../images/MainBackgroundGreen.gif") 0 0 repeat-y; }
#container.blog #main { background:  url("../images/MainBackgroundGreen.gif") 0 0 repeat-y; }
#container.contact #main { background:  url("../images/MainBackgroundBrown.gif") 0 0 repeat-y; }

/* TITLE */
#title { float: right; width: 328px; height: 127px; text-indent: -9999px; }
#container.home #title { background: #6fd0e1 url(../images/TitleWelcome.gif) 65% 40px no-repeat; }
#container.about #title { background: #02a0c6 url(../images/TitleAbout.gif) 65% 40px no-repeat; }
#container.events #title { background: #6fd0e1 url(../images/TitleEvents.gif) 65% 40px no-repeat; }
#container.education #title { background: #62ac57 url(../images/TitleEducation.gif) 65% 40px no-repeat; }
#container.blog #title { background: #98ca45 url(../images/TitleBlog.gif) 65% 40px no-repeat; }
#container.contact #title { background: #dad1c1 url(../images/TitleContact.gif) 65% 40px no-repeat; }

/* CONTENT */
#content { float: left; width: 470px; padding-bottom: 14px; }
#colorbar { height: 30px; border-right: 1px solid #fff; }
#container.home #colorbar { background: #e3dccc; }
#container.about #colorbar { background: #e3dccc; }
#container.events #colorbar { background: #02a0c6; }
#container.education #colorbar { background: #e3dccc; }
#container.blog #colorbar { background: #62ac57; }
#container.contact #colorbar { background: #7b766d; }
#welcome { padding-bottom: 14px; border-bottom: 1px solid #ededed; }
#content p { padding-right: 20px; }
#content ul, #content ol { padding-left: 20px; padding-right: 20px; margin: 6px 0 6px 0; line-height: 18px; }
#content ul li, #content ol li { padding-left: 10px; padding-top: 8px; }

/* SIDEBAR */
#sidebar { float: right; clear: right; width: 328px; padding-bottom: 20px; }
#sidebar p, #sidebar li { line-height: 16px; font-size: 10px; }
#sidebar p, #sidebar h2, #sidebar h3, #sidebar h4 { padding: 0 15px; }
#sidebar h1 { padding: 0 15px; font-size: 11px; font-weight: normal; letter-spacing: 2px; text-transform: uppercase; }
#sidebar ul { padding-left: 30px; padding-right: 15px; }
#sidebar ul li { list-style: none; padding-left: 12px; padding-bottom: 10px; line-height: 14px; }
#container.home #sidebar ul li { background: url(../images/IconTriangleSmallBlue.gif) 0 4px no-repeat; }
#container.about #sidebar ul li { background: url(../images/IconTriangleSmallBlue.gif) 0 4px no-repeat; }
#container.events #sidebar ul li { background: url(../images/IconTriangleSmallBlue.gif) 0 4px no-repeat; }
#container.education #sidebar ul li { background: url(../images/IconTriangleSmallGreen.gif) 0 4px no-repeat; }
#container.blog #sidebar ul li { background: url(../images/IconTriangleSmallGreen.gif) 0 4px no-repeat; }
#container.contact #sidebar ul li { background: url(../images/IconTriangleSmallBrown.gif) 0 4px no-repeat; }

/* FOOTER */
#footer { float: left; width: 100%; border-top: 1px solid #ededed; padding-top: 5px; }
#footer p { float: right; color: #666; font-size: 10px; }