/*        Beginning of CSS "siran_style.css"         */
/**********************Changelog**********************/
/* Last update 03/13/08 - added menu title bar style */
/*                      - added body bar style       */
/*             03/17/08 - made this validate green   */
/*                      - removed non-standard header*/
/*             04/15/08 - changed fonts on "h" tags  */
/*             04/16/08 - changed fonts on "li" tag  */
/*             05/15/08 - changed background to white*/
/*             05/20/08 - made text lowercase        */
/*             05/30/08 - added a top table style    */
/*             06/01/08 - changed background color   */
/*             06/04/08 - optimizing webspace, had to*/
/*                        rename 2 files here        */
/*                      - changed the text color for */
/*                        the "p" tag                */
/*             07/13/08 - changed the color scheme   */
/*             08/14/08 - started my "div" work      */
/*             08/15/08 - eliminated the tables      */
/*             09/29/08 - added a new div style for  */
/*                        the status legend display  */
/*             09/02/09 - added a second div header  */
/*                        class                      */
/*****************************************************/

/* The default body text style for the whole website */
body {
 background-color: #000000;
 color: #ffffff;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
 font-family: 'Arial', 'Veranda', 'Helvetica';
 font-weight: normal;
 font-style: normal;
}

/* Customized headers */
h1 {
 color: #33ccff;
 font-family: 'Arial', 'Veranda', 'Helvetica';
 font-size: 1.5em;
 font-weight: bold;
 text-align: center;
 font-style: normal;
}

h2 {
 color: #ffffff;
 font-family: 'Arial', 'Veranda', 'Helvetica';
 font-size: 12pt;
 font-weight: bold;
 text-align: center;
 font-style: normal;
}

h3 {
 color: #ff0000;
 font-family: 'Arial', 'Veranda', 'Helvetica';
 font-size: 1em;
 font-weight: normal;
 text-align: left;
 font-style: normal;
}

h4 {
 color: #ff003c;
 font-family: 'Arial', 'Veranda', 'Helvetica';
 font-size: 1em;
 font-weight: normal;
 text-align: center;
 font-style: normal;
}

h5 {
 color: #ffffff;
 font-family: 'Arial', 'Veranda', 'Helvetica';
 font-size: 12pt;
 font-weight: bold;
 text-align: center;
 font-style: normal;
}

h6 {
 color: #33ccff;
 font-family: 'Arial', 'Veranda', 'Helvetica';
 font-size: 12pt;
 font-weight: bold;
 text-align: center;
 font-style: normal;
}

/* Customized Horizontal Rule (unknown use) */
hr {
 color: #cc9900;
}

/* Customized "P" tag (unused) */
p {
 color: #ffffff;
 font-family: 'Arial', 'Veranda', 'Helvetica';
 font-size: 1em;
 font-style: normal;
}

/* Customized "LI" tage (unused) */
li{
 font-family: 'Arial', 'Veranda', 'Helvetica';
 font-size: 1em;
 font-weight: normal;
 font-style: normal;
}

/* Customized "A" tag (used extensively) */
a:link{
 color: #cc9933;
 font-family: 'Arial', 'Veranda', 'Helvetica';
 font-size: 1em;
 font-style: normal;
 text-decoration: none;
}

a:visited{
 color: #cc9933;
 font-family: 'Arial', 'Veranda', 'Helvetica';
 font-size: 1em;
 font-style: normal;
 text-decoration: none;
}

a:hover{
 color: #ffcc66;
 font-family: 'Arial', 'Veranda', 'Helvetica';
 font-size: 1em;
 font-style: normal;
 text-decoration: none;
}

a:active{
 color: #cc9933;
 font-family: 'Arial', 'Veranda', 'Helvetica';
 font-size: 1em;
 font-style: normal;
 text-decoration: none;
}

/* tab creation */
.container {width: 720px; margin: 10px auto;}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #999999;
	overflow: hidden;
	position: relative;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}
ul.tabs li a {
	text-decoration: none;
	color: #fff; /*#000;*/
	display: block;
	font-size: 1em;
	padding: 0 20px;
	border: 1px solid #222222; /*#fff;*/
	outline: none;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}
