/*================Layout=========*/

body{padding: 2px;background: #707883;color: #222222;text-align: center;margin-top: 5px; font-family: Arial, sans-serif}

div#container{min-width:750px; width: 70%!important; width /**/:70%; height: auto; margin: 0 auto;padding:5px;text-align:left;background:#FFF}
div#header{background: #000000;padding: 0px;width: 100%; height: 60px}

div#title{float:none; min-width: 558px; width: auto; text-align: center; height: 73px; padding:10px 0px 0px 0px;margin:5px 0px 0px 192px}

div#content{float:none; min-width: 558px; width: auto; height: 669px; text-align: center; padding:10px 0px 0px 0px;margin:5px 0px 5px 5px; border-left: 5px solid white; background: #000000; overflow: hidden}

div#nav{float:left; width: 187px; height: auto; padding:0px 0px 24px 0px;margin:0px 0px 5px 0px;background: #000000; border-top: 5px solid white;overflow: hidden}

div#spec{float:right;width:74%;padding:10px 0;margin:5px 0px 0px 0px;background: #55ff54}
div#nav h2{font-size: 120%;color: #9E4A24}
div#footer{clear:both;width: 100%; height: 45px;background: #000000;padding:5px 0;text-align:center}

/*---#navpad{
height: 656px;
}---*/

/*end*/
/*\*/
html*#content {
[border-left: 0px;/*Affects older Firefox and Netscape browsers only. Seen also by IE5-6 and Safari for Macintosh, which is addressed below.*/
border-left: 5px solid white; margin-right: -5px;/*Affects Google Chrome amd Safari for Macintosh only (v1-3). See also by IE5-6, but thats addressed below. Also hidden from older Firefox and Netscape browsers.*/
]border-left: 0px;/*Affects IE 7 only. Seen by IE5-6 but thats addressed below. Hidden from Safari and all Firefox and Netscape browsers.*/
}/*end*/
.dummyend[id]{clear:both;}

/*\*/
* html #content {
border-left: 0px;
}
/*end*/

/*The above rule is hidden from IE for MAC, and read only by older Firefox and Netscape 6-7 and IE5-7 for PC, and Chrome/Safari, in general.*/
/*Newer Firefox and Netscape agents reads rule, but does not read any properties set within [], so is unaffected by it, probably because it sees these as part of an attribute selector. Those will be hidden.*/
/*IE 7 on PC will correctly read all rules as it will ignore many characters before a property*/
/*Safari, as well as Chrome, see each [] as a character and not part of a selector, if one falls before a property. These cause the property name following the character to not be read, but next line without "[]" property is  parsed.*/
/*use of [] will break all css selectors following the rule, if all are not closed, as Mozilla-Netscape read the [] as part of a selector rule, so make sure they are all closed, using dummy selector.*/

/*Finally, be sure to reapply a fix that affects IE 5-6 only here. IE for Mac and IE 7 for PC are not affected here, which means purple above should work only in IE 7 above!*/




/*============================Menu==============================*/

#menubox{
background: #ff0000;

}

#mtitle{
height:auto;
width: 172px;
font-size:10pt;
font-weight:bold;
color:#ff00ff;
border:1px solid #c0c0c0;
margin:0 0 10px 0;
letter-spacing:0px;
}

#mtitleb{
height:16px;
width: 172px;
font-size:10pt;
font-weight:bold;
color:#ff00ff;
border:1px solid #c0c0c0;
margin:0 0 10px 0;
padding-top: 2px;
letter-spacing:0px;
}

.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: url no-repeat left center;
list-style-type: none;
padding-left: 4px;
padding-top: 4px;
margin-bottom: 1px;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: url no-repeat left 1px;
line-height:.7em;
cursor: hand !important;
cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
line-height:.6em;
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
line-height:.9em;
}

/*=================sidebar=========*/


div#sidebar{
float:right;
text-align: left;
overflow: hidden;
background-color:#000000;
margin:0 0 0 0;
padding:0 0 0 0;
}

#sidebar ul{
list-style:none;
margin:0 0 0 2px;
padding:0 0 0 0;
}

#sidebar li{
list-style:none;
margin:0 0 0 0;
padding:5 0 -15 0;
}

#sidebar li a{
font-size:1em;
font-weight:bold;
padding:2px;
}

#sidebar ul ul{
margin:0 0 3px 5px;
line-height:1.2em;
padding:0 0 0 0;
}

#sidebar ul ul li a{font-weight:normal;}
#sidebar h2{margin:3px 0px 0px 0px;}

/*====================Tab contents=======================*/

#intleft{
width: 47%;
height: 98%;
float: left;
font-size: 10pt;
color: black;
text-align: justify;
line-height:1.2em;
margin-top: 5px;
margin-left: 5px;
}

#intright{
width: 47%;
height: 98%;
float: right;
font-size: 10pt;
color: black;
text-align: justify;
line-height:1.2em;
margin-top: 5px;
margin-right: 5px;
}

#intall{
width: 96%;
min-width: 500px;
height: 98%;
font-size: 10pt;
color: black;
text-align: left;
line-height:1.2em;
}

/* ######### CSS for Shade Tabs.######### */

.shadetabs{
padding: 3px 0;
margin-left: 10px;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
text-align: centre; 
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
color: #000000;
background: #cccccc;
}

.shadetabs li a:visited{
color: #000000;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2b2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top:0px;
}

.shadetabs li a.selected{ /*selected main tab style */
background: white;
color: #000000;
border-bottom: 2px solid;
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
color: black;
width:97%;
height:559px;
background: white;
overflow: auto;
padding: 5px;
}

.ftabcontent{
display:none;
width:100%;
min-width:553px;
height:370px;
border-top: solid 5px white;
border-bottom: solid 5px white;
border-right: solid 5px white;
float: left;
overflow: hidden;
background: white;
border-top: solid white 5px;
}

.tabs2{
height:390px;
width: 623px;
padding-left: 2px;
}


@media print {
.tabcontent {
display:block !important;
}
}