/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

html,body,div,span,table,tr,th,td,p,span,h1,h2,h3,h4,ul,ol,li,a,form { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-family: Verdana;  }  /* Default font for all items */
* { -moz-box-sizing:border-box; box-sizing:border-box; -ms-box-sizing: content-box; -webkit-box-sizing: border-box; }
html { min-height: 100%; height: 100%; margin-bottom: 1px; } /* Set height to 100% + 1px to force scroll bar in FF */
#ht { position: absolute; top: -2000px; width: 700px; } /* Hidden Text - Look up. WAAAY Up */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 0px 0px 0px 0px; height: 100%; background: #222222 url('../images/layout/body-bg.jpg') no-repeat; }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: none; height: 1px; overflow: hidden; }
textarea, select, select * { color: #333333; font-size: 12px; }


ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
ol { margin-left: 30px; }


ul li { list-style-type: square; }

.bordered { border: 1px solid #33CCFF; }

h1, h2, h3, h4, h5 { font-family: Arial; font-weight: bold; }

h1, h1 a { color: #f69679; font-size: 20px; margin: 0px 0px 8px 0px; font-weight: normal; }
h2, h2 a { color: #666666; font-size: 16px; margin: 0px 0px 8px 0px; }
h3, h3 a { color: #000000; font-size: 12px; margin: 0px 0px 8px 0px; }
p  { margin: 0px 0px 12px 0px; }
p, table, td, div, a  { color: #333333; font-size: 12px; line-height: 17px; }
a  { color: #000000; font: normal 12px Verdana; text-decoration: none; }
a:hover { text-decoration: underline; }



/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/


#main { margin-top: 24px; }


#top {  width: 1013px; height: 25px; background: url('../images/layout/top.png') no-repeat top left; }
#top_ext { height: 25px; background: url('../images/layout/top-ext.png') repeat-x bottom left; }

#left {  width: 21px; background: url('../images/layout/left.png'); }
#inside { width: 992px; background: url('../images/layout/inside-bg.png'); }
#inside_ext { background: #FFFFFF; }


#bottom { width: 1013px; height: 24px; background: url('../images/layout/bottom.png') no-repeat top left;}
#bottom_ext { width: 1013px; height: 24px; background: url('../images/layout/bottom-ext.png') repeat-x top left;}


#left_side { width: 200px; float: left; height: 555px; position: relative; margin-top: -60px; }
#right_side { width: 812px; float: right; }

#nav a { color: #bcbec0; height: 29px; line-height: 29px; width: 201px; left: 0px; display: block; text-align: right; padding-right: 35px; position: absolute; }

#nav a:hover { color: #bcbec0;  background: url('../images/layout/nav-bg.png') no-repeat bottom right; height: 59px; line-height: 59px;  text-decoration: none; }

#nav1 { top: 240px; background: url('../images/layout/nav-bg.gif') no-repeat bottom right; }
#nav2 { top: 269px; background: url('../images/layout/nav-bg.gif') no-repeat bottom right; }
#nav3 { top: 298px; background: url('../images/layout/nav-bg.gif') no-repeat bottom right; }
#nav4 { top: 327px; background: url('../images/layout/nav-bg.gif') no-repeat bottom right; }
#nav5 { top: 356px; background: url('../images/layout/nav-bg.gif') no-repeat bottom right; }
#nav6 { top: 385px;  background: url('../images/layout/nav-bg.gif') no-repeat bottom right; }
#nav7 { top: 414px;  background: url('../images/layout/nav-bg.gif') no-repeat bottom right; }
#nav8 { top: 443px;  background: url('../images/layout/nav-bg.gif') no-repeat bottom right; }
#nav9 { top: 472px;  background: url('../images/layout/nav-bg.gif') no-repeat bottom right; }
#nav10 { top: 499px;  background: url('../images/layout/nav-bg-no-line.gif') no-repeat bottom right; }


#nav1:hover { top: 225px; }
#nav2:hover { top: 254px; }
#nav3:hover { top: 283px; }
#nav4:hover { top: 312px; }
#nav5:hover { top: 341px; }
#nav6:hover { top: 370px; }
#nav7:hover { top: 399px; }
#nav8:hover { top: 425px; }
#nav9:hover { top: 455px; }
#nav10:hover { top: 483px; }



#logo { border: none; margin-left: 35px; margin-top: 70px; }

#footer1 { width: 812px; text-align: center; color: #939598; font-size: 12px; text-align: center; margin-top: -15px; margin-left: 191px; }
#footer2 { width: 812px; text-align: center; color: #939598; font-size: 10px; text-align: center; margin-top: 15px; margin-left: 191px;}
#footer2 a { color: #939598; font-size: 10px; }


.main-content { margin: 20px; }