/* general */

    body{
	background: #6b0707 url(../images/bg-topx.jpg) repeat-x;
	/*color:#555;*/
	/*	line-height:120%;*/
	display: inline-block;
	line-height: normal;

	margin:0;
	padding:0;
	text-align:center;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 80%;
        }
	h1{
		font-size:200%;
		font-weight:normal;
		margin:0;
		padding-left:35px;
		padding-top:100px
		}		
	h2, h3, h4, h5, h6{
		font-weight:normal;
		margin:1em 0;
		}	
	h2{            
		font-size:160%;
		}	
	h3{          
		font-size:140%;
		}
	h4{          
		font-size:120%;
		}				
	a{
		text-decoration:none;
		/*color:#fff;*/
		}
	a:hover{
	/*color:#FF0000;*/
	text-decoration:underline;
		}							
	p{
		margin:1em 0;
		}		


/* // general */

/* page setup */
    #clear {
	  clear:both;
	
	}
	#container{	
		margin:0 auto;
		width:928px;
		text-align:left;
		

		}
	#header{
		height:252px;
		background:url(../images/bluetop4.jpg) no-repeat 0 0;
		
		}				
	#content{
	/*background:url(../images/bg_content.gif) repeat-y;*/
		background-color:#EEEEEE;
	padding: .5em 34px;
		}
	#footer{
	background:url(../images/footer-z.jpg) no-repeat 0 0;
	height:68px;
	clear:both;
	background-color: #EEEEEE;
	    }	
		#footer-bar{
	width: 928px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #900b0b;
	clear:both;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align:center;
	height:30px;
	    }	
	#sidebar2 {
	float: right;
	width: 210px; /* since this element is floated, a width must be given */
	background: #EEEEEE; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0;
}			

#bg2 {
	background: url(../images/bar-m.jpg) repeat-y center top;
	margin: 0 auto;
}
    
div.my_left_box{
	float: left;
	padding: 5px;
	width: 330px;
	border: 1px solid gray;
	margin-left: -1em;
}

div.my_right_box{
	float: right;
	padding: 5px;
	width: 330px;
	border: 1px solid gray;
	margin-right: 14em;
	
}

#virus {
	float: right;
	width: 210px;
	background: ; 
	padding: 0px 0;
	clear:both;
	margin-right: 10px;
	padding-top: 50px;
}


/* //page setup */

      #abovetext {
	position:relative;
	float: right;
	margin-right: 3em;
	margin-top: 1em;
	  }
	  
/*Navigation*/

ul#nav {
	height: 252px;
	width:1000px;
	margin: 0 auto;
	/*background: url(images/bluetop3.jpg) no-repeat left;*/
	list-style: none;
	padding-left:50px;
	/*display:inline;*/
 
}

 ul#nav li a {
	display: block;
	width: 112px;
	float: left;
	margin-top: 218px;
	color: #666666;
	font-weight:normal;
	font:Tahoma, Verdana;
	text-decoration: none;
}
        ul#nav li a:hover, ul#nav li a:active {
	color: #FFFFFF;
		}	  

#menubottom {
	width:618px;
	margin-top: 0px;
	margin-right: 514px;
	margin-left: auto;
	padding-left: 0px;
	height: 100%;
	padding-right: 0px;
	position: inherit;
}		

ul#navbottom {
	height: 26px;
	width:602px;
	margin: 0 auto;
	background: url(../images/grey-bottom.jpg) no-repeat left bottom;
	list-style: none;
	padding-left:50px;
 
}

ul#navbottom li a {
	display: block;
	width: 92px;
	float: left;
	margin-top: 36px;
	color: white;
	font-weight:bold;
	font:Arial, Helvetica, sans-serif;
	text-decoration: none;

}
        ul#navbottom li a:hover, ul#nav li a:active {
	color: #990000;
	
		}

/* News i.e. RSS-feed*/
 
 #Alert-I {
	margin-top: 0px;
	margin-right: 200px;
	margin-bottom: 0;
	margin-left: -1em;
	padding-right: 5px;
	height: 26px;
	width: 700px
 }
 
 
 
  #text1 {
	margin-top: 0px;
	margin-right: 200px;
	margin-bottom: 0;
	margin-left: -1em;
	padding-right: 5px;
	background-color: #EEEEEE;
	/*display: inline-block;
	line-height: normal;*/
    

	  }
	
#news {
	/*width: 546px;*/
	margin-top: 0px;
	margin-right: 200px;
	margin-bottom: 0;
	margin-left: 0em;
	padding-right: 5px;
	background-color: #EEEEEE;
}

