/*********** general elements *************/

body
{
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
	color: #000;
  font-family: arial, helvetica, verdana, tahoma, sans-serif;
	font-size: 100%;
	background-color: #EEEEEE;
	line-height: 140%;
}

a
{
	color: #0000FF;
	text-decoration: none;
}

a:hover
{
	color: #FF6600;
	text-decoration: none;
}

#content
{
	margin: 0 auto;
	width: 740px;
	padding: 20px 10px;
	border: 1px solid #B5B5B5;
	border-top: 0px;
	border-bottom: 0px;
	background: #FFF;
}

#content h2
{
	color: #666;
	padding-bottom: 3px;
	border-bottom: 1px solid #A0C80E;
	font-family: helvetica, arial, verdana, tahoma, sans-serif;
	font-size: 200%;
	letter-spacing: -1px;
}

/******** header, photo is 760px by 250px **********/

#headercontainer
{
	width: 100%;
	background: #242424;
}

#header
{
	margin: 0 auto;
	width: 760px;
	height: 250px;
	border: 1px solid #6F6F6F;
	border-top: 0px;
	border-bottom: 0px;
	background: #242424;
}

#img-header 
{
  clear: both; 
	float: left; 
	width: 760px; 
	height: 250px; 
	margin: 0px; 
	padding: 0px; 
	padding-left: 0px;
}

#header-photo-text
{
	font-size: 10pt;
	font-style: italic;
}

/* the next 2 adjust the header for a 125px half-height photo */

#header-short
{
	margin: 0 auto;
	width: 760px;
	height: 125px;
	border: 1px solid #6F6F6F;
	border-top: 0px;
	border-bottom: 0px;
	background: #242424;
}

#img-header-short 
{
  clear: both;
	float: left; 
	width: 760px; 
	height: 125px; 
	margin: 0px; 
	padding: 0px; 
	padding-left: 0px;
}
	
/******* menu bar *******/

#menucontainer
{
	width: 100%;
	height: 28px;
	background: #FFDD0C;
	background-image:url('./img/menu-background.jpg');
	background-repeat:repeat-x;
}

#menu
{
	margin: 0 auto;
	width: 760px;
	background: #FFDD0C;
	border-right: 1px solid #95BC0E;
	font-size: 70%;
	font-weight: bold;
}

#navcontainer ul
{
	padding: 0;
	margin: 0;
	background-image:url('./img/menu-background.jpg');
	background-repeat:repeat-x;
	color:#000000; 
	float:left; 
	width:100%;
	border-left: 1px solid #95BC0E;
	letter-spacing: 1px;
}

#navcontainer ul li
{
	display: inline;
}

#navcontainer ul li a
{
	padding: 0.2em 1.5em;
	background-image:url('./img/menu-background.jpg');
	background-repeat:repeat-x;
	color: #000;
	text-decoration: none;
	float: left;
	border-right: 1px solid #95BC0E;
}

#navcontainer ul li a:hover
{
	background-image:url('./img/menu-hover.jpg');
	background-repeat:repeat-x;
	color: #485B06;
}

/********** footer ********/

#footer
{
	margin: 0 auto;
	width: 740px;
	text-align: center;
	color: #000000;
	letter-spacing: 0px;
	background: #FFDD0C url('./img/menu-background.jpg') repeat-x;
	border: 1px solid #A0C80E;
	font-family: helvetica, arial, verdana, tahoma, sans-serif;
	font-size: 80%;
	padding: 3px 10px;
}

/******* images *******/

img 
{
	border: 1px solid #000000;
}

.right img
{
	position:relative;
	float:right;
	padding:0 0 0 0;
	margin:5px 2px 2px 10px;
}

.left img
{
	position:relative;
	float:left;
	padding:0 0 0 0;
	margin:5px 10px 0 2px;
}

/* 125px photo box */

div.photoboxRight125, div.photoboxLeft125
{
	width: 125px;
	margin: 10px;
	padding: 18px;
	font-size: 14px;
	font-style: italic;
	float: right;
	text-align: left;
	border-left: 1px dotted #cccccc;
}

