/* normalize browser defaults */
html,body,ul,p,h1,h2,h3{margin:0;padding:0;}
html, body{font-family: Arial; color: #797979;background: #14150d url(/images/body-bg.jpg) no-repeat fixed center 145px; font-size: .9em;}
ul{list-style:none}
img{border:0;outline:0;}
a{border:0;outline:0; color: #00b2dd; text-decoration: none;}
a:hover, a:active{color: #fff; text-decoration: underline;}
h1{font-size: 1.4em; margin: 0 0 10px 0;}
body#inner h1{direction: rtl; text-align:right;}
h1 span{color: #fff;}
h2{font-size: 1.4em; margin: 0 0 6px 0;}
h3{font-size: 1.3em; margin: 8px 0 4px 0; color: #f9a427;}
h4{font-size: 1.1em; margin: 8px 0 4px 0;}
div#wraper, div#header, div#mainMenu, div#mainImage, div#footer{margin: 0 auto; width: 850px;}
div#wraper{position: relative;}
/* header */
div#header{background: transparent url(/images/metroLogo.gif) no-repeat right top; height: 112px;}
div#header img, div#header object{float: left; margin: 17px 0 0 17px;}
/* main menu */
div#mainMenu{height: 33px; background: transparent url(/images/mainMenu-bg.gif) no-repeat; margin-bottom: 8px; overflow: hidden;}
div#mainMenu ul{height: 33px;}
div#mainMenu ul li{float: right; line-height: 33px; text-align: center;}
div#mainMenu ul li.left{float:left;}
div#mainMenu ul li.left a{background: transparent url(/images/mainMenu-sup.gif) no-repeat left;}
div#mainMenu ul li a{display: block; padding: 0 13px; color: #c2c2c2; text-shadow: 0 1px 0 #0D0E0F; background: transparent url(/images/mainMenu-sup-hover.gif) no-repeat left; text-decoration: none; font-family: tahoma; font-size: 12px;}
div#mainMenu ul li a:hover, div#mainMenu ul li a:active, div#mainMenu ul li a:focus{color: #fff; text-decoration: none;}
div#mainMenu ul li a.selected{color: #fff; text-decoration: none;}
div#mainMenu ul li a.last, div#mainMenu ul li.left a.last{background: none;}
/* main image */
body#home div#wraper div#mainImage{margin-bottom: 8px;}
body div#wraper div#mainImage{margin-bottom: 8px;}
div#mainImage > img{ overflow: hidden; width: 850px; min-height: 270px; max-height: 375px;}
/* quick links */
ul#quickLinks{width: 838px; margin-right: 12px; overflow: hidden;}
/*ul#quickLinks li{height: 89px; background-color: black; position: relative; display: inline-block; text-align: center; margin: 0 3px;}*/
ul#quickLinks li{height: 89px; background-color: black; float: right; display: inline; position: relative; text-align: center; margin: 0 3px;}
ul#quickLinks li a{display: block; filter:alpha(opacity=40); opacity:0.40;}
ul#quickLinks li a:hover{text-decoration: none;}
ul#quickLinks li a img{width: 130px; border: solid 1px #555;}
ul#quickLinks li span{display: inline; width: 130px; position: absolute; top: 67px; right: 0; z-index: 99; color: #fff; text-shadow: 2px 1px 0 #000; font-family: tahoma; font-size: 13px;}
/* CONTENT */
body#home div#wraper div#content{width: 850px; margin: 0 auto; margin-bottom: 28px; }
body#inner div#wraper div#content{width: 818px; padding: 16px; margin: 0 auto; margin-bottom: 28px; background: transparent url(/images/content-bg.png) repeat-y;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-khtml-border-radius: 12px;
border-radius: 12px;
}
div#contentRight{float: right; width: 524px; color: #fff; padding: 0 0 0 16px; border-left: solid 1px #555;}
div#contentRight h3{margin-top: 20px;}
* html div.section{height: 140px;}
div#contentRight div.section{line-height: 200%; padding: 10px 10px 20px 10px; background-color: #000; border: solid 1px #555; margin: 0 0 20px 0; min-height: 140px;}
div#contentRight div.section img{float: right; border: solid 1px #555; margin: 0 0 0 12px;}
div#contentRight div.section p, div#contentRight p, div#contentRight div.article, div#contentRight div.article ol li{line-height: 175%;}
div#contentRight form{margin: 28px 0 40px 0;}
div#contentRight form div{margin-bottom: 8px;}
div#contentRight form div label, span.lbl{display: inline-block; height: 100%; vertical-align: top; width: 66px; color: #c2c2c2;}
div#contentRight form div input, div#contentRight form div textarea{width: 220px; border: solid 2px #c2c2c2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0 6px;}
div#contentRight form div textarea{width: 320px;}
div#contentRight form div input:focus, div#contentRight form div textarea:focus{border-color: #f9a427;}
div#contentRight form div input#subContact{width: 52px; height: 20px; background: transparent url(/images/button-send.gif) no-repeat 0 0; border: none; padding: 0; margin: 10px 6px 0 0; cursor: pointer; filter:alpha(opacity=100); opacity:1.0;}
div#contentRight form div input#subContact:hover{background: transparent url(/images/button-send.gif) no-repeat 0 -20px;}
div#contentRight form div input.validateError{border-color: red;}
div#contentLeft{float: left; width: 260px; color: #fff; padding: 0 16px 0 0; line-height: 175%;}
div#contentLeft p{padding-top: 0;}
div#contentLeft ul.subMenu li{list-style: disc inside; color: #f9a427;}
div#contentLeft ul.subMenu li a{color: #fff; text-decoration: underline;}
div#contentLeft ul.subMenu li a:hover, div#contentLeft ul.subMenu li a:active{color: #f9a427; text-decoration: underline;}
div#content table#timeTable{margin: 0 auto; border-collapse:collapse; direction:rtl;}
div#content table#timeTable th{color: #fff; font-size: 1.3em; font-weight: 600;}
div#content table#timeTable td{height: 135px; width: 135px; text-align: center; background-color: #14150d; border: solid 1px #686868; margin: 0; overflow: hidden; filter:alpha(opacity=80); opacity:1; color: #fff;}
div#content table#timeTable td div.classTime, div#content table#timeTable td div.classTitle{font-size: 1.2em; font-weight: 600; text-shadow: 0 1px 0 #0D0E0F;}
div#content table#timeTable td div.classTitle{color: #f9a427; margin: 6px 0;}
div#content table#timeTable td div.classDesc{font-size: .92em; font-weight: 500; height: 36px; overflow: hidden; text-shadow: 0 1px 0 #0D0E0F;}
div#content table#timeTable td div.classInstructor{font-size: 1.2em; background-color: #4B504F; line-height: 175%; margin-top: 6px;}
/* gallery */
ul.gallery{margin: 0 auto; text-align: center;}
ul.gallery li{float: right; background-color: transparent; border: solid 1px transparent;}
ul.gallery li:hover {background-color: #000; border: solid 1px #555;}
ul.gallery li a{display: block; width: 165px; height: 165px; margin: 18px; }
/* contact details */
div#contactDetails{margin-top: 20px;}
div#contactDetails p{padding-right: 18px; color: #990000; font-size: 1.2em; font-weight: 600;}
div#contentLeft div#contactDetails p{padding-right: 28px;}
/* footer */
div#footer{padding-bottom: 28px;}
div#upperFooter{text-align: center; color: #f9a427; font-family: tahoma; font-size: 18px; padding-bottom: 12px; border-bottom: solid 8px #f9a427; margin-bottom: 10px; text-shadow: 0 1px 0 #1F0000;}
div#bottomFooter ul li a{color: #555; text-decoration: none; font-family: tahoma; font-size: 11px;}
div#bottomFooter ul li a:hover{color: #f9a427; text-decoration: none;}
div#bottomFooter ul.mainMenu li{float: right;}
div#bottomFooter ul.mainMenu li a{padding: 0 10px 0 10px; background: transparent url(/images/footer-sup.gif) no-repeat left;}
div#bottomFooter ul.mainMenu li a.last{background: none;}
div#bottomFooter ul.credits li{float: left; padding: 0 13px;}
div#bottomFooter ul.credits li a:hover{color: #c2c2c2;}
/* auxilary classes */
.center{margin: 0 auto; text-align: center;}
.orange{color: #f9a427;}
.gray{color: #c2c2c2;}
.gray1{color: #555;}
.bigBold{font-size: 18px; font-weight: 600;}
.mediumBold{font-size: 14px; font-weight: 600;}
.clearBoth{clear: both;}
div#msg{font-family:arial; display: inline-block; font-size: x-large; width: 260px; height: 46px; border: solid 1px #fff; line-height: 46px; text-align:center; background-color:#f9a427; color:White; position: absolute; top: 170px; right: 10px; z-index: 999;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}
.validateError{background-color: #FFDFDF;}
#loading-indicator{position:absolute;z-index:999;background:#fff;border:solid 1px #ccc;padding:6px 30px 6px 6px;width:100px;right:336px;
background:#fff url(/Images/loading.gif) 6px 6px no-repeat;display:none}
.txtRight{text-align: right;}
.txtLeft{text-align: left;}
img.flortRight{float: right; margin-left: 12px;}
img.floatLeft{float: left; margin-right: 12px;}
img.rnd{border: 1px #c2c2c2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}