/* --------------------------------------- */
/* --------------- GENERAL --------------- */
/* --------------------------------------- */

a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}


body {
	color: #33333;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px ;
	visibility : visible;
	background-image:url('GreyBackGround.JPG')

}

.topPage {
	color: #cccccc;
	margin: 0px;
	padding: 0px;
	background: #B44646;
	background: #B44646;
	background-color: #993366;
    background: url(Img/topBg.png) #000000 repeat;
}

.rightPage {
	margin: 20px;
	background: #333333;
}

.leftPage {
	background: #333333;
}

/* --------------------------------------- */
/* -------------- TOP FRAME -------------- */
/* --------------------------------------- */

.title {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: auto;
	padding-bottom : 0px;
	padding-left : 0pt;
	padding-right : 0px;
	padding-top : 0px ;
	width : 100%;
	height: 34px;
	vertical-align : middle;
	visibility : visible;
	background: url(Img/headBg.png);
}

.title1  {
	color: #000000;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12pt;
	font-weight : bold;
	margin: auto;
	padding-left : 40px;
	padding-right : 0px;
	line-height : 34px;
	background : url(Img/headBgTitle.png) left top no-repeat;
	display : block;
	float: left;
	vertical-align : middle;
	visibility : visible;
	text-align: center;
}

.separator1  {
	color: #FFFFFF;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 5pt;
	display : none;
	line-height: 4px;
	height: 4px;
	float: left;
	width: 10pt;
	vertical-align : middle;
	visibility : visible;
	background: #FFFFFF;
	position: relative;
	top: 15px;
	left: 6px;
	margin-left: 6px;
	margin-right: 6px;
}

.title2  {
	color: #999999;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-weight : normal;
	padding-bottom : 0px;
	padding-left : 10px;
	padding-right : 0px;
	padding-top : 0px;
	line-height : 14px;
	display : none;
	float: left;
	vertical-align : middle;
	visibility : visible;
}

.separator2 {
	color: #FFFFFF;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 20pt;
	line-height : 14px;
	display : none;
	float: left;
	width: 20pt;
	vertical-align : middle;
	visibility : visible;
}

.titleimage{
	color: #FFFFFF;
	text-align : right;
	padding-right : 5px;
	visibility : visible;
	display: block;
}


.topMenu {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12pt;
	font-weight : normal;
	text-align : center;
         color: #000000
    margin: 0pt;
	padding: 0pt;
	display: block;
	width: 100%;
	border-top: 1px solid #595959;
	border-bottom: 1px solid #000000;
	vertical-align: middle;

background: url(Img/topBg.png);
}

.topMenu a  {
	border-left: 1px solid #595959;
	border-right: 1px solid #000000;
	padding-left: 6pt;
	padding-right: 6pt;
	font-weight: normal;
	color: #cccccc;
	font-size: 8pt;
	line-height: 40px;
	white-space: nowrap;
	text-decoration: none;
	background: url(Img/topBg.png);
	vertical-align: middle;
	display: block;
}

.topMenu a:hover {
	border-left: 1px solid #595959;
	border-right: 1px solid #000000;
	padding-left: 6pt;
	padding-right: 6pt;
	font-weight: normal;
	color: #cccccc;
	font-size: 8pt;
	line-height: 40px;
	white-space: nowrap;
	text-decoration: none;
	background: url(Img/topBgSel.png);
	vertical-align: middle;
	display: block;
}

.selected {
	color: white;
	padding-left: 6pt;
	padding-right: 6pt;
	line-height: 40px;
	vertical-align: middle;
	white-space: nowrap;
	font-weight: normal;
	font-size: 8pt;
	width: 100%;
	display: block;
	text-decoration: underline;
	background: url(Img/topBgSel.png);
	border-left: 1px solid #595959;
	border-right: 1px solid #000000;
}

/* --------------------------------------- */
/* -------------- LEFT FRAME ------------- */
/* --------------------------------------- */

.bookmark {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-weight : normal;
	text-align : left;
	padding-top : 24px;
	width : 100%;
	visibility : visible;
}