div.photoboxLeft125
{
	float: left;
	border-left: 0px;
	border-right: 1px dotted #cccccc;
}

div.photoboxRight125 div.small, div.photoboxLeft125 div.small
{
	font-size: 11px;
	font-style: normal;
	text-align: right;
	color: #000000;
}

/* 250px photo box */

div.photoboxRight250, div.photoboxLeft250
{
	width: 250px;
	margin: 10px;
	padding: 18px;
	font-size: 14px;
	font-style: italic;
	float: right;
	text-align: left;
	border-left: 1px dotted #cccccc;
}

div.photoboxLeft250
{
	float: left;
	border-left: 0px;
	border-right: 1px dotted #cccccc;
}

div.photoboxRight250 div.small, div.photoboxLeft250 div.small
{
	font-size: 11px;
	font-style: normal;
	text-align: right;
	color: #000000;
}

/* 350px photo box */

div.photoboxRight350, div.photoboxLeft350
{
	width: 350px;
	margin: 10px;
	padding: 18px;
	font-size: 14px;
	font-style: italic;
	float: right;
	text-align: left;
	border-left: 1px dotted #cccccc;
}

div.photoboxLeft350
{
	float: left;
	border-left: 0px;
	border-right: 1px dotted #cccccc;
}

div.photoboxRight350 div.small, div.photoboxLeft350 div.small
{
	font-size: 11px;
	font-style: normal;
	text-align: right;
	color: #000000;
}

/* 650px centered photo box */

div.photobox650
{
	width: 650px;
	margin: 10px;
	padding: 15px;
	font-size: 14px;
	font-style: italic;
	text-align: left;
	border-left: 0px;	
}

div.photobox650 div.small
{
	font-size: 11px;
	font-style: normal;
	text-align: right;
	color: #000000;
}

/* thumbnail image links */

.thumbnail, .pullout 
{
	float: left;
	background: url('./img/thumbnail_shadow.gif') no-repeat bottom right;
	margin: 5px 0px 0px 6px;
 	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
}

.thumbnail img, .pullout img 
{
	 background-color: #fff;
	 border: 1px solid #a9a9a9;
	 display: block;
	 margin: -5px 5px 5px -5px;
	 padding: 4px;
	 position: relative;
}

.thumbnail img:hover, .thumbnail:hover img, .pullout:hover img 
{
	background-color: #ccd;
}

.pullout
{
	margin: 13px 3px 3px 14px;
	background-image: url(./img/thumbnail_shadow_white.gif);
}

/******* right side blue text boxes ******/

.box_right 
{
	position:relative;
	float:right;
	clear:both;
	width:200px;
	margin:0 0 5px 10px;
	padding:0 10px 0 10px;
	background:#D0DEF6;
	color:#465670;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
}

.box_right p 
{
	margin:5px 5px;
}

.box_cnr_top 
{
	background:url(./img/cnr_tr.gif) no-repeat top right;
	margin:0 -10px 0 -10px;
}

.box_cnr_bottom
{
	background:url(./img/cnr_br.gif) no-repeat top right;
	margin:0 -10px 0 -10px;
}

img.cnr 
{
	width:8px;
	height:8px;
	border:none;
	display: block !important;
}

/******* left side blue text boxes ******/

.box_left 
{
	position:relative;
	float:left;
	clear:both;
	width:200px;
	margin:5px 10px 5px 10px;
	padding:0 10px 0 10px;
	background:#D0DEF6;
	color:#465670;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
}

.box_left p 
{
	margin:5px 5px;
}

.box_cnr_top 
{
	background:url(./img/cnr_tr.gif) no-repeat top right;
	margin:0 -10px 0 -10px;
}

.box_cnr_bottom 
{
	background:url(./img/cnr_br.gif) no-repeat top right;
	margin:0 -10px 0 -10px;
}

img.cnr 
{
	width:8px;
	height:8px;
	border:none;
	display: block !important;
}

/******** quote text areas *************/

