/********************************************/
/* Styles for OCPO							*/
/********************************************/
body
{
	margin: 0;
	padding: 0;
	font:  1.0em verdana, hevetica;
	font-size: 1.0em;
	font-style: normal;
	font-weight: normal;
	color: #000;
	background-color: #5884B5; /*#CCA45C;*/ /*#E6A173;*/
}
/* ---------------------------------------- */ 
#header {
	background-color : #ffffff;
	width: 750px;
	height:100px;
	vertical-align:top;
	/*border-bottom : solid 5px #FDB712;*/
	padding-bottom:0px;
	
}
/* ---------------------------------------- */ 
#headerSeparator {
	
	width: 752px;
	height:15px;
	background-color: #CC6666;
	vertical-align:top;
	/*border-bottom : solid 1px #FDB712;*/
	/*background-image: url(.\\images\\HeaderSeparator.gif);
	background-repeat: repeat;	*/
}
/* ---------------------------------------- */ 
#container /*  encompasses entire page */
{
	margin: 2px auto; /*1em auto;*/
	width: 750px;
	text-align: left;
	background-color: white;	/*#6567F8;*/
	border: 3px solid black;
}
/* ---------------------------------------- */ 
.InnerContent
{
	background-color: blue;
	padding: 15px 8px 15px 8px;
	width:585px;
	
}
/* ---------------------------------------- */ 
#info 
{ 
	clear:both;
	padding : 0 0 0 0;
	background-color: #EBDD91;
	border:  solid 0px white;
	width:752px;
	
}
/* ---------------------------------------- */ 
#info h2 
{
	font-family: verdana, hevetica;
	font-size:1.2em; 
	margin:0; 
	color:black; 
	text-align:left; 
	margin-bottom:10px;
}
#info h3 
{
	font-family: verdana, hevetica;
	font-size:1.1em; 
	font-weight:normal; 
	margin:0; 
	color:#565; 
	text-align:left; 
	margin-bottom:10px;
}
/* ---------------------------------------- */ 
#footer
{
	/*padding: 12px 0px 0px 0px;*/
	/*clear: both;*/
	height: 15px;
	width: 752px;
	background-color:#000000;
	/*background-image:url(.\\images\\Gradient2.gif);
	background-repeat: repeat;	*/
	border-top : solid 1px #CAA856;
	border-bottom : solid 1px #CAA856;
	text-align:center;
}
/********************************************/
/* menu start
/********************************************/
/* ------------------------------- */
#navcontainer 
{
	/*width: 100px;*/
}
/* ------------------------------- */
#navcontainer ul {
	margin-left: 0;
	padding-left: 5px;
	list-style-type: none;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 1.0em;/*10pt;*/
	font-weight: 400;
	font-style:italic;
	font-variant: small-caps;
	color:white;

}
/* ------------------------------- */
#navcontainer a {
	display: block;
	padding: 2px;
	width: 160px;
	background-color: transparent;
	border-bottom: 1px solid gainsboro;
	font-family:  Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: 400;
	color:white;
	
}
/* ------------------------------- */
#navcontainer a:link, #navlist a:visited {
	text-decoration: none;
	font-weight:  bold;
	color:black; /* actual font color */
}
/* ------------------------------- */
#navcontainer a:hover {
	background-image:url(Gradient7.jpg);
	background-repeat: repeat;
	border:solid 1px gainsboro;
	color: black;
}
/* ------------------------------- */
ul.Check
{
	list-style-position: outside;
	list-style-type: none;
}

li.GoldDot
{
	color: #0066B2;
	background-image: url(GoldBullet.gif);
	background-repeat: no-repeat;
	background-position: -1 .4em;
	padding-left: 1.6em;
}
li.BlueArrow
{
	color: #166196;
	background-image: url(arrow.gif);
	background-repeat: no-repeat;
	background-position: -1 .4em;
	padding-left: 1.6em;
}
/* ------------------------------- */
.BorderedImage1 {
	padding : 20px 20px 20px 20px;
}/* ------------------------------- */

