@charset "UTF-8";
body  {font-family: Helvetica, Arial, sans-serif; font-size:11px; color: #FFF; background: #555;
background-image: url(../images/backg.jpg); background-repeat: repeat-x; margin: 0; padding: 0; text-align: center; }

/*STRUCTURAL*/

.ibike #container { width: 980px; margin: 0 auto; text-align: left; } 
.ibike #header {background: #000; position: relative; height:115px;  padding: 10px 10px 0px 0px;} 
.ibike #bboard {position: relative; margin: 0px; padding: 0px;}
.ibike #mainContent { margin: 0px 200px 0px 20px; padding: 0 10px; } 
.ibike #footer { padding: 10px 10px 0 20px; height: 70px; background:#a0c13a; color:#4a5e0d;
  background-image: url(../images/footer-logo.gif); background-repeat:no-repeat; background-position:right;} 
.ibike #footer p {margin: 0; padding: 15px 0; }

/*home*/
.ibike #sidebarL { float: left; width: 180px; height: 240px; background: #EBEBEB; padding: 15px 10px 15px 20px; margin: 6px 6px 10px 0px; color: #000;}
.ibike #sidebarC { float: left; width: 270px; height: 240px; padding: 15px 10px 15px 0px; margin: 0px 5px 10px 10px;}
.ibike #sidebarR { float: right; width: 230px; padding: 15px 5px 10px 0px; }
/**/



/*TEXT STYLES*/
.ibike #header h1 { margin: 0; padding: 10px 0; }
h1 {font-size:20px; letter-spacing: -1px; font-weight: normal;}

.ibike #sidebarR strong { color: #a0c13a; font-style: normal;}
.ibike #sidebarR em { color: #797979; font-size: 10px; font-style:normal;}

.ibike #footer a, .ibike #footer a:link, .ibike #footer a:visited {font-family: Helvetica, Arial, sans-serif; font-size:12px; color:#000; text-decoration: none; letter-spacing: 0px; }
.ibike #footer a:hover {font-family: Helvetica, Arial, sans-serif; font-size:12px; color:#FFF; text-decoration: none;}
.ibike #footer em {color: #FFF; font-size:12px; font-style:normal; margin: 0px 2px 0px 2px}

/*MAIN MENU*/

#ibikemenu {width: 980px; height: 42px; background: url(../images/menu.gif); margin: 16px 0px 0px 0px; padding: 0; position: relative;}
#ibikemenu li {margin: 0px auto; padding: 0; list-style: none; position: absolute; top: 0px;}
#ibikemenu li, #ibikemenu a {height: 42px; display:block;}

#m1 {left: 0px; width: 79px; text-indent: -1000px; overflow:hidden;}
#m2 {left: 79px; width: 80px; text-indent: -1000px;	overflow:hidden;}
#m3 {left: 159px; width: 70px; text-indent: -1000px; overflow:hidden;}
#m4 {left: 229px; width: 69px; text-indent: -1000px; overflow:hidden;}
#m5 {left: 298px; width: 118px; text-indent: -1000px; overflow:hidden;}
#m6 {left: 416px; width: 124px; text-indent: -1000px; overflow:hidden;}
#m7 {left: 540px; width: 120px; text-indent: -1000px; overflow:hidden;}
#m8 {left: 660px; width: 69px; text-indent: -1000px; overflow:hidden;}
#m9 {left: 729px; width: 79px; text-indent: -1000px; overflow:hidden;}
#m10 {left: 808px; width: 145px; text-indent: -1000px; overflow:hidden;}

#m1 a:hover {background: transparent url(../images/menu.gif)  0px -42px no-repeat;}
#m2 a:hover {background: transparent url(../images/menu.gif) -79px -42px no-repeat;}
#m3 a:hover {background: transparent url(../images/menu.gif) -159px -42px no-repeat;}
#m4 a:hover {background: transparent url(../images/menu.gif) -229px -42px no-repeat;}
#m5 a:hover {background: transparent url(../images/menu.gif) -298px -42px no-repeat;}
#m6 a:hover {background: transparent url(../images/menu.gif) -416px -42px no-repeat;}
#m7 a:hover {background: transparent url(../images/menu.gif) -540px -42px no-repeat;}
#m8 a:hover {background: transparent url(../images/menu.gif) -660px -42px no-repeat;}
#m9 a:hover {background: transparent url(../images/menu.gif) -729px -42px no-repeat;}
#m10 a:hover {background: transparent url(../images/menu.gif) -808px -42px no-repeat;}

/*MENU SELECTED*/

#m1s {left: 0px; width: 79px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/menu.gif)  0px -84px no-repeat;}
#m2s {left: 79px; width: 80px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/menu.gif) -79px -84px no-repeat;}
#m3s {left: 159px; width: 70px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/menu.gif) -159px -84px no-repeat;}
#m4s {left: 229px; width: 69px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/menu.gif) -229px -84px no-repeat;}
#m5s {left: 298px; width: 118px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/menu.gif) -298px -84px no-repeat;}
#m6s {left: 416px; width: 124px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/menu.gif) -416px -84px no-repeat;}
#m7s {left: 540px; width: 120px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/menu.gif) -540px -84px no-repeat;}
#m8s {left: 660px; width: 69px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/menu.gif) -660px -84px no-repeat;}
#m9s {left: 729px; width: 79px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/menu.gif) -729px -84px no-repeat;}
#m10s {left: 808px; width: 145px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/menu.gif) -808px -84px no-repeat;}

/*SUPER MENU*/

#ibikeSmenuDiv {position: absolute; top: 1px; left: 780px;}
#ibikeSmenu {width: 198px; height: 45px; background: url(../images/smenu.gif); margin: 0px; padding: 0; position: relative;}
#ibikeSmenu li {margin: 0px auto; padding: 0; list-style: none; position: absolute; top: 0px;}
#ibikeSmenu li, #ibikeSmenu a {height: 45px; display:block;}

#s1 {left: 0px; width: 78px; text-indent: -1000px; overflow:hidden;}
#s2 {left: 78px; width: 120px; text-indent: -1000px;	overflow:hidden;}

#s1 a:hover {background: transparent url(../images/smenu.gif)  0px -45px no-repeat;}
#s2 a:hover {background: transparent url(../images/smenu.gif) -78px -45px no-repeat;}

/*MENU SELECTED*/

#s1s {left: 0px; width: 78px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/smenu.gif)  0px -45px no-repeat;}
#s2s {left: 78px; width: 120px; text-indent: -1000px; overflow:hidden; background: transparent url(../images/smenu.gif) -78px -45px no-repeat;}


/*REUSE*/

.fltrt {float: right; margin-left: 8px;}
.fltlft {float: left; margin-right: 8px;}
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}

