/* CSS Document */
body
 {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #010D25;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
 }
.width {
	width:100%;
	min-width:600px;
	
}
img {
	display: block;
	margin: 0px;
	padding: 0px;
	border: 0px none;
}
#opacity {
position:absolute;
display:inline;
height:20px;
	width:251px;
	background:#cccccc;
	filter:alpha(opacity=40);
-moz-opacity:0.4;
	opacity:0.4;
-khtml-opacity:0.4;
	padding:0px;
	left: 0px;
	top: 0px;
	margin: 0px;
	font-size: 0em;
}
#opacity2 {
	position:absolute;
	display:inline;
	height:20px;
	width:287px;
	background:#cccccc;
	filter:alpha(opacity=40);
-moz-opacity:0.4;
	opacity:0.4;
-khtml-opacity:0.4;
	padding:0px;
	left: 0px;
	top: 0px;
	margin:146px 0px 0px;
	overflow: hidden;
	border: none;
	font-size: 0em;
}
* html .minwidth {
	/*padding-left:600px;*/
	padding-left:600px;
}

* html .container1 {
	/*margin-left:-600px;*/
	margin-left:-600px;
	position:relative;
}

/*\*/
* html .minwidth, * html .container1, * html .content, * html .layout  {
	height:1px;
}
/**/
 
 #container
 {
	width: 100%;
	background-color: #FFFFFF;
	color: #333;
	text-align: left;
	padding: 0px;
	margin: 0px;
 }

 #top
 {
 /*padding: .5em;*/
 background-color: #000B21;
/* background-color: #ddd;*/
 background-image: url(images/righttileheader.jpg);
 border-bottom: 1px solid gray;
  height: 100%;
  white-space: nowrap;
 }

 #top h1
 {
 padding: 0;
 margin: 0;
 }

 #leftnav
 {
	float: left;
	width: 300px;
	margin: 0px;
	background-color: #CAC6BD;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	height: 100%;
	position: relative;
 }
#whitebox {
	height: 231px;
	position: relative;
	width: 100%;
	background-color: #CAC6BD;
	min-height: 231px;
}
 #content
 {
 	font-size: 12px;
	margin-left: 15px;
	padding: 1em 1em 1em 10px;
	max-width: 60em;
display: block;
background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3;
 }
 #content p {
	max-width: 600px;
	margin-left: 30px;
padding: 0px;
	margin-top: 7px;
	white-space: normal;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#contentgr
 {
	margin-left: 10px;
	padding: 1em 1em 1em 10px;
	min-height: 230px;
	height:100%;
	background-color: #CAC6BD;
	
 }
#contentgr p {
margin-left: 20px;
margin-top: 20px;
	font-size: 10px;
}
 #content a:link
{
	color: #336699;
}
#content a:visited
{
		color: #336699;
}
#content a:hover
{

	color: #CC6633;
}
#content a:active
{
color: #336699;
}

#content h6 {
	font-size: 14px;
	color: #CD7C00;
	margin: 0px 0px 0px 30px;
	padding: 0px;
	font-variant: small-caps;
	font-weight: normal;
}
#content h5 {
	font-size: 14px;
	color: #000000;
	margin: 0px 0px 0px 30px;
	padding: 0px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#content ol li {

font-size: 12px;
}
#content ul li {

font-size: 12px;
}
#footer
 {
	clear: both;
	margin: 0 7 0 0;
	padding: 2px 7px 2px 30px;
	color: #CCCCCC;
	border-top: 1px none gray;
	height: 22px;
	background-color: #000B21;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: none;
	width: 100%;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
 }
 #footer a:link,  #footer a:visited {
 color: #CCCCCC;

 }
 #orangebar {
	height: 3px;
	width: 283px;
	background-color: #CD7C00;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	border-top: 3px solid #FFFFFF;
	border-right: none #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
	border-left: none #FFFFFF;
	display: block;
 }

 #leftnav p { margin: 0 0 1em 0;
  }
  #leftnav img {
	margin: 0px;
	padding: 0px;
	float: right;
	border-top: thin none #FFFFFF;
	border-right: thin none #FFFFFF;
	border-bottom: thin solid #FFFFFF;
	border-left: thin solid #FFFFFF;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #094890;
	padding-top: 0px;
	padding-left: 0px;
	margin-top: 7px;

	margin-left: 15px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}


#navcontainer{
	margin: 0px;
	padding: 0px;
	height: 22px;
	text-align: right;
	white-space: nowrap;
	border: none;
}

#navcontainer  a:link
{
	padding: 0px;
	margin: 0px;
		height: 22px;
}