ul.tabs li a:hover {
	background-color:#ccc;
	color:#000;/*#333;*/
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #222222; /*#fff;*/
	border-bottom: 1px solid #222222;
	color:#fff;
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #222222;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 20px;
	font-size: 1em;
	color:#fff;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}

.curtop {
-moz-border-radius:0px 0px 15px 15px;
-o-border-radius:0px 0px 15px 15px;
-webkit-border-radius:0px 0px 15px 15px;
border-radius:0px 0px 15px 15px;
}

.curbot {
-moz-border-radius:15px 15px 0px 0px;
-o-border-radius:15px 15px 0px 0px;
-webkit-border-radius:15px 15px 0px 0px;
border-radius:15px 15px 0px 0px;
}

/* Customized "divs" (used for main page "header" section) */
#header {
 float: left;
 margin-top: 1%;
 margin-left: 5%; /*10%; /*13%;*/
 width: 90%; /*80.2%; /*74.2%;*/
 border-width: 1px;
 border-style: solid;
 border-color: #ffffff;
/* -moz-border-radius: 15px;
 border-radius: 15px; */
-moz-box-shadow: 5px 5px 5px #555555; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 5px 5px 5px #555555; /* Safari */
box-shadow: 5px 5px 5px #555555;
 text-align: center;
 background: #666666;
}

/* Customized "divs" (used for main page "header" section) */
#header2 {
 float: left;
 margin-top: 1%;
 margin-left: 13%;
 width: 74.2%;
 border-width: 1px;
 border-style: solid;
 border-color: #ffffff;
 -moz-border-radius: 15px;
 border-radius: 15px;
 text-align: center;
 background: #666666;
}

/* Customized "divs" (used for main page "header" section) */
#header3 {
 float: left;
 margin-top: 1%;
 margin-left: 2.5%; /*13%;*/
 width: 95%; /*74.2%;*/
 border-width: 1px;
 border-style: solid;
 border-color: #ffffff;
 text-align: center;
 background: #666666;
}

/* Customized "divs" (used for main page "left column" section) */
#leftcol {
 float: left;
 margin-top: 1%;
 margin-left: 5%; /*10%; /*13%;*/
 width: 30%; /*25%; /*20%;*/
 -moz-border-radius: 15px;
 border-radius: 15px;
 height: auto;
 text-align: center;
 background: transparent;
}

/* Customized "divs" (used for main page "right column" section) */
#rightcol {
 float: right;
 margin-top: 1%;
 margin-right: 4.8%; /*9.6%; /*12.6%;*/
 width: 59.5%; /*55%; /*53.4%;*/
 height: auto;
 text-align: center;
 background: transparent;
}

/* Customized "divs" (used for log utilities page "left column" section) */
#uleftcol {
 float: left;
 margin-top: 1%;
 margin-left: 5%;
 width: 45%;
 -moz-border-radius: 15px;
 border-radius: 15px;
 height: auto;
 text-align: left;
 background: transparent;
}

/* Customized "divs" (used for log utilities page "right column" section) */
#urightcol {
 float: right;
 margin-top: 1%;
 margin-left: 5%;
 width: 45%;
 height: auto;
 text-align: left;
 background: transparent;
}

/* Customized "divs" (used for main page "content" section) */
#content {
 float: left;
 width: 70%;
 height: auto;
 margin-left: 1%;
 margin-top: 3%;
 background: transparent;
}

/* Customized "divs" (used for main page "footer" section) */
#footer {
 clear: both;
 margin-top: 1%;
 margin-left: 10%; /*20%;*/
 width: 80%; /*60%;*/
 text-align: center;
 background: transparent;
}

/* Customized "divs" (used for main page "footer two" section) */
#footer2 {
 clear: both;
 margin-top: 1%;
 margin-left: 10%; /*20%;*/
 width: 80%; /*60%;*/
 text-align: left;
 background: transparent;
}

/* Customized "divs" (used for sub page "footer" section) */
#footer3 {
 clear: both;
 margin-top: 1%;
 margin-left: 13%;
 width: 74.2%;
 text-align: center;
 background: transparent;
}

/* Customized "divs" (used for sub page "header" display) */
.header1 {
 border-width: 1px;
 border-style: solid;
 border-color: #ffffff;
 -moz-border-radius: 15px 15px 0px 0px;
 border-radius: 15px 15px 0px 0px;
-moz-box-shadow: 5px 5px 5px #333333; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 5px 5px 5px #333333; /* Safari */
box-shadow: 5px 5px 5px #333333;
 width: 98%;
 margin-left: 1%;
 margin-top: 1%;
 text-align: center;
 background: #333333;
}