#news1 {
	margin-top: 0px;
	margin-right: 200px;
	margin-bottom: 0;
	margin-left: 0em;
	padding-right: 5px;
	background-color: #EEEEEE;
}


#news-bru {
	margin-top: 0px;
	margin-right: 200px;
	margin-bottom: 0;
	margin-left: -1em;
	padding-right: 5px;
	background-color: #F1F1F1;
	
}

#news-it {
	margin-top: 0px;
	margin-right: 200px;
	margin-bottom: 0;
	margin-left: -1em;
	padding-right: 5px;
	background-color: #F1F1F1;
}

#news-tech {
	margin-top: 0px;
	margin-right: 350px;
	margin-bottom: 0;
	margin-left: 0em;
	padding-right: 5px;
	background-color: #F1F1F1;
}

#tablenews {
	/*width: 546px;*/
	margin-top: 0px;
	margin-right: 200px;
	margin-bottom: 0;
	margin-left: -1em;
	padding-right: 5px;
	background-color: #EEEEEE;
	width: 600px;
}

/* FOR MENU */

div.sdmenu {
	width: 200px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 10px;
	background: url(../images/bottom.gif) no-repeat  right bottom;
	color: #FFF;
}
div.sdmenu div {
	background: url(../images/title.gif) repeat-x;
	overflow: hidden;
}
div.sdmenu div:first-child {

}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
	display: block;
	padding: 5px 25px;
	font-weight: bold;
	color: white;
	background: url(../images/expanded.gif) no-repeat 10px center;
	cursor: default;
	border-bottom: 1px solid #ddd;
}
div.sdmenu div.collapsed span {
	background-image: url(../images/collapsed.gif);
}
div.sdmenu div a {
	padding: 5px 10px;
	background: #eee;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #066;
}
div.sdmenu div a.current {
	background : #ccc;
}
div.sdmenu div a:hover {
	background : #066 url(../images/linkarrow.gif) no-repeat right center;
	color: #fff;
	text-decoration: none;
}


/* FOR CERT MAP */


/**************** body and tag styles ****************/
	body
{
	font-family: sans-serif, Arial, Verdana, Helvetica;
	width: 100%;
	height: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	font-size: small;
}

	#column-content {
		width: 100%;
		float: right;
		margin: 0 0 .6em -12.2em;
		padding: 0;
	}
/* images */
div.floatright, table.floatright {
	clear: right;
	float: right;
	position: relative;
	margin: 0 0 .5em .5em;
	border: 0;
/*
	border: .5em solid white;
	border-width: .5em 0 .8em 1.4em;
*/
}
div.floatright p { font-style: italic; }
div.floatleft, table.floatleft {
	float: left;
	clear: left;
	position: relative;
	margin: 0 .5em .5em 0;
	border: 0;
/*
	margin: .3em .5em .5em 0;
	border: .5em solid white;
	border-width: .5em 1.4em .8em 0;
*/
}
div.floatleft p { font-style: italic; }
/* thumbnails */
div.thumb {
	margin-bottom: .5em;
	border-style: solid;
	border-color: white;
	width: auto;
}
div.thumbinner {
	border: 1px solid #ccc;
	padding: 3px !important;
	background-color: #f9f9f9;
	font-size: 94%;
	text-align: center;
	overflow: hidden;
}
html .thumbimage {
	border: 1px solid #ccc;
}
html .thumbcaption {
	border: none;
	text-align: left;
	line-height: 1.4em;
	padding: 3px !important;
	font-size: 94%;
}
div.magnify {
	float: right;
	border: none !important;
	background: none !important;
}
div.magnify a, div.magnify img {
	display: block;
	border: none !important;
	background: none !important;
}
div.tright {
	clear: right;
	float: right;
	border-width: .5em 0 .8em 1.4em;
}
div.tleft {
	float: left;
	clear: left;
	margin-right: .5em;
	border-width: .5em 1.4em .8em 0;
}

.hiddenStructure {
	display: none;
	speak: none;
}
img.tex {
	vertical-align: middle;
}
span.texhtml {
	font-family: serif;
}



/**************** display classes ****************/		

EM
{
	font-family:Times New Roman;
	font-weight: bold;
	font-style:normal;
	font-size:15px;
}

   
/**************** images styles ****************/		
	a img{
	  border: none;
	  }

	img.left,img.center,img.right {
	  padding: 4px;
	  border: 1px solid #a0a0a0;
	  }

	img.left {
	  float: left;
	  margin: 0 12px 5px 0;
	  }

	img.center {
	  display: block;
	  margin: 0 auto 5px auto;
	  }

	img.right {
	  float: right;
	  margin: 0 0 5px 12px;
	  }

	  

