/* CSS Document */

/* Headers */

/* ----------banner for logo-------------- */

#banner {
text-align: left;
padding: 0px;
margin-top: 20px;
}

#banner img {padding:20px 0px;} 

#container {
width: 640px;
text-align: right;
margin-bottom: 10px;
margin: 0 auto;
}

/* Body & Main */

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #6a6a6a;
	text-align: center;
	background: #9FB0B2 url(images/background_top.gif) center top repeat-y;
/* part 1 of 2 centering hack */
	}
#roundlinks {
    padding: 0px;
	width: 635px;
	margin-top: 10px;
	margin-left: 0px;
	text-align:center;
	background: #f1f1f1;
	border: 1px solid #dedede;
	}
#content {
	padding: 32px;
	margin-top: 19px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	background: #e6e6e6;
	border: 5px solid #213740;
	text-align:left; /* part 2 of 2 centering hack */
	width: 640px; /* ie5win fudge begins */
	height: 100%;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 640px;
	height: 100%;
	}
html>body #content {
	width: 640px; /* ie5win fudge ends */
	height: 100%;
	}
/* Image Tags */

/* Here goes the right left content */

#scontainer{
  /*background-color:#0ff; */
  overflow:hidden;
  margin-left: 20px;
  width:600px;
}
#scontent{
  /*background-color:#0ff;*/
  width:392px;
  border-right:0px dotted #c7c7c7; 
  /* The width and color of the rail */
  margin-right: 8px; /* Hat tip to Ryan Brill */
  float:left;
}
li {
    font-size: 10px;
	color: #6a6a6a;
	}
#scontent a{   
	color: #6a6a6a;
	border-bottom: 1px dotted #6a6a6a;
	}
#scontent a:hover{   
	color: #6a6a6a;
	border-bottom: 1px solid #6a6a6a;
	}
#rail{
 /* background-color:#f00; */
  width:190px;
  padding-left: 9px;
  float:left;
  border-left:1px dotted #c7c7c7;
}

#scontainer img.left {
   padding: 1px;
   background: #efefef;
   border: 1px solid #c7c7c7;
   margin-right: 3px;
   float: left; 
   }
#scontainer img.clear {
   padding: 1px;
   background: #efefef;
   border: 1px solid #c7c7c7;
   }
#scontainer img {
   padding: 3px;
   background: #efefef;
   border: 1px dotted #c7c7c7;
   margin-right: 0px;
   }
#scontainer a img {
   padding: 3px;
   background: #efefef;
   border: 1px dotted #c7c7c7;
   }
#scontainer a:hover img {
   padding: 3px;
   background: #e9e9e9;
   border: 1px solid #c7c7c7;
   }

/* HERE BEGINS THE NAVIGATION TAB MENU CSS */
	
#ddcolortabs{
margin-left: 0px;
padding: 0;
margin-top: 10px;
margin-bottom: 0px;
margin-right: 0px;
width: 640px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 0px;
}

#ddcolortabs ul{
font: 9px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


#ddcolortabs a{
float:left;
color: white;
background: #325360 url(media/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(media/color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
background-color: #213740;
}

#ddcolortabs a:hover span{
background-color: #213740;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #213740;
}

/*
#ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #213740;
border-top: 1px solid #fff; Remove this to remove border between bar and tabs
} */
	
/* HERE ENDS THE NAVIGATION MENU */

.centeredImage
    {
    text-align:center;
    margin-top:8px;
    margin-bottom:2px;
    padding:0px;
    }
.dots
    {
    text-align:center;
    margin-top:8px;
    margin-bottom:0px;
    padding:0px;
    }	
a {
	text-decoration: none;
	color: #6a6a6a;
	}
a:visited {
	}
a:active {
	}
a:hover {
	}
a img { 
    border: 0; 
    }
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}


p {
	font-size: 10px;
	line-height: 15px;
	text-align: left;
	padding-bottom: 10px;
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

/* Headers for text start here */

h1 {
	font-size: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 8px;
	line-height: 0px;
	}
h3 {
	font-size: 12px;
	line-height: 0px;
	padding-top: 8px;
	}
h4 {
	font-size: 9px;
	line-height: 0px;
	padding-top: 0px;
	}


/* Headers for text end here */
	
.img {
	border: 0;
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}
pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}
	html>body #content {
	width: 635px; /* ie5win fudge ends */
	height: 100%;
	}
li {
	font-size: 10px;
	margin-left: 0px;
	margin-bottom: 6px;
	padding-bottom: 0px;
	padding-left: 13px;
    background: url("listicon.gif");
    background-repeat: no-repeat;
    background-position: 0 .5em;
	} 

#list
{
   margin-left: 5px;
   padding-left: 0px;
   list-style: none;
}

#listbackground {
	padding-bottom: 7px;
	background: #ffffff;
	border: 0px solid #2b2b2b;
	margin-left: auto;
     margin-right: auto;
	text-align:left; /* part 2 of 2 centering hack */
	width: 380px; /* ie5win fudge begins */
}

/* CSS Menu */

#menu a, #menu a:visited {
  font-size: 12px;
  text-align:center;
  background-color:#fff; 
  color:#6a6a6a;
  width:8em; 
  padding-right:8px;
  margin-right: 10px;
  border-right:2px solid #c0c0c3;
  }
#menu a:hover {
  border-right:2px solid #6a6a6a;
  }

/* List Css */
#footer ul.external li {
	padding:13px;
	color: #333;
	width: 376px;
	margin-left: 80px;
	list-style:none;
	font:13px Verdana;
	border-bottom:1px dotted #e5e5e5;
	border-top:1px dotted #e5e5e5;
	margin-bottom:16px;
	background:url(../images/bullet_1.jpg) left no-repeat #f7f7f7;
}
#footer ul.external li a {
	color:#6a6a6a;
	text-decoration:none;
}
#footer ul.external li a:hover {
	color:#6a6a6a;
	background: #f6f6f6;
}
#footerinfo {
	padding: 0px;
    font-size: 9px;
	line-height: 12px;
    color: #e6e6e6;
	margin-top: 5px;
	margin-bottom: 40px;
	margin-right: -65px;
    text-align: left;
	}
#footerinfo a {
	padding: 0px;
    font-size: 9px;
	line-height: 12px;
    color: #e6e6e6;
	margin-top: 0;
	margin-bottom: 0;
	}
#footerinfo a:hover {
	padding: 0px;
    font-size: 9px;
	line-height: 12px;
    color: #e6e6e6;
	border-bottom: 1px dotted #e6e6e6;
	margin-top: 0;
	margin-bottom: 0;
	}
#footerinfo img {
   padding: 3px;
   background: #efefef;
   border: 1px dotted #c7c7c7;
   margin-right: 6px;
   margin-top: 3px;
   }
   
   /* Blockquote */
blockquote {
  margin: 0;
  padding: 20px;
  color: #6a6a6a;
  background: #efefef;
  margin-bottom: 5px;
  margin-top: 5px;
  border: 1px solid #c7c7c7;
 }