.bookmark a {
	color: #cccccc;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-weight : normal;
	text-align : left;
	text-decoration : none;
	padding-left : 17px;
	padding-right : 2px;
	display : block;
	padding-top: 2px;
	padding-bottom: 2px; 
	width: 100%;
	line-height: 12px;
	height: 12px;
	visibility : visible;
}


.bookmark a:link {}
.bookmark a:visited {}
.bookmark a:active {}
.bookmark a:hover {font-weight: bold; color: #ffffff;}


/* --------------------------------------- */
/* -------------- MAIN FRAME ------------- */
/* --------------------------------------- */

.caption1 {

	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12pt;
	font-weight : bold;
	text-align : left;
	margin-top : 14px;
	padding-bottom : 1px;
	padding-top : 1px;
	line-height : 24px;
	visibility : visible;
	border-bottom: 1px solid black;
    background: #000000 url(Img/tabbg.png) repeat-x;
}

.width770 {
	width: 770px;
}

.caption2 {
    background: url(Img/arrow.gif) left no-repeat;
	color: #cccccc;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-weight : bold;
	margin-bottom : 5px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 15px;
	padding-bottom : 5px;
	padding-left : 25px;
	padding-right : 0px;
	padding-top : 5px;
	visibility : visible;
}

.tabformat {
	border:1px solid #CCCCCC;
}

.tabhead {
	color: #cccccc;
	
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 14pt;
	font-weight : normal;
	text-align : center;
	border: 0pt solid #000000;
	padding-bottom : 3px;
	padding-left : 10px;
	padding-right : 2px;
	padding-top : 3px;
	background: url(Img/topBg.png) #000000 repeat;
	visibility : visible;

}

.tabheadSmall {
	color: #cccccc;
	
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 14pt;
	font-weight : normal;
	text-align : Center;
	border: 0pt solid #000000;
	padding-bottom : 0px;
	padding-left : 10px;
	padding-right : 2px;
	padding-top : 0px;
	background: url(Img/topBgsmall.png) #000000 repeat;
	visibility : visible;
}


.tabdata {
	
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-weight : normal;
	text-align : left;

	padding-bottom : 3px;
	padding-left : 10px;
	padding-right : 2px;
	padding-top : 3px;
	background: #000000 url(Img/tabbg.png) repeat-x;
	visibility : visible;
  color: #000000
  	border : 1px solid #FFFFFf;
}

.Mapdata {
	color: #000000;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12pt;
	font-weight : bold;
	text-align : left;
	border: 0pt solid #000000;
	padding-bottom : 3px;
	padding-left : 10px;
	padding-right : 2px;
	padding-top : 3px;
	background : url(Img/TopBgsmall.png) left top repeat-x #f73f02;
	visibility : visible;
	background-color: #99CCFF;
}

/* --- menu styles ---
note:
	not all browsers render styles the same way so try out your style sheet
	on different browsers before publishing;
*/
/* level 0 inner */
.m0l0iout {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: none
	padding: 4px;
	color: #FF0000;
}
.m0l0iover {
	font: Bold 15px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	padding: 4px;
	color: #FFFFFF;
}

/* level 0 outer */
.m0l0oout {
	text-decoration : none;
	border : 1px solid #000000;
	background: #333333;
}
.m0l0oover {
	text-decoration : none;
	border : 1px solid #FFFFFf;
	background: #CCCCCC;
    text-align : Center;
}

/* level 1 inner */
.m0l1iout {
	font: 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 4px;
	color: #000000;
}
.m0l1iover {
	font: bold 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration : none;
	padding: 4px;
	color: #000000;
}

/* level 1 outer */
.m0l1oout {
	text-decoration : none;
	border : 1px solid #FFFFFF;
	background: #666666;
	filter: alpha(opacity=85);
	-moz-opacity: 85%;
}
.m0l1oover {
	text-decoration : none;
	border : 1px solid #FFFFFF;
	background: #5AE55A;
}

/* level 2 inner */
.m0l2iover {
	font: 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration : none;
	padding: 4px;
	color: #000000;
}

/* level 2 outer */
.m0l2oout {
	text-decoration : none;
	border : 1px solid #FFFFFF;
	background: #B44646;
}
.m0l2oover {
	text-decoration : none;
	border : 1px solid #FFFFFF;
	background: #E55A5A;