/**************** menu styles ****************/
    #tabs10 {
      float:left;
      width:100%;
      font-size:10px;
      line-height:normal;
      }
    #tabs10 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs10 a {
      float:left;
      background:url("../brucert1_XMB55/tableft10.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 2px;
      text-decoration:none;
      }
    #tabs10 a span {
      float:left;
      display:block;
      background:url("../brucert1_XMB55/tabright10.gif") no-repeat right top;
      padding:5px 6px 4px 4px;
      color:#FFF;
      }
    #tabs10 a span {
	  float:none;
	  }
    #tabs10 a:hover {
      background-position:0% -42px;
	  cursor:pointer;
       }
    #tabs10 a:hover span {
      background-position:100% -42px;
      }

/* RSS */

/* begin styles for RSS Feed */

.rss-box {
	 margin: 1em;
	 width: 158px;
	 background-color: white;
	 border: 1px solid #5F74CC;
	 
}
.rss-items
{
	margin-top: 0px;
	padding: 0.5em;
	margin-left: 0px;
	color: #000000;
}
p.rss-title {padding:0.5em;}
.rss-title
{
	text-decoration: none;
	font-family: verdana, sans-serif;
	font-size: 85%;
	background-color: darkgoldenrod;
	color: #ffffff;
	font-weight: bold;
	margin: 0px;
	padding: 0em;
	text-align: left;
}

.rss-item  {
  font-family: verdana, arial, sans-serif;
  font-size: 0.75em;
  font-weight : normal;
  list-style:none;
  padding-bottom:1em;
}

.rss-item a
{
	color: chocolate;
	font-size: 105%;
	font-weight: bold;
	font-family: arial, sans-serif;
}
	
.rss-item a:visited {

	color:#330066;
}

.rss-date
{
	font-size: 90%;
	font-weight: normal;
	color: #000000;
} 


.pod-play {
   margin: 0 0.2em; padding: 0.1em 0; 
   
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #fb6;
   color: black;
   }
.pod-play em {
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: #222;
   }
.pod-play span {
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.pod-play:hover {
   background: #666;
   color: white;
   }
.pod-play:hover em {
   background: black;
   color: white
   }
   

  textarea {
  color: #000000;
  border: 1px solid #000000;
  padding: 3px;
  }
	
.button {
  padding: 2px;
  background-color: #222222;
  color: #EEEEEE;
  border: 1px solid #000000;
  }
  
  select  {
  color: #000000;
  border: 1px solid #000000;
  padding: 0px;
  }
  
div.tooltipClassDefault
{
  font-family: Arial;
  color: black;
  font-size:11px;
  font-weight: normal;
  background-color: #FFFFE0;
  margin: 0;
  padding: 1px 3px 1px 3px;
  border: solid 1px black;
}

div.markerTooltip
{
  font-family: Arial;
  color: black;
  font-size:11px;
  font-weight: normal;
  background-color: #FFFFE0;
  margin: 0px;
  padding: 2px;
  border: solid 1px black;
}

div.tooltipClassHere
{
    font-family: Verdana;
    color: white;
    font-size:11px;
    font-weight: bold;
    background-color: green;
    margin: 0;
    padding: 1px 3px 1px 3px;
    border: solid 1px black;
} 

div.tooltipClassRoute
{
    font-family: Arial;
    color: black;
	font-size:11px;
	font-weight: normal;
    background-color: gainsboro;
    margin: 0;
    padding: 1px 3px 1px 3px;
    border: solid 1px black;
} 

div.tooltipClassVehicle
{
    font-family: Arial;
    color: black;
	  font-size:11px;
	  font-weight: normal;
    background-color: white;
    margin: 0;
    padding: 1px 3px 1px 3px;
    border: solid 1px black;
} 

A:link {
	text-decoration: underline;
	font-weight:normal;
	color: black;
}
A:visited {text-decoration: underline; font-weight:bold; color: darkblue;}
A:active {text-decoration: underline; font-weight:bold; color: red;}
A:hover {text-decoration:underline; font-weight:bold; color: red;}
A:focus { outline: 0; -moz-outline: none; }     

titleMenu:link
{
	text-decoration: none; font-weight:bold; color: White;
}

titleMenu:visited
{
	text-decoration: none; font-weight:bold; color: Gray;
}
	
titleMenu:active
{
	text-decoration: none; font-weight:bold; color: Yellow;
}
     
titleMenu:hover
{
	text-decoration: none; font-weight:bold; color: Yellow;
}
     