/********************************************/
/* Menu end
/********************************************/
.PageTxt
{
	font-size: .80em;
	color: black;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	font-family: verdana, hevetica;
	font-variant: normal;
	text-decoration: none;
}
.PageTxt a:active
{
	font-weight: normal;
	font-size: 1.0em;
	color: #2E628A;
	font-family: verdana, hevetica;
	text-decoration: none;
	/*text-decoration: underline;*/
}
.PageTxt a:link
{
	font-weight: normal;
	font-size: 1.0em;
	color: #2E628A;
	font-family: verdana, hevetica;
	text-decoration: none;
	/*text-decoration: underline;*/
}
.PageTxt a:visited
{
	font-weight: normal;
	font-size: 1.0em;
	color: #2E628A;
	font-family: verdana, hevetica;	
	text-decoration: none;
	/*text-decoration: underline;*/
}
.PageTxt a:hover /* Put after visited or doesnt work for visited */
{
	font-size: 1.0em;
	background-image:url(Gradient7.jpg);
	background-repeat: repeat;
	border:solid 1px gainsboro;
	color: #2E628A;
	text-decoration: none;
}
/* ---------------------------------------- */ 
.PageTxt2 {
	font-size: 1.0em;
	color: #2E628A;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	font-family: verdana, hevetica;
	font-variant: normal;
	text-decoration: none;
}
/* ---------------------------------------- */ 
.WhiteText 
{
	font-size: 1.0em;
	color: white;
	font-weight: normal;
	font-style: normal;
	font-family: verdana, hevetica;
	font-variant: normal;
	text-decoration: none;
}
/* ---------------------------------------- */ 
.CopyRightText
{
	font-size: 0.60em;
	color: white;
	font-weight: normal;
	font-style: normal;
	font-family: verdana, hevetica;
	font-variant: normal;
	text-decoration: none;
}
.CopyRightText:link
{
	color: white;
	font-size: 1.0em;
	text-decoration: none; /*float: right;*/
}
.CopyRightText:active
{

	color: white;
	text-decoration: none; /*float: right;*/
}
.CopyRightText:visited
{
	color: white;
	text-decoration: none; /*float: right;*/
}
.CopyRightText:hover
{
	text-decoration: underline;
	color: yellow /*float: right;*/;
}
/* ---------------------------------------- */ 
/* ---------------------------------------- */ 
.WhiteLink
{
	font-size: 0.80em;
	color: white;
	font-weight:  normal;
	font-style: normal;
	font-family: verdana, hevetica;
	text-decoration: none; 
	text-align:right;
}
.WhiteLink:link
{

	text-decoration: none; /*float: right;*/
}
.WhiteLink:active
{

	text-decoration: none; /*float: right;*/
}
.WhiteLink:visited
{
	border-style: none;
	text-decoration: none; /*float: right;*/
}
.WhiteLink:hover
{
	text-decoration: underline;
	color: yellow /*float: right;*/;
}
/* ---------------------------------------- */ 
/* ---------------------------------------- */ 
.ListingLeftCol
{
	font-size: .80em;
	color: black;
	background-color:#808597;
	border-right: solid 1px black;
	border-bottom:solid 1px #CCCCCC;
	width:100px;
	
	text-align: left;
	font-weight: normal;
	font-style: normal;
	font-family: verdana, hevetica;
	font-variant: normal;
	text-decoration: none;
	padding:  8px 5px 5px 5px;
}
.ListingLeftCol a:active
{
	font-weight: normal;
	font-size: 1.0em;
	color: Navy;
	font-family: verdana, hevetica;
	text-decoration: underline;
}
.ListingLeftCol a:link
{
	font-weight: normal;
	font-size: 1.0em;
	color: Navy;
	font-family: verdana, hevetica;
	text-decoration: underline;
}
.ListingLeftCol a:visited
{
	font-weight: normal;
	font-size: 1.0em;
	color: navy;
	font-family: verdana, hevetica;
	text-decoration: underline;
}
.ListingLeftCol a:hover /* Put after visited or doesnt work for visited */
{
	font-size: 1.0em;
	color:  White;
	text-decoration: underline;
}
/* ---------------------------------------- */ 
.ListingRightCol
{
	font-size: .80em;
	color: black;
	background-color:#B6BED8;
	/*border-right: solid 1px black;*/
	border-bottom:solid 1px #CCCCCC;
	/*width:150px;*/
	
	text-align: left;
	font-weight: normal;
	font-style: normal;
	font-family: verdana, hevetica;
	font-variant: normal;
	text-decoration: none;
	padding:  8px 5px 5px 5px;
}
.ListingRightCol a:active
{
	font-weight: normal;
	font-size: 1.0em;
	color: Navy;
	font-family: verdana, hevetica;
	text-decoration: underline;
}
.ListingRightCol a:link
{
	font-weight: normal;
	font-size: 1.0em;
	color: Navy;
	font-family: verdana, hevetica;
	text-decoration: underline;
}
.ListingRightCol a:visited
{
	font-weight: normal;
	font-size: 1.0em;
	color: navy;
	font-family: verdana, hevetica;
	text-decoration: underline;
}
.ListingRightCol a:hover /* Put after visited or doesnt work for visited */
{
	font-size: 1.0em;
	color:  White;
	text-decoration: underline;
}
/* ---------------------------------------- */ 
/********************************************/
/* End font stuff							*/
/********************************************/



