body { margin: 20px; padding: 0px; background: #242323; text-align: justify; font: 13px Arial, Helvetica, sans-serif; color: #444444; } h1, h2, h3 { margin-top: 0px; font-weight: normal; color: #FFFFFF; } h1 { font-size: 2.4em; } h2 { font-size: 1.8em; } h3 { font-size: 1.4em; } p, ol, ul { margin-bottom: 1.8em; line-height: 160%; } li.inline { display: inline; padding-left: 3px; padding-right: 7px; border-right: 1px dotted #066; } li.last { display: inline; padding-left: 3px; padding-right: 3px; border-right: 0px; } #table { background:#333; } #table ul { float:left; margin:0; padding:0; border:1px solid #C9C9C9; } #table ul li { list-style:none; padding:5px 10px; } #table ul li.title { font-weight:bold; background:#333; color:#fff; } #table ul li.even { background:#fff } #table ul li.odd { background:#FFFFE6 } a { color: #000000; } a:hover { text-decoration: none; color: #FF0000; } a img { border: 1px solid #FFFFFF; margin: 5px; } #wrapper { width: 900px; margin: 0 auto; border: 10px solid #FFFFFF; } /* Header */ #header { width: 900px; height: 100px; margin: 0px auto; } #header a { text-decoration: none; color: #FFFFFF; } /* Header */ #secondaryheader { width: 900px; height: 100px; margin: 0px auto; } #secondaryheader a { text-decoration: none; color: #FFFFFF; } /* Logo */ #mainlogo { float: left; padding-left: 20px; } #mainlogo h1, #mainlogo p { margin: 0px; line-height: normal; font-weight: normal; color: #FFFFFF; } #mainlogo h1 { padding: 25px 0px 0px 0px; } /*secondary logo */ #secondarylogo { float: left; padding-left: 20px; } #secondarylogo h1, #secondarylogo p { margin: 0px; line-height: normal; font-weight: normal; color: #FFFFFF; } #secondarylogo h1 { padding: 20px 0px 0px 0px; } /* Menu */ #navmenu { float: right; } #navmenu ul { margin: 0px; padding: 49px 0px 0px 0px; list-style: none; line-height: normal; } #navmenu li { float: left; margin: 0px; } #navmenu a { display: block; width: auto; padding: 6px 20px; } #navmenu a:hover { text-decoration: underline; } #navmenu .active { background: #404040; } #navmenu .active a { background: url(images/img02.gif) no-repeat 100% -40px; } /* MainPage */ #page { width: 900px; margin: 0px auto; padding: 10px 0px 0px 0px; background: #FFFFFF; } #header-pic { background: url() no-repeat left top; width: 900px; height: 220px; } /* Secondary Pages */ #secondarypage { width: 900px; margin: 0px auto; padding: 10px 0px 0px 0px; background: #FFFFFF; } #secondaryheader-pic { background: url() no-repeat left top; width: 450px; height: 225px; } /* Content */ #content { float: right; width: 570px; } .imgwrap { float: left; margin: 5px; } .imgwrapright { float: right; margin: 3px; } .lesson { margin: 0px 0px 30px 0px; } .lesson .title { margin: 0px; background: #444444 url(images/img02.jpg) no-repeat left 50%; padding: 7px 25px; font-size: 1.4em; } .lesson .title h1 { } .lesson .entry { padding: 0 20px; } .lesson .links { font-weight: bold; padding-left: 20px; } .lesson .byline { margin: 0px; padding-left: 20px; } /* Sidebar */ #sidebar { float: left; width: 300px; } #sidebar-bgtop { } #sidebar-bgbtm { background: url(images/img03.jpg) no-repeat left bottom; } #sidebar-content { background: url(images/img01.jpg) repeat-y left top; } #sidebar ul { padding: 0px 0 5px 0; margin: 0px; list-style: none; } #sidebar li li { margin-left: 20px; margin-right: 20px; line-height: 30px; padding-left: 15px; border-bottom: 1px dashed #BDBDBD; background: url(images/img04.jpg) no-repeat left 50%; } #sidebar li ul { margin-bottom: 1.8em; list-style: none; } #sidebar iframe { margin-left:50px; margin-bottom:10px; } #sidebar h2 { background: #444444 url(images/img02.jpg) no-repeat left 50%; padding: 7px 25px; font-size: 1.4em; } #sidebar a { text-decoration: none; } #sidebar a:hover { text-decoration: underline; } /*Form*/ .registration ul li { margin: 1px; } /* Collapsemenu*/ .collapsemenu, .collapsemenu ul { margin:0; padding:0; list-style:none; } .collapsemenu {width:300px;} .menu li { margin:0; background-color: #444444; padding:0; margin-bottom:1px; } .menu a { display:block; padding:2px 5px; color:#00000; background:#b0c23d; text-decoration:none; } .collapsemenu a:hover {background:#9F9F9F;} .collapsemenu ul li {padding-left:15px;font-size: 15px; font-style: Arial, Bold;} .collapsemenu ul a {background:#BFBFBF;} .hidden {display:none;} /*Online Video Lessons*/ .onlinevideo, .onlinevideo ul { margin:0; padding:0; list-style:none; } .onlinevideo {width:300px;} .menu li { margin:0; background-color: #444444; padding:0; margin-bottom:1px; } .menu a { display:block; padding:2px 5px; color:#00000; background:#b0c23d; text-decoration:none; } .onlinevideo a:hover {background:#9F9F9F;} .onlinevideo ul li {padding-left:15px;font-size: 15px; font-style: Arial, Bold;} .onlinevideo ul a {background:#BFBFBF;} .hidden {display:none;} /* Footer */ #footer { clear: both; width: 900px; height: 50px; margin: 0px auto 30px auto; color: #FFFFFF; } #footer p { margin: 0px; padding: 19px 0px 0px 0px; text-align: center; line-height: normal; font-size: smaller; } #footer a { color: #FFFFFF; } body { margin: 20px; padding: 0px; background: #242323; text-align: justify; font: 13px Arial, Helvetica, sans-serif; color: #444444; } h1, h2, h3 { margin-top: 0px; font-weight: normal; color: #FFFFFF; } h1 { font-size: 2.4em; } h2 { font-size: 1.8em; } h3 { font-size: 1.4em; } p, ol, ul { margin-bottom: 1.8em; line-height: 160%; } a { color: #000000; } a:hover { text-decoration: none; color: #FF0000; } a img { border: 1px solid #FFFFFF; margin: 5px; } #wrapper { width: 900px; margin: 0 auto; border: 10px solid #FFFFFF; } /* Header */ #header { width: 900px; height: 100px; margin: 0px auto; } #header a { text-decoration: none; color: #FFFFFF; } /* Header */ #secondaryheader { width: 900px; height: 100px; margin: 0px auto; } #secondaryheader a { text-decoration: none; color: #FFFFFF; } /* Logo */ #mainlogo { float: left; padding-left: 20px; } #mainlogo h1, #mainlogo p { margin: 0px; line-height: normal; font-weight: normal; color: #FFFFFF; } #mainlogo h1 { padding: 25px 0px 0px 0px; } /*secondary logo */ #secondarylogo { float: left; padding-left: 20px; } #secondarylogo h1, #secondarylogo p { margin: 0px; line-height: normal; font-weight: normal; color: #FFFFFF; } #secondarylogo h1 { padding: 20px 0px 0px 0px; } /* Menu */ #navmenu { float: right; } #navmenu ul { margin: 0px; padding: 49px 0px 0px 0px; list-style: none; line-height: normal; } #navmenu li { float: left; margin: 0px; } #navmenu a { display: block; width: auto; padding: 6px 20px; } #navmenu a:hover { text-decoration: underline; } #navmenu .active { background: #404040; } #navmenu .active a { background: url(images/img02.gif) no-repeat 100% -40px; } /* MainPage */ #page { width: 900px; margin: 0px auto; padding: 10px 0px 0px 0px; background: #FFFFFF; } #header-pic { background: url() no-repeat left top; width: 900px; height: 220px; } /* Secondary Pages */ #secondarypage { width: 900px; margin: 0px auto; padding: 10px 0px 0px 0px; background: #FFFFFF; } #secondaryheader-pic { background: url() no-repeat left top; width: 450px; height: 225px; } /* Content */ #content { float: right; width: 570px; } .imgwrap { float: left; margin: 3px; } .imgwrapright { float: right; margin: 3px; } .lesson { margin: 0px 0px 30px 0px; } .lesson .title { margin: 0px; background: #444444 url(images/img02.jpg) no-repeat left 50%; padding: 7px 25px; font-size: 1.4em; } .lesson .title h1 { } .lesson .entry { padding: 0 20px; } .lesson .links { font-weight: bold; padding-left: 20px; } .lesson .byline { margin: 0px; padding-left: 20px; } /* Sidebar */ #sidebar { float: left; width: 300px; } #sidebar-bgtop { } #sidebar-bgbtm { background: url(images/img03.jpg) no-repeat left bottom; } #sidebar-content { background: url(images/img01.jpg) repeat-y left top; } #sidebar ul { padding: 0px 0 5px 0; margin: 0px; list-style: none; } #sidebar li li { margin-left: 20px; margin-right: 20px; line-height: 30px; padding-left: 15px; border-bottom: 1px dashed #BDBDBD; background: url(images/img04.jpg) no-repeat left 50%; } #sidebar li ul { margin-bottom: 1.8em; list-style: none; } #sidebar iframe { margin-left:50px; margin-bottom:10px; } #sidebar h2 { background: #444444 url(images/img02.jpg) no-repeat left 50%; padding: 7px 25px; font-size: 1.4em; } #sidebar a { text-decoration: none; } #sidebar a:hover { text-decoration: underline; } /*Form*/ .registration ul li { margin: 1px; } /* Collapsemenu*/ .collapsemenu, .collapsemenu ul { margin:0; padding:0; list-style:none; } .collapsemenu {width:300px;} .menu li { margin:0; background-color: #444444; padding:0; margin-bottom:1px; } .menu a { display:block; padding:2px 5px; color:#00000; background:#b0c23d; text-decoration:none; } .collapsemenu a:hover {background:#9F9F9F;} .collapsemenu ul li {padding-left:15px;font-size: 15px; font-style: Arial, Bold;} .collapsemenu ul a {background:#BFBFBF;} .hidden {display:none;} /*Online Video Lessons*/ .onlinevideo, .onlinevideo ul { margin:0; padding:0; list-style:none; } .onlinevideo {width:300px;} .menu li { margin:0; background-color: #444444; padding:0; margin-bottom:1px; } .menu a { display:block; padding:2px 5px; color:#00000; background:#b0c23d; text-decoration:none; } .onlinevideo a:hover {background:#9F9F9F;} .onlinevideo ul li {padding-left:15px;font-size: 15px; font-style: Arial, Bold;} .onlinevideo ul a {background:#BFBFBF;} .hidden {display:none;} /* Footer */ #footer { clear: both; width: 900px; height: 50px; margin: 0px auto 30px auto; color: #FFFFFF; } #footer p { margin: 0px; padding: 19px 0px 0px 0px; text-align: center; line-height: normal; font-size: smaller; } #footer a { color: #FFFFFF; }