@import url("layout.css");
/* 696- 800 */
body {
	font-family: trebuchet ms,Verdana, Arial, Helvetica, sans-serif;
	color: #00008B;
	font-size: 76%;
	height: 100%;
	max-height: 100%;
	color: #000;
	background-color: #777777;
	/*background-image: url('../images/backgrad.jpg');*/
	background-repeat: repeat-x;
	padding: 0px;
	overflow: auto;
}

#maincontainer{
	width: 950px;
	margin: 0 auto;	
	background-attachment: scroll;
}

#page_content{
		min-height:500px;

}

#container {
	background-image: url(bmg1.gif);
	background-repeat: repeat-y;
	background-attachment: scroll;
	margin-right: 0px;
	margin-left: 0px;
}

#horizontalmenu {
	text-align: right;
	background-color: #000000;
	font: 10px verdana, arial, sans-serif;
	color: #FFFFFF;
	margin-top: 0;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0;
	padding-top: 1px;
	padding-bottom: 1px;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	clear: both;
}

#masthead {
	/*width: 695px;*/
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: auto;
	background-color: #FFFFFF;
	border-width: 0px;

}

#footer {
	text-align: center;
	font-size: 10px;
	clear: both; /*width: 695px;*/;
	height:50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0;
	overflow: auto;
	background-color: #CCCCCC;
	background-image: url('../images/imgback.jpg');
}

#masthead img {
	border-width: 0px;

}

#navigation {
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	float: left;
	width: 250px;
	margin-top: 20px;
	background-color: #fff; /*position: relative;*/;
	clear: both;
	margin-left: 20px;
	overflow: auto;
	display: inline;
	background-color: #FFFFFF;
}

.normal {width:180px;}


.xboxctent {
	padding: 2px;
    display: block;
	background: #00007F;
	border-bottom-style: solid;
	border-bottom-color: #00007F;
	}
	
.xboxctentred {
	padding: 2px;
	display: block;
	background: #F70000;
	border-bottom-style: solid;
	border-bottom-color: #F70000;
}
.xboxinfo {
	padding: 2px;
	display: block;
	top: -20px;
}

.xboxcontentred.span{
	padding: 10px;
}

#content {
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	float: right; /*width: 515px;*/ /*width: 623px;*/;
	width: 660px;
	margin-top: 20px;
	/*margin-right: 20px;*/
	margin-left: 20px;
	padding: 0px;
	background-color: #fff;
	/*position: relative;*/
}

#contentlink {
    font-size: 11px; 
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	float: right;
	width: 598px;
	margin-top: 5px;
	margin-right: 2px;
	margin-left: 0;
	padding: 0px;
	background-color: #fff;
	/*position: relative;*/
}

#masthead img {
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#masthead p {
	font-size: 18px;
	text-align: right;
	margin-top: 30px;
	margin-right: 5px;
	font-family: "Times New Roman", Times, serif;
	color: #00039B;
	font-weight: bold;
}
#masthead span {
	margin: 0 10px 0 0;
	color: #6D6E8D;
	text-align: right;
	font: 11px verdana, arial, sans-serif;
	font-weight: normal;
}
/* Horizontal Menu Style */
#horizontalmenu p {
	margin-top: 5px;
	width: 940px;
    padding-right: 10px;
}
#horizontalmenu a {
	color: #C0C0C0;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 1px;
	cursor:hand;
}
#horizontalmenu a.language{
	color: #FF0000;
}
#horizontalmenu a:hover {
	/*background-color:#3366FF;*/
	background-color:#00007E;
    border: #FFFFFF 1px solid;
	padding-left: 5px;
	padding-right: 5px;
    padding-top: 2px;
	padding-bottom: 2px;
 	margin: 0px;
	color: #FFFFFF;;
}
#horizontalmenu a.language:hover{
	background-color:#FF0000;
    border: #FFFFFF 1px solid;
	padding-left: 5px;
	padding-right: 5px;
    padding-top: 2px;
	padding-bottom: 2px;
 	margin: 0px;
	color: #FFFFFF;;
}

/* Head Column styles */
#headcolumn_r p {
	font-size: 11px;
	margin: 7px;
}
/* Navigation Styles */
#navigation span {
	/*background: #FFFFFF;*/font: 11px Verdana, arial, sans-serif;
	font-weight: bold; /*color: #000000;*/;
	color: #FFFFFF;
	text-align: left;
}
#navigationlink span {
	margin: 0 0 0 2px;
	background: #00007E;
	font: 11px Verdana, arial, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	padding: 2px 2px 2px 4px;
	text-align: left;
}

/* menu Styles */
#menu1{
	margin: 2px;
}
#menugrp{
	 border:1px solid #999; 
	/*margin: 2px;*/
}