/********************************************/
/* Content table styles						*/
/********************************************/
.MenuCol 
{
	width:178px;
	vertical-align:top;
	padding :20 0 0 0;	
	background-color:#ffffff;
	/*background-image: url(.\\MenuCol.gif);
	background-repeat: repeat;	*/
	/*border-right: solid 1px #E0831B;*/
}
/*--------------------------------------*/
.ContentBlock 
{
	padding :25 0 0 0;
	/*background-image: url(.\\ContentCol.gif);
	background-repeat: repeat;	*/
	background-color:#ffffff;
}
/*--------------------------------------*/
.PlainBlock{
	/*background-color:#B6BED8;*/
	/*border : ridge 1px #2D4591;*/
	padding: 8px 15px 5px 5px;
	/*width:600px;*/
	
}
/*--------------------------------------*/
.DetailBlock{
	background-color:#B6BED8;
	/*border : ridge 1px #2D4591;*/
	padding:  0px 8px 5px 5px;
	
}
/*--------------------------------------*/
.VCenteredBlock
{
	vertical-align:middle;	
}
/*--------------------------------------*/
.PlainGradient{
	background-image:url(.\\images\\PlainGradient.gif);
	text-align:left;
	padding : 2px 0px 2px 5px;
	margin-bottom:4px;
	/*border-bottom: solid 2px black;*/
	border-top:solid 1px #538CC6;
}
/*--------------------------------------*/
.ContentTopGradient{
	background-image:url(.\\images\\UnitTopGradient.gif);
	color:#132868;
	text-align:left;
	font-size: 1.1em;
	font-family: verdana, hevetica;
	font-weight:normal;
	padding : 10px 0px 10px 15px;
	margin-bottom:4px;
	/*border-bottom: solid 2px black;*/
	border-top:solid 1px #538CC6;
}
/*--------------------------------------*/
.PadLeftBlock
{
	/*text-align:center;*/
	background-color:#B6BED8;
	border : ridge 1px #2D4591;
	padding:  5px  0px 5px 5px;
	margin: 5px 0px 5px 6px;
}
/*--------------------------------------*/
.NoPadding
{
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/*--------------------------------------*/

/********************************************/
/* Image styles								*/
/********************************************/
.ListingImage 
{
	padding : 2px 0px 0px 2px;
	/*width:150;
	height:150;*/
}
/* ------------------------------------------- */
.ImageWithLeftPadding{
	padding : 2px 0px 0px 15px;
}
/* ------------------------------------------- */
.ImageWithRightPadding{
	padding : 0px 8px 0px 2px;
}
/* ------------------------------------------- */
.ImageRight{
	text-align:  center; 
	float: right;
	border-style: none;
	text-decoration: none;
	padding : 0px 0px 0px 0px;
}
/* ------------------------------------------- */
.ImageVCentered
{
	float :right;
	 padding: 30px 10px 0 0;
	 
}
/***********************************************/
/* Table styles
/***********************************************/
.TwoColTable1{
	/*background-image:url(.\\images\\TwoColTableBkgd.png);*/
	border:solid 1px navy;
	background-color: #B6BED8;
	/*padding:5px 5px 5px 5px;*/
	padding: 15px 8px 15px 8px;
	
}
/* ------------------------------------------- */


/*********************************************/
/* Line styles */
/*********************************************/
.SeparatorLineStyle{
	width:100%;
	height:6px;
	color: #6A9CCF;
	/*background-color: #ACB1BF;*/
	padding:0 0 0 0;
	border-top:	  solid 1px white;
	border-bottom: solid 3px black;
	/*border-left:solid 1px #E6ECFF;
	border-right:solid 1px #737680;*/
	
}
/*********************************************/
/* Check Lists */
/*********************************************/
ul.BulletList
{
	list-style-position: outside;
	list-style-type: none;
}
/* ------------------------------------------- */
li.InfoCheck
{
	background-image: url(.\\images\\info.png);
	background-repeat: no-repeat;
	background-position:  -1 .1em;
	padding: 0 0 .6em 1.6em;
}
/* ------------------------------------------- */
li.Bullet
{
	background-image: url(bullet4);
	background-repeat: no-repeat;
	background-position:  -1 .1em;
	padding: 0 0 .6em 1.6em;
}
/* ------------------------------------------- */

li.ThinArrow
{
	background-image: url(.\\images\\RtArrowThin.gif);
	background-repeat: no-repeat;
	background-position:  -1 .1em;
	padding: 0 0 .6em 1.6em;
}
/* ------------------------------------------- */
li.RedCheck
{
	background-image: url(.\\images\\chkmark8.gif);
	background-repeat: no-repeat;
	background-position:  -1 .1em;
	padding: 0 0 .6em 1.6em;
}
/* ------------------------------------------- */
/* Scrolling boxes								*/
/* ------------------------------------------- */
#ScrollAreaAnnouncements  {
	unicode-bidi:bidi-override; 
	/*direction:rtl; */
	display:block; 
	width:275px; 
	height:75px; 
	overflow:auto; 
	padding:1px; 
	border:0px solid  #9191FF; 
	margin:0 auto;	
}
#ScrollAreaAnnouncements h1 {
	/*background-color:#3380CC;*/
	background-image:url(.\\images\\gradient8.jpg);
	color:white;
	text-align:center;
	font-size: 1.1em;
	font-family: Arial, Tahoma, Verdana;	 
	font-weight:normal;
	padding-top:1px;
	padding-bottom:1px;
	margin-bottom:4px;
	border-top:solid 2px #538CC6;
	border-bottom:solid 2px #538CC6;   
}
/* ------------------------------------------- */
/* ------------------------------------------- */
.Gradient5{
	background-image:url(.\\images\\PlainGradient.gif);	
	background-repeat: repeat;
	border : solid 1px black;
	padding : 0 0 0 8px;
	/*margin-left:15px;*/
}

/* ------------------------------------------- */
/* End Scrolling boxes								*/
/* ------------------------------------------- */