* {margin:0; padding:0}
body {font-family: Arial, Helvetica, sans-serif; background-color:#000000; background-image:url(../images/mica-background.jpg); background-repeat:no-repeat; background-position:top; scrollbar-face-color: #999999; scrollbar-highlight-color: #CCCCCC; scrollbar-shadow-color: #333333; scrollbar-3dlight-color: #CCCCCC; scrollbar-arrow-color: #0099FF; scrollbar-track-color: #333333; scrollbar-darkshadow-color: #333333}
.container {width:900px; height:100%; margin-right: auto; margin-left: auto; align: center}
.header {height:360px}
.header img {border:none; margin:15px 0px 0px 115px}
.menu {height:40px; background-image:url(../images/menu-background.png); background-repeat:no-repeat; background-position:top}
.menu p {font-size:14px; color:#FFFFFF; vertical-align:middle; text-align:center; margin:10px 20px 0px 50px}
.menu1 {height:40px; float:left; width:720px}
.menu2 {height:40px; float:left; width:180px}
.menu1 a {text-decoration:none; color:#FFFFFF}
.menu1 a:hover {text-decoration:none; border-color:#FFFFFF; color:#0099FF; border-bottom-style:solid; border-bottom-width:1px; border-top-width:1px; border-top-style:solid}
.menu2 img { height:40px; width:36px; border:none; margin:0px 0px 0px 3px}
.menu2 a {border:none; margin:0px}
.box1 {height:330px; float:left; width:450px;  background-image:url(../images/box1-background.png); background-repeat:no-repeat; background-position:top}
.box1 h2 {font-size:14px; color:#0099FF; height:24px; padding-top:28px; vertical-align:middle; margin-left:0px}
.box1 a {text-decoration:underline; color:#0099FF}
.box1 a:hover {text-decoration:none; border-color:#FFFFFF; color:#0099FF; border-bottom-style:solid; border-bottom-width:1px; border-top-width:1px; border-top-style:solid}
.box1 img { width:370px; height:120px; padding-left:0px}
.box1 p {font-size:12px; color:#FFFFFF; padding:15px 30px 0px 10px}
.box2 {height:330px; width:450px; float:left; background-image:url(../images/box2-background.png); background-repeat:no-repeat; background-position:top}
.box2 h2 {font-size:14px; color:#0099FF; height:24px; padding-top:28px; vertical-align:middle; margin-left:22px}
.box2 a {text-decoration:underline; color:#0099FF}
.box2 a:hover {text-decoration:none; border-color:#FFFFFF; color:#0099FF; border-bottom-style:solid; border-bottom-width:1px; border-top-width:1px; border-top-style:solid}
.box2 object {margin:10px 0px 0px 51px}
.box2 p {font-size:12px; color:#FFFFFF; padding:15px 70px 0px 30px}
.box3 {height:330px; width:450px; float:left; background-image:url(../images/box3-background.png); background-repeat:no-repeat; background-position:top}
.box3 h2 {font-size:14px; color:#0099FF; height:24px; padding-top:28px; vertical-align:middle; margin-left:22px}
.box3 a {text-decoration:underline; color:#0099FF}
.box3 a:hover {text-decoration:none; border-color:#FFFFFF; color:#0099FF; border-bottom-style:solid; border-bottom-width:1px; border-top-width:1px; border-top-style:solid}
.box3 img {padding-left:20px}
.box3 p {font-size:12px; color:#FFFFFF; padding:15px 70px 0px 30px}
.box4 {height:330px; float:left; width:450px;  background-image:url(../images/box1-background.png); background-repeat:no-repeat; background-position:top}
.box4 h2 {font-size:14px; color:#0099FF; height:24px; padding-top:28px; vertical-align:middle; margin-left:62px}
.box4 a {text-decoration:underline; color:#0099FF}
.box4 a:hover {text-decoration:none; border-color:#FFFFFF; color:#0099FF; border-bottom-style:solid; border-bottom-width:1px; border-top-width:1px; border-top-style:solid}
.box4 img {padding-left:60px}
.box4 p {font-size:12px; color:#FFFFFF; padding:15px 30px 0px 70px}
.footer1 {width:900px; height:100px; clear:both}
.footer1 p {color:#0099FF; font-size:12px; text-align:center; margin-top:40px; margin-left:auto; margin-right:auto}
.footer1 a {text-decoration:none; color:#0099FF; border-color:#0099FF; border-bottom-style:solid; border-bottom-width:1px; border-top-width:1px; border-top-style:solid; width:200px}
.footer1 a:hover {color:#FFFFFF; border-color:#FFFFFF; border-bottom-style:solid; border-bottom-width:1px; border-top-width:1px; border-top-style:solid; width:200px}
.footer2 {width:900px; height:25px; clear:both}
.footer2 p {text-align:center; color:#999999; font-size:12px; padding: 4px; vertical-align:middle; font-size:10px}
.footer2 a {text-decoration:underline; color:#999999}
.footer2 a:hover {text-decoration:none}
.main1 {height:660px; width:900px}
.main1 h1 {margin:28px 50px 10px 50px; color:#0099FF; font-size:14px}
.main1 h2 {margin:30px 50px 10px 50px; color:#FFFFFF; font-size:10px}
.main1 h3 {margin:30px 50px 10px 50px; color:#FFFFFF; font-size:12px}
.main1 img {margin: 10px 10px 10px 50px; float:left; border:none}
.main1 p {margin:10px 50px 0px 50px; color:#999999; font-size:12px}
.main1 a {text-decoration:underline; color:#0099FF}
.main1 a:hover {text-decoration:none; border-color:#FFFFFF; color:#0099FF; border-bottom-style:solid; border-bottom-width:1px; border-top-width:1px; border-top-style:solid}
.book1 {height:660px; width:400px; float:left}
.book1 h1 {margin:28px 20px 10px 50px; color:#0099FF; font-size:14px}
.book1 h2 {margin:20px 20px 10px 50px; color:#FFFFFF; font-size:12px}
.book1 p {margin:10px 20px 0px 50px; color:#999999; font-size:12px}
.book1 a {text-decoration:underline; color:#0099FF}
.book1 a:hover {text-decoration:none; border-color:#FFFFFF; color:#0099FF; border-bottom-style:solid; border-bottom-width:1px; border-top-width:1px; border-top-style:solid}
.book1 img {margin:20px 0px 0px 50px; border:none}
.book2 {height:660px; width:500px; float:left}
.book2 img {margin:28px 50px 0px 50px; border:none}
.scrollingpage {overflow:scroll; height:680px}
.events1 {height:110px; width:160px; float:left; background-image:url(../images/calendar-background.png); background-repeat:no-repeat; background-position:top}
.events1 p.month {margin:40px 20px 0px 60px; color:#FFFFFF; font-size:12px; width:80px; vertical-align:middle; text-align:center}
.events1 p.date {margin:8px 20px 0px 60px; color:#0099FF; font-size:28px; width:80px; vertical-align:middle; text-align:center}
.events2 {height:110px; width:690px; float:left; border-color:#999999; border-bottom-style:solid; border-bottom-width:1px}
.events2 p {margin:60px 50px 0px 20px; color:#999999; font-size:12px}
.events2 a {text-decoration:underline; color:#0099FF}
.events2 a:hover {text-decoration:none; border-color:#FFFFFF; color:#0099FF; border-bottom-style:solid; border-bottom-width:1px; border-top-width:1px; border-top-style:solid}
.album1 {height:135px; width:185px; float:left}
.album1 img {margin:10px 10px 10px 60px; border:none}
.album2 {height:135px; width:615px; float:left; border-color:#999999; border-bottom-style:solid; border-bottom-width:1px}
.album2 h2 {margin:40px 50px 0px 20px; color:#0099FF; font-size:14px}
.album2 p {margin:15px 50px 0px 20px; color:#999999; font-size:12px}
.album2 a {text-decoration:underline; color:#0099FF}
.album2 a:hover {text-decoration:none; border-color:#FFFFFF; color:#0099FF; border-bottom-style:solid; border-bottom-width:1px; border-top-width:1px; border-top-style:solid}


.stepcarousel{
position: relative; /*leave this value alone*/
border:0px;
overflow: scroll; /*leave this value alone*/
width: 370px; /*Width of Carousel Viewer itself*/
height: 330px; /*Height should enough to fit largest content's height*/
padding:0px;
margin:0px 0px 0px 60px
}
.stepcarousel .belt{
height: 330px; width:370px;
position: absolute; /*leave this value alone*/
left: 0px;
top: 0px;
padding:0px;
margin-left:0px
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: visible; /*clip content that go outside dimensions of holding panel DIV*/
padding: 0px; /*margin around each panel*/
width: 370px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:330px;
border:none; margin-left:0px; margin-right:0px;
}