#navcontainer img {
	height: 22px;
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-right-style:none;
	border-left-width: thin;
	/*border-left-style: solid;*/
	border-left-style: none;
	/*border-left-color: #FFFFFF;*/
	border-top-style: none;
	border-bottom-style: none;
	
}
#nav_sm{
background-color: #336699;
	width: 125px;
	display: block;
	border-left-style: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
}
#nav_sm ul
{
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border: none;
	margin: 0px;
	padding: 0px;
}
#nav_sm #current{
background-color: #666666;
color: #ffffff;
}
#nav_sm a
{
display: block;
padding: 0px 0px 1px;
margin: 0px 0px 1px;
background-color: #CAC6BD;
border-bottom: 1px none #ffffff;
	color: #333333;
}
#nav_sm a:link
{
	color: #333333;
	margin: 0px;
	text-decoration: none;
	padding-left: 17px;
	font-weight: bold;
}

#nav_sm a:hover
{
	text-decoration: underline;
	font-weight: bold;
	color: #000B21;
}
#nav_sm a:active
{
	text-decoration: underline;
	font-weight: bold;
	color: #333333;
}
#navcontainer3{
	width: 251px;
	/*NOTE JACKIE the above line had been width:100% and is still that way on res_style.css */
	display: block;
	margin: 0px;
	padding: 0px;
	border: none;
}

#navcontainer3 ul
{
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border: none;
	margin: 0px;
	padding: 0px;
}
#navcontainer3 #current{
	background-color: #666666;
	color: #ffffff;
	
}
#navcontainer3 a
{
display: block;
padding: 7px;
margin: 0px;
background-color: #CAC6BD;
border-bottom: 1px solid #ffffff;
	color: #333333;
}
#navcontainer3 a:link
{
	color: #333333;
	margin: 0px;
	text-decoration: none;
	padding-left: 17px;
	font-weight: bold;
}

#navcontainer3 a:hover
{
	text-decoration: none;
	font-weight: bold;
	color: #000B21;
		background-color: #999999;
}
#navcontainer3 a:active
{
	text-decoration: none;
	font-weight: bold;
	color: #333333;
}

#navlist3  li 
{
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-weight: bold;
	font-size: 10px;
}

#navlist3 a:link
{
	color: #333333;
	text-decoration: none;
	padding-left: 17px;

}
#navlist3 a:visited
{
	color: #333333;
	text-decoration: none;
	padding-left: 17px;

}
#navlist3 a:hover
{
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	padding-left: 17px;
background-color: #999999;
}
#navsmlist li 
{
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-weight: bold;
}

#navsmlist a:link
{
	color: #333333;
	text-decoration: none;
	padding-left: 7px;

}
#navsmlist a:visited
{
	color: #333333;
	text-decoration: none;
	padding-left: 7px;

}
#navsmlist a:hover
{
	color: #333333;
	text-decoration: underline;
	font-weight: bold;
	padding-left: 7px;

}
.nobrdr {
	display: inline;
	margin: 0px;
	padding: 0px;
	border: none;
	vertical-align: bottom;
}
#cols {
	white-space: nowrap;
	display: block;
	float: left;
	height: auto;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: thin dotted #CC6666;
}
#pic_capt {
	clear: none;
	position: relative;
	border: none;
	font-size: 10px;
	padding: 0px;
	margin-left: 30px;
	margin-top: 30px;
	margin-bottom: 0px;
	display: block;
}

#pic_capt img{
	padding: 0px;
	margin: 0px 10px 0px 0px;
	border: none;
	clear: both;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }
/* hides from ie-mac  this clearfix is to fix the image coming out of the div issue\*/
*html .clearfix {height: 1%;}
/* end hide from ie mac */
.bld12 {
font-size: 12px;
	font-weight: bold;
	color: #000000;	
}
.bld {
font-size: 14px;
	font-weight: bold;
	color: #000000;	
}
.sm {
	font-size: 10px;
	color: #000000;
	padding: 0px 0px 0px 30px;
	margin: 0px;	
}
.sm2 {
	font-size: 10px;
	color: #000000;
	padding: 0px 0px 0px 0px;
	margin: 0px;	
}
#leftcol {

	width: 250;
	padding-left: 0px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	margin: 0px 0px 0px 30px;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-top-width: 0px;
}
#leftcolbord {
	width: 250;
	padding-left: 0px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	margin: 0px 0px 0px 30px;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-top-width: 0px;
	border-bottom-width: 2px;
	border-bottom-color: #FFFFFF;
}
#leftcol img {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: none;
}
#leftcol p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: none;
}

.orangecaps {
	font-size: 12px;
	font-variant: small-caps;
	color: #CD7C00;
}
#rpty {
	background-repeat: repeat-y;
}
.style3 {
	color: #000000;
	font-style: italic;
	font-weight: bold;
}
#orangebarsm {
	height: 2px;
	width: 280px;
	background-color: #CD7C00;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	border-top: 2px solid #FFFFFF;
	border-right: none #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	border-left: none #FFFFFF;
	display: block;
}
.smalldot {
list-style-type: none;
	list-style-image: url(images/dot.gif);
	list-style-position: outside;
	
}