/* Style properties for HTML elements based on the HTML 4.01 Specification.
   <http://www.w3.org/TR/html401/cover.html#toc>

   Blank version of this stylesheet:
   <http://www.webproducer.at/lab/elements.css>
*/

/* Section 7.5: The document body */
body {
	margin: 0;
	padding: 1em;
	min-width: 50em;
	font-family: "Trebuchet MS", "Luxi Sans", "Helvetica", sans-serif;
	color: #444;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.2em;
	background-image: url(../images/backgrounds/dk-blue.png);
	background-color:#FFFFFF;
	

}

h1{
color:#36445A;
text-align:right;
 font-weight:990;
 margin-top:0px;
 padding-top:0px;
 margin-bottom:0px;
 padding-right:0px;
 letter-spacing:-2px;
 font-size:1.8em;
 
}
.right {
	float:right; 
	 margin: 2.0em 0; /* 16px 0 */
	
	} 
h1 span{
 color:#97AAC6;
}

h2 {
   font-size: 1.2em; /* px */
   text-transform: uppercase;
   letter-spacing: 1em;
  line-height: 1em; /* 21px  */
  margin: 1em 0;
}
h3 {
   font-size: 1.1em; /* px */
  font-style: italic;
    line-height: 1.2em; /* px */
    margin: 1em 0;
}
h4 {
	text-transform: uppercase;
	font-size: 1em; /* 12px 1em*/
	letter-spacing: .4em;
	  margin: 1em 0;

}
 h5 {
  font-size: 1.1em; /* 10px  1.2em = 12px */ 
    font-style: italic;
	
  line-height: 1.2em; /* px */
   margin: 1em 0;
}


h6 {
  font-style: italic;
  font-size: .75em; /* 9px */
  line-height: 1em; /* 18px */
    margin: 1em 0;
}



/* FOOTER *********************************************************/

#footer
{

text-align: center;
font-size: 12px ; font-family: Arial, Helvetica, sans-serif;  
}
/* Section 9: Text */
/* 9.2: Structured text */
em {}
strong {}
dfn {}
code {
  font-family: "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace;  /* [3] */
}

blockquote {
	font-size: 12px;
	color: #483D8B;
	border: 1px dotted #B6B8C8;
	padding: 2px;
	line-height: normal;
	background-color: #FCF2E8;
}
.box1 {
background:#829900;
color:#fff; padding: 5px;
height: 140px;
width: 340px;
margin-top: 5px;
margin-right: auto;
margin-bottom: 5px;
margin-left: auto;
}

.dropcap
{
float: left;
width: .7em;
font-size: 4em;
line-height: 83%;
}

/* End of 9.2 */
P {

}

pre {
  font-family: "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace;  /* [3] */
}

/* Section 10: Lists */
ul {
  margin: 1em 0;
  padding: 0 0 0 2.5em; list-style: circle;
}
ul ul {
  margin: 0;
  padding: 0 0 0 1.25em;
}
ol {
  margin: 1em;
  padding: 0 2em;
}
ol ol {
  margin: 0;
}
li {
  margin: 0;
  padding: 0;  
}
dl {}


/* Section 11: Tables */
table {}
caption {}
thead {}
tfoot {}
tbody {}
colgroup {}
col {}
tr {}
th {}
td {}

/* Section 12.2:  The A element */
a:link {
	color: #555;
}
a:visited {color: #666;
}
a:link:hover {} 
/* [4] */
a:visited:hover {}
a:active {}
a:focus {}
a:focus:hover { color: #000;}


/*new nav*/
#navcontainer
{
width: 12em;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family:  verdana, sans-serif;
font-size: 10px;
background-color:#fff;
color: #536D94;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;

}

#navcontainer li
{
border-bottom: 1px solid #444444;
margin: 0;
 list-style-type:none;


}

#navcontainer li a
{
display: block;
padding: 5px 5px 5px 0.5em;
background-color: #ffffff;
color: #000;
text-decoration: none;
width: 100%;

}

#navcontainer li a { width: auto;}

#navcontainer li a:hover
{
border-right: 3px solid #536D94;
background-color: #F0F3F6;
color: #000;
}
/* Section 13: Objects, Images, and Applets */
/*img {
	border: 1px dotted #B6B8C8;
	caption-side:bottom; display:compact;   
}*/

.floatleft
{
float: left;
width: 125px;
margin: 0 0 0px 0px;
background-color: #fff;
padding: 1px;
border-top: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
font-size: 10px; line-height: normal
}

div.floatleft img
{
border-top: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;

}
.caption
{
float: right; 
width: 155px;
margin: 0 0 5px 5px;
background-color: #fff;
padding: 6px;
border-top: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
font-size: 12px; line-height: normal; 
}

div.caption img
{
border-top: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;

}

object {}
applet {}

/* Section 15: Alignment, font styles, and horizontal rules */
/* 15.2: Fonts "[...] their use is discouraged in favor of style sheets." */
tt {}
i {}
b {}
big {}
small {
font-size: 10px;}
/* End of 15.2 */
hr {}

/* Section 16: Frames */
iframe {}

/* Section 17: Forms */
form {}
input {}
input:focus {}
button {}
button:focus {}
select {}
select:focus {}
optgroup {}
option {}
textarea {}
textarea:focus {}
label {}
fieldset {}
legend {}

/*
  [1] All calculations are based on the assumption that 1em is 12px.
  [2] If you specify a font-size, also consider to specify a line-height property.
  [3] If you don't specify something other than monospace, mozilla will calculate
      its own font-size based on the user preferences.
  [4] "... prevents hover styles from being applied to non-hyperlink anchors."
      <http://devedge.netscape.com/viewsource/2003/arbitrary-hover/>
*/
/* horizontal header slide tabs */
#navheader {
	position: relative;
	margin :0 auto;
	width: 100%;
	height: 30px;
	padding: 0;
	border-bottom: 1px solid #536D94;
	z-index:0;}
#navheader li {
	z-index: 3;
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	font: .8em/30px verdana;}
#navheader li a {
	display: block;
	padding: 0 10px;
	text-decoration: none;
	color: #333;}
#navheader li a:hover {
	color: #999;}
#navheader li.current {
	z-index: 1;
	background: transparent url(current_bg.gif) repeat-x bottom;}
#slider {
	z-index: 2;
	position: absolute;
	height: 29px;
	border-bottom: 5px solid #36445A;}
/* end horizontal header slide tabs */

#gallery{text-align:center}
#gallery p{display:inline}
#gallery span{margin:0 5px 5px 5px; vertical-align:top; width: 150px; display:table-cell; display:inline-table; display:inline-block}
#gallery p img{margin:5px; border-top: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;}