/* Customized "divs" (used for sub page "header" display) */
.header2 {
 border-width: 1px;
 border-style: solid;
 border-color: #ffffff;
 -moz-border-radius: 15px 15px 0px 0px;
 border-radius: 15px 15px 0px 0px;
-moz-box-shadow: 5px 5px 5px #333333; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 5px 5px 5px #333333; /* Safari */
box-shadow: 5px 5px 5px #333333;
 width: 98%;
 margin-left: 1%;
 margin-top: 1%;
 text-align: left;
 background: #333333;
}

/* Customized "divs" (used for "left menu" display) */
.leftmenu {
 margin-top: 3.6%;
 border-width: 1px;
 border-style: solid;
 border-color: #ffffff;
 -moz-border-radius: 15px;
 border-radius: 15px;
-moz-box-shadow: 5px 5px 5px #555555; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 5px 5px 5px #555555; /* Safari */
box-shadow: 5px 5px 5px #555555;
 text-align: center;
 padding: 3px;
 background: #333333;
}

/* Customized "divs" (used for "right news" display) */
.rightnews {
 margin-top: 2%;
 border-width: 1px;
 border-style: solid;
 border-color: #ffffff;
 -moz-border-radius: 15px;
 border-radius: 15px;
-moz-box-shadow: 5px 5px 5px #555555; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 5px 5px 5px #555555; /* Safari */
box-shadow: 5px 5px 5px #555555;
 text-align: left;
 padding: 3px;
 background: #333333;
}

/* Customized "divs" (used for "left & right utilities" display) */
.uleftright {
 border-width: 0px 1px 0px 0px;
 border-style: solid;
 border-color: #ffffff;
 padding: 3px;
 background: #333333;
}

/* Customized "divs" (used for "left & right utilities" display) */
.urightleft {
 padding: 3px;
 background: #333333;
}

/* Customized "divs" (used for "content top" display) */
.contenttop {
 border-width: 1px;
 border-style: solid;
 border-color: #ffffff;
 -moz-border-radius: 15px;
 border-radius: 15px;
-moz-box-shadow: 5px 5px 5px #555555; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 5px 5px 5px #555555; /* Safari */
box-shadow: 5px 5px 5px #555555;
 text-align: center;
 padding: 3px;
 background-color: #666666;
}

/* Customized "divs" (used for sub page "content one" display) */
.content1 {
 border-width: 1px;
 border-style: solid;
 border-color: #ffffff;
-moz-box-shadow: 5px 5px 5px #333333; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 5px 5px 5px #333333; /* Safari */
box-shadow: 5px 5px 5px #333333;
 width: 97%;
 margin-bottom: 1%;
 margin-left: 1%;
 margin-top: 1%;
 text-align: left;
 padding: 3px;
 background: #333333;
}

/* Customized "divs" (used for sub page "content two" display) */
.content2 {
 border-width: 1px;
 border-style: solid;
 border-color: #ffffff;
 width: 99%;
 -moz-border-radius: 0px 0px 15px 15px;
 border-radius: 0px 0px 15px 15px;
 text-align: center;
 padding: 3px;
 background: #333333;
}

/* Customized "divs" (used for sub page "content three" display) */
.content3 {
 border-width: 1px;
 border-style: solid;
 border-color: #ffffff;
 width: 97%;
 margin-left: 1%;
 margin-top: 1%;
 text-align: center;
 padding: 3px;
 background: #333333;
}

/* Customized "divs" (used for sub page "content four" display) */
.content4 {
 border-width: 1px;
 border-style: solid;
 border-color: #ffffff;
 width: 97%;
 margin-bottom: 1%;
 margin-left: 1%;
 text-align: left;
 padding: 3px;
 background: #333333;
}

/* Customized "divs" (used for status legend display) */
.legend {
 border-width: 1px;
 border-style: solid;
 border-color: #996633;
 width: 80%; /*65%;*/
 margin-right: 1%;
 margin-left: 9%; /*15%;*/
 text-align: left;
 padding: 3px;
 background: #333333;
}

/* End of CSS "siran_style2.css" */