#menu1 a:visited {
	text-decoration: none;
	text-align: left;
	background-color: #FFFFFF;
	color: #333333;
	display: block;
	padding: 2px;
	/*margin-left: 4px;*/
	margin-left: 2px;
	margin-right: 1px;
	border-right: 4px solid #fff;
	border: 1px solid #fff;
}

#menu1 a {
	text-decoration: none;
	text-align: left;
	background-color: #FFFFFF;
	color: #333333;
	display: block;
	padding: 2px;
	margin-left: 2px;
	margin-right: 1px;
	border-right: 4px solid #fff;
	border: 1px solid #fff;
}
#menu1 a:hover {
	border: #194C66 1px solid;
	border-right: 4px #666666 solid;
}
#menu1  a:active{
	border: #ff0000 1px solid;
	border-right: 4px #ff0000 solid;
}
#menu2 a:visited {
	text-decoration: none;
	text-align: left;
	background-color: #FFFFFF;
	color: #004E98;
	display: block;
	padding: 2px;
	margin-left: 20px;
	border-right: 5px solid #fff;
	border: 1px solid #fff;
}

#menu2 a {
	text-decoration: none;
	text-align: left;
	background-color: #FFFFFF;
	color: #004E98;
	display: block;
	padding: 2px;
	margin-left: 20px;
	border-right: 5px solid #fff;
	border: 1px solid #fff;
}
#menu2 a:hover {
	border: #194C66 1px solid;
	border-right: 5px #004E98 solid;
}

#menu2  a:active{
	border: #ff0000 1px solid;
	border-right: 5px #ff0000 solid;
}

/* Styles for Footer */
#footer p {
	font-size: 1em;
	color: #555555;
	margin: 2px;
	padding: 5px;
}
#footer a {
	color: #555555;
	text-decoration: underline;
}
#footer a:hover {
	color: #555555;
	text-decoration: none;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}

.read {
	color: #FF0000;
}


/* Content Styles */

#box {display:block; width:250px; line-height:normal; letter-spacing:1px; font-family: times new roman, serif; font-size:16px; color:#000; border:1px solid #ddd; padding:5px; margin:2em auto;}
#cap {
	font: 16px arial, sans-serif;
	font-weight: bold;
	color: #000066;
	float: left;
	height: 18px;
	line-height: 18px;
	margin-top: 2px;
	margin-right: 1px;
}
* html #cap {margin-right:-2px; margin-top:3px;}

p {
  margin-top: 0px;
  margin-bottom: 8px;
}

#content p{
	margin-top: 0px;
	padding: 0px 15px 0px 5px;
	line-height: 18px;
	color: #000066;
}
#content a{
	text-decoration: none;
	color: #0033CC;
}
#content li{
	padding: 0 15px 0 0;
	line-height: 18px;
	color: #000066;
	margin-top: 5px;
}
.ident
{
	margin-left: 20px;
	line-height: 18px;
}
	
#content a:hover {
	color: #0033CC;
	text-decoration: underline;
}

h6 {
	margin: 0 10px 0 0;
	color: #555555;
	font-size: 14px;
	text-align: right;
	font-weight: normal;
}
h5 {
	margin: 0.5em 0 0 0;
	font-size: 12px;
	color: #0F2F55;
	font-weight: bold;
	padding-left: 5px;
}
h4 {
	margin: 0.5em 0 0 0;
	color: #996633;
	font: 15px arial, sans-serif;
	font-weight: bold;
	padding-left: 5px;
}
h3 {
	padding: 5px;
	font: 14px arial, sans-serif;
	font-weight: bold;
	color: #000000;
}
h2 {
	padding: 1px 5px 0px 5px;
	font: 16px arial, sans-serif;
	font-weight: bold;
	color: #000066;
}
h1 {
	padding: 1px 5px 0px 5px;
	font: 24px arial, sans-serif;
	font-weight: bold;
	color: #000066;
}