div.quoteRight, div.quoteLeft
{
	width: 175px;
	margin: 10px;
	padding: 18px;
	font-size: 18px;
	float: right;
	text-align: left;
	border-left: 1px dotted #cccccc;
}

div.quoteLeft
{
	float: left;
	border-left: 0px;
	border-right: 1px dotted #cccccc;
}

div.quoteRight div.small, div.quoteLeft div.small
{
	font-size: 11px;
	text-align: right;
	color: #000000;
}

/********** lists **********/			  

ul.noindent 
{
	margin: 0px 0px 7px 15px; 
	padding: 0px; 
	list-style-type: disc; 
	list-style-position: outside; 
	font-size: 100%;
}

ul.indent 
{
	margin: 0px 0px 7px 15px; 
	padding: 0px 0px 0px 15px; 
	list-style-type: disc; 
  font-family: arial, helvetica, verdana, tahoma, sans-serif; 
	font-size: 100%;
}

ol 
{
	margin: 0px 0px 0px 9px; 
	padding: 0px 0px 0px 25px; 
	list-style-type: decimal; 
	list-style-position: outside;
  font-family: arial, helvetica, verdana, tahoma, sans-serif; 
	font-size: 100%;
}

/******** blockquote with yellow background ************/

.blockquote 
{
	margin:1em;
	padding:.5em;
	font-size:.9em;
	background-color:#FFFFCC;
	border-top:1px solid #FFCC66;
	border-bottom:1px solid #FFCC66;
	border-right:1px solid #FFCC66;
	border-left:1px solid #FFCC66;
}

.blockquote p 
{
	margin:.2em;
}

/********* tables ***********/

.table 
{
	clear: left; 
	margin: 0.5em 0px 0.2em 30px; 
	border: solid 1px rgb(150,150,150); 
	empty-cells: show; 
	border-collapse: collapse; 
	background-color: rgb(233,232,244);
}

.table tr 
{
	margin: 0px;
	padding: 0px;
}

.table td 
{
	padding: 2px 7px 2px 7px;
	border: solid 1px rgb(150,150,150); 
	text-align: left; 
	font-size: 100%;
}

.table th 
{
	margin: 0px; 
	padding: 2px 7px 2px 7px; 
	border: solid 1px rgb(150,150,150); 
	empty-cells: show; 
	text-align: left; 
	font-size: 100%; 	
}

.table-caption 
{
	margin: 0.5em 0px 1.0em 30px;
	padding: 0px; 
	clear: both; 
	text-align: left; 
	font-size: 100%;
}

/****** various *******/

pre
{
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
	color: #000;
  font-family: arial, helvetica, verdana, tahoma, sans-serif;
	font-size: 100%;
	background-color: #FFFFFF;
	line-height: 140%;
}

p.readmore
{
	margin: 1.0em 0px 0.5em 0px;
	padding: 0px;
	line-height: 1.2em;
	font-size: 80%;
}

.back-to-top
{
font-size:0.9em;
text-align:center;
}

/* Experimental bar graph
---------------------------
*/

    #vertgraph {                    
        width: 378px; 
        height: 207px; 
        position: relative; 
        background: url("g_backbar.gif") no-repeat; 
    }
    #vertgraph ul { 
        width: 378px; 
        height: 207px; 
        margin: 0; 
        padding: 0; 
    }
    #vertgraph ul li {  
        position: absolute; 
        width: 28px; 
        height: 160px; 
        bottom: 34px; 
        padding: 0 !important; 
        margin: 0 !important; 
        background: url("g_colorbar3.jpg") no-repeat !important;
        text-align: center; 
        font-weight: bold; 
        color: white; 
        line-height: 2.5em;
    }

    #vertgraph li.critical { left: 24px; background-position: 0px bottom !important; }
    #vertgraph li.high { left: 101px; background-position: -28px bottom !important; }
    #vertgraph li.medium { left: 176px; background-position: -56px bottom !important; }
    #vertgraph li.low { left: 251px; background-position: -84px bottom !important; }
    #vertgraph li.info { left: 327px; background-position: -112px bottom !important; }
		
/* End */