@charset "utf-8";
/* CSS Document */

body {
/*	background-color: #6E6E6E;
	background-image: url(images/header_pic.jpg);*/
/*	margin: 0 auto;*/
/*	background-repeat: no-repeat;
	background-position: left top;*/
/*	padding: 0px;*/
	font-family: Arial, Helvetica, sans-serif;
}


div.wrapper {
	width: 714px;
/*   	margin-left: auto;
   	margin-right: auto;*/
}
#header {
/*	background-color: #333333;	
	
	background-image: url(images/content-bg.gif); */
/*	width: 1000px; */
	height: 200px;
	margin: 0 auto;
	
	background-repeat: no-repeat;
	margin-top: 0px;
	background-position: top;
	padding: 10px;
}



#container1 {

	background-image: url(images/bar.png); 
	background-repeat:repeat-x; 
	background-position: top;
	/*width: 820px;*/
	height: 300px;
/*	margin-right: 0px;
	margin-left: 0px;

	margin-top: 0px;*/
/*	position: absolute; top: 156px;*/
	
	z-index: 1;
	padding: 0px;
}

#container2 {
	background-color:#FFFFFF;
	/*	background-color: #333333;	*/
	
/*	background-image: url(images/white.png);*/

/*	width: 800px;*/
	margin: auto;
	background-repeat: repeat-x;
*/
	margin-top: 0px;
	/*	background-position: top; */
	/*position: absolute;
	top: 176px;*/
	/*width: 800px;*/
	z-index: 0;
	/*padding: 10px;*/
	/*height: autopx;*/
}






#iframe {
/*	background-color:#0A4369;*/
	position: inherit;
	margin:auto;
	width:760px;
/*	top: 250px; */
/*	margin: -0px 0px 0px -0px !important;*/
/*	height: auto;*/
	padding: 0px;
	z-index:auto;
	/*margin-top:10px;*/
/*	border:2px black solid;*/
}

#header_bar {
	margin-left:auto;
	font-size:24px; font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: 400; color:#333333;

}
#content {
/*	background-color:#9cc;*/
	margin-top:11px;
	width:514px;
	
	/*border-right:220px solid #FFFFFF; /* The width and color of the rail */
	
	margin-right:0px; /* Hat tip to Ryan Brill */
	float:left;
}

.writeups{
	font-size:11px;
	font:Verdana, Arial, Helvetica, sans-serif; color:#333333;
	padding-left: 15px;
	padding-right: 15px;
	text-align:left;
/*	text-indent: 25px;*/
}


#content p{
	font-size:11px;
	font:Verdana, Arial, Helvetica, sans-serif; color:#333333;
	padding-left: 15px;
	padding-right: 15px;
	text-align:left;
/*	text-indent: 25px;*/
}


#rail {

	width:200px;
	float:left;
	padding-bottom:10px;


/*	margin-right:10px; */

}


/* rail related properties - rail is the column at the far right of the page*/

#rail img {
	float: left;
	margin: 0px 0px !important;
}

#rail div {


	background: url(images/railbar.jpg);
	background-position: top;
	background-repeat:no-repeat;
	background-color:#CCCCCC;
	

	
	
	border-color:#852602;
	border: 2px solid #852602;
	margin-top:15px;
	width:218px;
	float:left;
}
#rail h1 {
	color:#FFFFFF;  
	font-size:14px;
	letter-spacing:0px; 
	margin: -5px;
/*	line-height:0.9em; */

	/*  text-transform:lowercase; */
	word-spacing:1px; 


/*	margin-right:10px; */

}

#rail h6 {
	color:#FFFFFF;  
	margin-top:5px;
}

#rail p {
	color: #333333;
	background-color: none;
	font-size:10px;
	font:Verdana, Arial, Helvetica, sans-serif; color:#333333;
	padding: 10px;
	margin: -5px 5px 5px -5px !important;
	margin: 10px;
  }
  
#rail ul {
	padding: 15px;	
	color: #333333;
	background-color: none;
	font-size:10px;
	margin-left: 10px;
	font:Verdana, Arial, Helvetica, sans-serif; color:#333333;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}

h1 { 
/*  border-bottom:1px dotted #0A4369;  */
  color:#0A4369;  
  font-size:180%;  
  letter-spacing:-2px; 
  line-height:0.9em; 
  margin:0px; 
  padding:15px 10px 0px; 
/*  text-transform:lowercase; */
  word-spacing:1px; 
  }