.copytext { 
	color: #666666; 
	font: 10px arial, verdana, sans-serif; 
	font-weight: bold 
}
.smalltext	
{
	color: #000000;
	font: 11px arial, verdana, sans-serif;
	font-weight: normal;
}
  
  
.extra {display:inline; float:left; text-decoration:none; margin:0 15px;}
.extra em {font-style:normal;}
.extra b {display:none;}
.extra em.txt {display:none;}
.extra .head {display:block; width:148px; height:40px;}
.extra .color1 {background:#9f7520;}
.extra .color2 {background:#880060;}
.extra .color3 {background:#8aaa7f;}
.extra .color4 {background:#666666;}
.extra .color5 {background:#6666FF;}
.extra .color6 {background:#669f69;}


.extra img {border:0; display:block;}
.extra em.mh2 {
	padding-left: 5px;
	margin: 0;
	color: #000;
	font-weight: normal;
	font-family: verdana, arial, sans-serif;
	font-size: 15px;
}
.extra em.mh3 {
	padding-left: 5px;
	margin: 0;
	color: #fff;
	font-weight: normal;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
}

.extra:hover {background:#fff; position:relative;cursor:pointer;}
.extra:hover b {display:block; position:absolute; top:40px; left:0; width:148px; background:#ccc; height:70px; opacity:0.7;}
.extra:hover .color1 b {background:#9f7520;}
.extra:hover .color2 b {background:#880060;}
.extra:hover .color3 b {background:#8aaa7f;}
.extra:hover .color4 b {background:#666666;}
.extra:hover .color5 b {background:#6666FF;}
.extra:hover .color6 b {background:#669f69;}


.extra:hover em.txt {display:block; position:absolute; top: 45px; width:155px; left:2px; right:2px; height:80px; color:#000; margin:0; line-height:1.2em;}

#info {height:70em;}

.arrow { display:inline; background:#6666FF float:left; text-decoration:none; margin:0 0px; position:relative;cursor:none;}
.arrow:hover{cursor:pointer}
.arrow:hover a
{
	font: 0px serif;
	color: #fff;
	display: inline;
	width: 60px;
	height: 24px;
	cursor: pointer;
	background: url('../images/NotUsed/arrow.gif') no-repeat;
	float: left;
	text-decoration: none;
	position: relative;
}
/*image shadow */
.out {
  display:block; 
  background:#bbb; 
  border:2px solid #ddd; 
  position:relative;
  margin:1em 0;
  }
.in2 {
  display:block; 
  background:#777; 
  border:1px solid #999; 
  position:relative;
  padding:1px;
  margin:1px;
  }
.in {
  background:#fff; 
  border:1px solid #555; 
  position:relative; 
  padding:1px;
  font-weight:normal;
  width:474px;
  height:155px;
  }
.ini1 {
  background:#fff; 
  border:1px solid #555; 
  position:relative; 
  padding:1px;
  font-weight:normal;
  width:208px;
  height:94px;
  }

.ltin {
  left:-4px;
  }
.tpin {
  top:-4px;
  }
.rtin {
  left:4px;
  }
  
  
.image {
	border: 5px;
	}
.imager {
	border: 5px;
	border-bottom: 2px #FF0000 solid;
	border-top: 2px #000066 solid;
	border-right: 2px #FF0000 solid;
	border-left: 2px #000066 solid;
}

.imagelink { padding:0;width:480px;}
.image1 {width:212px; padding:0;}
.logotext
{
	font-family: "Copperplate Gothic Bold";
	color: black;
	font-style: normal;
	font-size:14px;
}


.holder {width:210px; margin:5px; padding:1em; border:1px solid #ddd; float:left;}
.holder h2 {text-align:left;}
a.hid {color:#000; text-decoration:none; outline-style:none;}
a.hid em {display:none;}
a.hid:hover {text-decoration:none;}
a.hid:focus {background:#fff;}
a.hid:active {background:#fff;}
a.hid:focus span {display:none;}
a.hid:active span {display:none;}
a.hid:focus em {display:block; color:#555; width:100%; font-style:normal; cursor:default;}
a.hid:active em {display:block; color:#555; width:100%; font-style:normal; cursor:default;}
.clear {clear:both;}
#wordsright {
	float: right;
	top: 10px;
	right: 10px;
	height: 70px;
	width: 220px;
	background: #FFFF99;
	border: 1px #000066 solid;
	margin: 5px;
	padding: 5px;
}
#imgr {
	border-bottom: 1px #000066 solid;
	border-top: 1px #000066 solid;
	border-right: 1px #000066 solid;
	float: right;
	height: 180px;
	width: 240px;
}
#imgl {
	float: right;
	height: 180px;
	width: 240px;
	border-bottom: 1px #000066 solid;
	border-top: 1px #000066 solid;
	border-left: 1px #000066 solid;
}

#picl{
	float: left;
	height: 120px;
	width: 100px;
}
#picr{
	float: right;
	height: 70px;
	width: 120px;
}
#bioscroll {
		border-width: 0px;
	}
	
#bioscroll0 {
		border-width: 0px;
	}

	
#scroll{
		padding-top:5px;
		padding-left:20px;
		width:400px;
	}

#bioimg{
}

#card  { background-color: #cccccc; border: none; width: 300;}
#name  { display: block; font-size: 20pt; margin-left: 0; }
#title { display: block; margin-left: 20pt;}
#email { display: block; font-family: monospace; margin-left: 20pt;}
#phone { display: block; margin-left: 20pt;}

/* */

.xb7 {display:block; overflow:hidden; font-size:0;}

.xb6 {display:block; overflow:hidden; font-size:0;}

.xb5 {display:block; overflow:hidden; font-size:0;}

.xb4 {display:block; overflow:hidden; font-size:0;}

.xb3 {display:block; overflow:hidden; font-size:0;}

.xb2 {display:block; overflow:hidden; font-size:0;}

.xb1 {display:block; overflow:hidden; font-size:0;}
.xb6 {height:1px;}
.xb5 {height:1px;}
.xb4 {height:1px;}
.xb3 {height:1px;}
.xb2 {height:1px;}
.xb1 {height:1px;}
.xb7 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #fff;}

.xb6 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #fff;}

.xb5 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #fff;}

.xb4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #fff;}

.xb1 {margin:0 8px; background:#fff;}
.xb2 {margin:0 6px; background:#fff;}
.xb3 {margin:0 4px; background:#fff;}
.xb4 {margin:0 3px; background:#00007E; border-width:0 5px;}

.xb5 {
	margin: 0 2px;
	background: #00007E;
	border-width: 0 4px;
}
.xb6 {margin:0 2px; background:#00007E; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#00007E; border-width:0 3px; height:2px;} 


.xboxcontentTeam {
	display: block;
	background: #00007E;
	border: 3px solid #fff;
	border-width: 0 4px;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
}

.xboxmenucontent {
	border-color: #00007E;
	border: 1px;
	display: block;
}
#stylecenter {
	text-align: center;
	 padding-top:5px;
	padding-left:160px;
		width:200px;
}
/*=================== styles for top menu ======================*/
#topmenu {
	background-color: #FFFFFF;
	text-align: center;
	font-size: 1.2em;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
	color: inherit;
	border-bottom: 2px solid #AD6D6D;
}

#topmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#topmenu li {
	display: inline;
	list-style-type: none;
	padding: 0px;
	padding-right: 1em;
}

#topmenu li a { padding: 3px 10px; color: #004145;text-decoration: underline;
font-weight: bold;

}

/** highlights**/
div#highlights{
	margin: 2% 2% 0 2%;
	background: #E0EFF6;
}
#highlights a{
	text-decoration: none;
	color: #000066;
	font-weight: normal;
}
#highlights a:hover{
	text-decoration: underline;
}

#highlights p{
	padding: 5px 5px 5px 5px;
	color: #4D7CC1;
	font-weight: bold;
}


b.rbottom{display:block;background: #FFF}

b.rbottom{display:block;background: #FFF}

b.rtop{display:block;background: #FFF}
b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #E0EFF6}
b.rtop b{display:block;height: 1px;
    overflow: hidden; background: #E0EFF6}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rbottom b.r4{margin: 0 1px;height: 2px}

#multilanguage{
	font: 11px verdana, arial, sans-serif;
	width: 600px;
	padding: 15px 0 0 0;
	line-height: 15px;
}
#multilanguage div.off {
	color: #000;
	height: 21px;
	margin-right: 2px;
	line-height: 21px;
	padding: 0 20px;
	float: left;
	background: url(tabs_0.gif) repeat-x left bottom;
	/**border: 1px solid #ddd;**/
	border-bottom-color: #000;
	cursor: pointer;
	position: relative;
	z-index: 20;
}
#multilanguage div.on {
	color: #c00;
	padding: 0 20px;
	margin-right: 2px;
	margin-top: 1px;
	float: left;
	background: url(tabs_2.gif) repeat-x left bottom;
	/**border: 1px solid #000;**/
	cursor: pointer;
	border-bottom: 0;
	height: 21px;
	line-height: 20px;
	position: relative;
	z-index: 100;
}

div.hide {display:none; width:0; overflow:hidden;}
div.show {
	clear: left;
	background: #fff;
	width: 640px;
	margin-top: 0;
	/*top: -1px;*/
	border: 0px solid #000;
	padding: 0px;
	position: relative;
	z-index: 50;
	font: 11px verdana, arial, sans-serif;
	line-height: 18px;
	border-top-width: 3px;
	border-top-color: #000066;
}
div.show img {float:left; margin:0 10px 10px 0;}
.clear {clear:both;}




b.rtop b.r4{margin: 0 1px;height: 2px}


.extra {
	display: inline;
	font: normal normal bolder 100%;
	float: left;
	text-decoration: none;
	margin: 0 0 0 0;
	display: inline;
	position: relative;
	color: #C0C0C0;
}
.extra: span.txt {
	display: block;
	position: absolute;
	top: 0px;
	width: 250px;
	left: 0px;
	height: 50px;
	color: #C0C0C0;
	margin: 0;
	line-height: 1.5em;
}

#imagenav {
   position:relative;
   width: 250px;
	/*height: 252px;*/
	margin: 0 auto;
	margin-bottom: 1em;
}


#textnav  {
	position: absolute;
	top: 0;
	left: 0; /*background: url(opaque.png);*/;
	padding: 2px;
	display: block;
	color: #FFFFFF;
}