.p-shadow {
	width: 30%;
	float:left;
	background: url(images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
	text-align:left;
	line-height:16px;
}

.p-shadow div {

/*	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Style Library/en-us/Core Styles/images/step1.png', sizingMethod='crop');
	background: none;*/


	background: none !important;
	background: url(images/shadow2.gif) no-repeat left top;
	padding: 0 !important;
	padding: 0 5px 5px 0;
}

.p-shadow p {
	color: #333333;
	background-color: #fff;
	background-image: url(images/greygradient.png); 
	background-repeat: repeat-x;
	background-position:bottom; 
	border: 1px solid #a9a9a9;
	padding: 5px;
	margin: -5px 5px 5px -5px !important;
	margin: 10px;
	height: 140px;
  }
  
.p-shadow h1 {
	color:#0A4369;  
	font-size:150%;  
/*	letter-spacing:-2px; */
/*	line-height:0.9em; */

	/*  text-transform:lowercase; */
	word-spacing:1px; 
	background-color: #fff;
	background-image: url(images/greygradient.png); 
	background-repeat: repeat-x;
	background-position:bottom; 
	border: 1px solid #a9a9a9;
	padding: 5px;
	margin: -5px 5px 5px -5px !important;
	margin: 10px;
	
  
}
.p-shadow img {
	float:left;
	margin: -20px -10px !important;
	border 1px solid #FFFFFF; 
	z-index:99;
 }

/* shadow boxes for content column */

.c-shadow {
	width: 93.5%;
	float:left;
	background: url(images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}

.c-shadow div {
	background: none !important;
	background: url(images/shadow2.gif) no-repeat left top;
	padding: 0 !important;
	padding: 0 5px 5px 0;
}

.c-shadow p {
	color: #333333;
	background-color: #fff;
	background-image: url(images/greygradient.png); 
	background-repeat: repeat-x;
	background-position:bottom; 
	border: 1px solid #a9a9a9;
	padding: 5px;
	margin: -5px 5px 5px -5px !important;
	margin: 10px;
	height: 140px;
  }
.c-shadow img {
	border 1px solid #FFFFFF; 
 }
.c-shadow h1 {
	color:#0A4369;  
	font-size:16px;  
	letter-spacing: 0px; 
/*	line-height:0.9em; */

	/*  text-transform:lowercase; */
	word-spacing:1px; 
	background-color: #fff;
	background-image: url(images/greygradbutton.jpg); 
	background-repeat: repeat-x;
	background-position:bottom; 
	border: 1px solid #a9a9a9;
	padding: 5px;
	margin: -5px 5px 5px -5px !important;
	margin-left: 20px;
	
  
}
.c-shadow img {
	float:left;
	margin: -10px -10px !important;

 }

.c-shadow ul {
	padding: 15px;	
	/*background-color:#f7f7f7;*/
/*	background-image: url(images/greygradient.png); 
	background-repeat: repeat-x;
	background-position:bottom; */
	border: 1px solid #a9a9a9;
	color: #333333;
	/*background-color: none;*/
	background-color:transparent;
	margin: -5px 5px 5px -5px !important;
	font-size:11px;
	margin-left: 15px;
	font:Verdana, Arial, Helvetica, sans-serif; color:#333333;
}




/* shadow boxes for content column */



/* header box with shadow */

.h-shadow {
/*	width: 97%;*/
	float:left;
	background: url(images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 5px !important;
	margin: 10px 0px 0 5px;
	width:484px;
	text-align:left;
}

.h-shadow div {
	background: none !important;
	background: url(images/shadow2.gif) no-repeat left top;
	padding: 0 !important;
	padding: 0 5px 5px 0;
}

.h-shadow p{
	color: #333333;
	background-color: #fff;
	background-image: url(images/greygradient.png); 
	background-repeat: repeat-x;
	background-position:bottom; 
	border: 1px solid #a9a9a9;
	padding: 5px;
	margin: -5px 5px 5px -5px !important;
	margin: 10px;
	height: 147px;
  }
.h-shadow img {
	border 1px solid #FFFFFF; 
 }
.h-shadow h1 {
	color:#0A4369;  
	font-size:150%;  
/*	letter-spacing:-2px; */
/*	line-height:0.9em; */

	/*  text-transform:lowercase; */
	word-spacing:1px; 
	background-color: #fff;
	background-image: url(images/greygradient.png); 
	background-repeat: repeat-x;
	background-position:bottom; 
	border: 1px solid #a9a9a9;
	padding: 5px;
	margin: -5px 5px 5px -5px !important;
	margin: 10px;
	
  
}
.h-shadow img {
	float:left;
	margin: -20px -10px !important;

 }



/* small buttons with rounded edges */

.small-button {
	color: #333333;
	background-color: #fff;
	background-image: url(images/greygradbutton.jpg); 
	background-repeat: repeat-x;
	background-position:bottom; 
	border: 1px solid #a9a9a9;
	width: 60px;
	font-size:9px;
	font:Verdana, Arial, Helvetica, sans-serif; color:#333333;
	margin: auto;
}

/* shadow class for the rail */

#rail img {
	float: left;
	margin: 0px 0px !important;
}

#grn_rail img {
	float: left;
	padding-top:3px;
	margin: 0px 0px !important;

}

#grn_rail div {

	background: url(images/railbar_grn.png);
	background-position: top;
	background-repeat:no-repeat;
	background-color:#CCCCCC;
	

	
	
	border-color:#009900;
	/*border: 5px solid #009900;*/
	margin-top:0px;
	margin-left:0px;
	width:177px;
	height:60px;
	float:left;
}
#grn_rail p {
	color:#FFFFFF;  
	font-size:12px;
	letter-spacing:0px; 
/*	margin: -10px;
	word-spacing:1px; */
	height:45px;
	margin-left:0px;
	padding-top:5px;
	padding-left:10px;
	padding-right:14px;
	margin-left:10px;
	font-weight:bolder;
	text-align:right;
	vertical-align:middle;

}

#grn_rail p {
	/*color: #333333;
	background-color: none;
	font-size:10px;
	font:Verdana, Arial, Helvetica, sans-serif; color:#333333;
	padding: 10px;
	margin: -5px 5px 5px -5px !important;*/
  }
  
#grn_rail ul {
	padding: 15px;	
	color: #333333;
	background-color: none;
	font-size:10px;
	margin-left: 10px;
	font:Verdana, Arial, Helvetica, sans-serif; color:#333333;
}

.bottomlinks{
	text-align:center; font-size:7pt;
}

.bottomlinks td{
	padding:3px 5px 3px 5px;
}

.bottomlinks a{
	text-decoration:none;
	color:#333333;
	font-size:10px;
}