/* -----------------------------------------**/
/* Styles C&H
/* -----------------------------------------**/
body
{
	margin: 0;
	padding: 0;
	font:  1.0em verdana, hevetica;
	font-size: 1.0em;
	font-style: normal;
	font-weight: normal;
	color: #000;
	background-color: white; /*#E6A173;*/
}
/* ---------------------------------------- */ 
#header {
	background-color : #ffffff;
	width: 752px;
	height:100px;
	vertical-align:top;
	/*border-bottom : solid 1px #80737C;*/
	padding-bottom:0px;
	
}
/* ---------------------------------------- */ 
#MenuBar
{
	background-color : #ffffff;
	/*background-color : #7484ad;*/
	width: 752px;
	height:20px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	/*border-top:solid 1px white;*/

}
/* ---------------------------------------- */ 
#headerSeparator {
	width: 752px;
	height:25px;
	vertical-align:top;
	background-color:Blue;
	border-bottom : solid 1px #FDB712;
	background-image: url(.\\images\\HeaderSeparator.gif);
	background-repeat: repeat;	
}
/* ---------------------------------------- */ 
#container /*  encompasses entire page */
{
	margin: 2px auto; /*1em auto;*/
	width: 752px;
	text-align: left;
	background-color: white;	/*#6567F8;*/
	border: 1px solid navy;
}
/* ---------------------------------------- */ 
.InnerContent
{
	background-color: #FFFFFF;
	padding: 15px 8px 15px 8px;
	width:620px;
	
}
/* ---------------------------------------- */ 
#info 
{ 
	clear:both;
	padding : 0 0 0 0;
	background-color: #ffffff;
	border:  solid 0px white;
	width:750px;
	
}
#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: 3px 0px 0px 0px;
	clear: both;
	height: 20px;
	width: 752px;
	background-color:#007AA8;
	/*background-image:url(.\\images\\FooterGradient.gif);
	background-repeat: repeat;	*/
	border-top : solid 1px black;
	/*border:solid 1px black;*/
	text-align:center;
}
/* -----------------------------------------**/ 
/* the standard font
/* -----------------------------------------**/
/* 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: normal;
	font-variant: small-caps;
	color:white;

}
/* ------------------------------- */
#navcontainer a {
	display: block;
	padding: 2px;
	width: 160px;
	background-color: transparent;
	border-bottom: 1px solid #EAD2D2;
	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:#006699; /* actual font color */
}
/* ------------------------------- */
#navcontainer a:hover {
	/*background-image:url(Gradient7.jpg);
	background-repeat: repeat;*/
	background-color:#EAD2D2;
	border:solid 1px #327297;
	color: #327297;
}
/* ------------------------------------------- */
#scroll
{
	unicode-bidi: bidi-override;
	direction:  ltr /*rtl*/;
	display: block;
	width: 505px;
	
	height: 200px;
	overflow: auto;
	padding: 0px;
	/*border: 1px solid #ba8;*/
	margin: 0 auto;
	 
}
#scroll h1
{
	background-color:#007AA8;
	/*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;   
}
/* ------------------------------------------- */
ul.Check
{
	list-style-position: outside;
	list-style-type: none;
}

li.RedCheck
{
	color: #0066B2;
	background-image: url(.\\images\\chkmark8.gif);
	background-repeat: no-repeat;
	background-position: -1 .4em;
	padding-left: 1.6em;
}
li.BlueCheck
{
	color: #0066B2;
	background-image: url(.\\images\\chkmark3.gif);
	background-repeat: no-repeat;
	background-position: -1 .4em;
	padding-left: 1.6em;
}

/* ------------------------------- */
.BorderedImage1 {
	padding :  10px 10px 10px 10px;
}
.BorderedImage2 {
	padding :  0px 10px 0px 5px;
}
/* ------------------------------- */
.WhiteSpace
{
	width: 5px;
	background-color: transparent;
	height: 10px;
	float: left;
}
/* ------------------------------- */
/* Font stuff
/* ------------------------------- */
.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: Navy;
	font-family: verdana, hevetica;
	text-decoration: none;
}
.PageTxt a:link
{
	font-weight: normal;
	font-size: 1.0em;
	color: Navy;
	font-family: verdana, hevetica;
	text-decoration: none;
}
.PageTxt a:visited
{
	font-weight: normal;
	font-size: 1.0em;
	color: navy;
	font-family: verdana, hevetica;
	text-decoration: none;
}
.PageTxt a:hover /* Put after visited or doesnt work for visited */
{
	font-size: 1.0em;
	background-color:#ffffcc;
	border: solid 1px orange;
	color:  blue;
	text-decoration: underline;
	padding: 0 1px 0 1px;
}
.PageTxt ul 
{
	color : blue;
	padding :0 0 0 0;
	list-style-position: outside;
	list-style-type: none;
}
.PageTxt li
{
	color: #0066B2;
	background-image: url(.\\images\\chkmark8.gif);
	background-repeat: no-repeat;
	background-position: -1 .4em;
	padding-left: 1.6em;
	padding-bottom: 5px;
}
/* ---------------------------------------- */ 
.WhiteText 
{	font-size: 0.9em;
	color: white;
	font-weight: normal;
	font-style: normal;
	font-family: verdana, hevetica;
	font-variant: normal;
	text-decoration: none;
}
.WhiteText a:active
{
	color: white;
	text-decoration: underline;
}
.WhiteText a:link
{
	color: white;
	text-decoration: underline;
}
.WhiteText a:visited
{
	color: white;
	text-decoration: underline;
}
.WhiteText a:hover /* Put after visited or doesnt work for visited */
{
	font-size: 1.0em;
	color:  cyan;
	text-decoration: underline;
}
/* ---------------------------------------- */ 
.CopyRightText
{
	font-size: 0.80em;
	color: white;
	font-weight:  normal;
	font-style: normal;
	font-family: verdana, hevetica;
	font-variant: normal;
	text-decoration: none;
}
.CopyRightText:link
{
	color: white;
	font-size: 0.80em;
	text-decoration: none; /*float: right;*/
}
.CopyRightText:active
{
	font-size: 0.80em;
	color: white;
	text-decoration: none; /*float: right;*/
}
.CopyRightText:visited
{
	font-size: 0.80em;
	color: white;
	text-decoration: none; /*float: right;*/
}
.CopyRightText:hover
{
	font-size: 0.80em;
	text-decoration: underline;
	color: yellow /*float: right;*/;
}
/* ---------------------------------------- */ 
/* ---------------------------------------- */ 
/* ---------------------------------------- */ 
/* ---------------------------------------- */ 
/* ---------------------------------------- */ 
/* -----------------------------------------**/
/* End font stuff							*/
/* -----------------------------------------**/
/*--------------------------------------*/
.EventTable 
{
	font-size: 1.0em;
	background-color: white;
	padding: 2px 8px 2px 8px;
	text-align:left;
	/*border: outset 0px blue;*/
	width:550px;
}
.EventTable h1
{
	font-size: 1.0em;
	background-color:#4477AA;
	text-align:center;
	/*border: outset 0px #404F80;	*/
	padding:0 0 0 0;
}
/*--------------------------------------*/
.ContactEditCtls 
{
	background-color:#C0CFFF;
	width: 300px;
	/*float:right;*/
}
/*--------------------------------------*/
.MonthDropDownListCtl
{
	background-color:#C0CFFF;
	width: 100px;
}
/*--------------------------------------*/
.CatagoryDropDownListCtl
{
	background-color:#C0CFFF;
	width: 200px;
}
/*--------------------------------------*/
.MenuCol 
{
	width:200px;
	vertical-align:top;
	padding :0 0 0 0;	
	background-color:#ffffff;
	/*background-image: url(.\\images\\MenuCol.gif);
	background-repeat: repeat;	*/
	/*border-right: solid 1px #E0831B;*/
}
/*--------------------------------------*/
.LabelCol 
{	
	width:180px;
	text-align:right;
}
/*--------------------------------------*/
.ParagraphBlock 
{
	text-align:justify;
	padding: 0 15px 0 15px;
}
/*--------------------------------------*/
.ContentBlock 
{
	vertical-align:top;
	padding : 0 5px 0 5px;
	background-image: url(.\\ContentCol.gif);
	background-repeat: repeat;	
	width:550px;
	
}
/*--------------------------------------*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/* ------------------------------------------*/
/* Image styles								 */
/* ------------------------------------------*/

/* ------------------------------------------*/
/* Line styles */
/* ------------------------------------------*/
.SeparatorLineStyle
{	
	width:100%;
	height:5px;
	color: #5A85C5;
	background-color: #006699;
	border-top:	  solid 2px #EAD2D2;
	/*border-bottom: solid 1px #EAD2D2;*/
	/*border-left:solid 1px #E6ECFF;
	border-right:solid 1px #737680;*/
	
}
/* -------------------------------------------- */
.Gradient5{
	background-image:url(.\\images\\PlainGradient.gif);	
	background-repeat: repeat;
	border : solid 1px black;
	padding : 0 0 0 8px;
	/*margin-left:15px;*/
}

/* ------------------------------------------- */
/* ADA Checkboxes
/* ------------------------------------------- */
.ChkWheelChair{
	width:50;
	height:50;
	background: transparent url(.\\images\\whlchr_p.png) no-repeat 0 bottom;		
	float:left;
	margin-left:50px; /* just to get these chkboxes centered */
}
.ChkBraille{
	width:50;
	height:50;
	background: transparent url(.\\images\\braill_p.png) no-repeat 0 bottom;	
	padding-left:3px;
	float:left;
}
.ChkListening{
	width:50;
	height:50;
	background: transparent url(.\\images\\listen_p.png) no-repeat 0 bottom;	
	padding-left:3px;
	float:left;
}
.ChkTypewriter{
	width:50;
	height:50;
	background: transparent url(.\\images\\tty_p.png) no-repeat 0 bottom;	
	padding-left:3px;
	float:left;
}
.ChkSign{
	width:50;
	height:50;
	background: transparent url(.\\images\\sign_p.png) no-repeat 0 bottom;	
	padding-left:3px;
	float:left;
}
.ChkPrint{
	width:50;
	height:50;
	background: transparent url(.\\images\\lgprnt_p.png) no-repeat 0 bottom;	
	padding-left:3px;
	float:left;
}
.ChkAccess{
	width:50;
	height:50;
	background: transparent url(.\\images\\lowvis_p.png) no-repeat 0 bottom;	
	padding-left:3px;
	float:left;
}
.ChkCC{
	width:50;
	height:50;
	background: transparent url(.\\images\\cc_p.png) no-repeat 0 bottom;	
	padding-left:3px;
	float:left;
}
.ChkOC{
	width:50;
	height:50;
	background: transparent url(.\\images\\oc_p.png) no-repeat 0 bottom;	
	padding-left:3px;
	float:left;
}
/* ------------------------------------------- */
.SubmitBtn
{
	background-color: lightgreen;
	border: solid 1px black;
	font-size:10pt;	
}
.ClearFormBtn {
	background-color: silver;
	border: solid 1px black;
	font-size:10pt;
}
/* ------------------------------------------- */
/* for the ADA symbol image checkboxes on the 
Out About Submission control */
/* ------------------------------------------- */
.ImageCheckBoxTable  {
	font-size: 1.0em;
	background-color: transparent;
	padding: 2px 8px 2px 8px;
	text-align:left;
	border: outset 0px blue;
	width:550px;
}

/* ------------------------------------------- */
/* ---------------------------------------- */
/* List types								*/
/* ---------------------------------------- */
ul.Check
{
	list-style-position: outside;
	list-style-type: none;
}

li.RedCheck
{
	color: #0066B2;
	background-image: url(.\\images\\chkmark8.gif);
	background-repeat: no-repeat;
	background-position: -1 .4em;
	padding-left: 1.6em;
}
li.BlueCheck
{
	color: #0066B2;
	background-image: url(.\\images\\chkmark3.gif);
	background-repeat: no-repeat;
	background-position: -1 .4em;
	padding-left: 1.6em;
}
li.GreenCheck
{
	color: #0066B2;
	background-image: url(.\\images\\chkmark4.gif);
	background-repeat: no-repeat;
	background-position: -1 .4em;
	padding-left: 1.6em;
}


li.RedPin
{
	color: #0066B2;
	background-image: url(.\\images\\pushpin7sml.gif);
	background-repeat: no-repeat;
	background-position: -1 .4em;
	padding-left: 1.6em;
}
li.YellowPin
{
	color: #0066B2;
	background-image: url(.\\images\\pushpin8.gif);
	background-repeat: no-repeat;
	background-position: -1 .4em;
	padding-left: 1.6em;
}
	
li.BluePin
{
	color: #0066B2;
	background-image: url(.\\images\\pushpin1.gif);
	background-repeat: no-repeat;
	background-position: -1 .4em;
	padding-left: 1.6em;
}
li.ArrowLink
{
	/*color: #0066B2;*/
	background-image: url(.\\images\\RtArrowTinyBlue.gif);
	background-repeat: no-repeat;
	background-position: -1 .4em;
	padding-left: 1.6em;
}
li.Hazard
{
	/*color: #0066B2;*/
	background-image: url(.\\images\\haz.gif);
	background-repeat: no-repeat;
	background-position: -1 .4em;
	padding-left: 1.6em;
}
li.CritError
{
	/*color: #0066B2;*/
	background-image: url(.\\images\\CriticalError.bmp);
	background-repeat: no-repeat;
	background-position: -1 .4em;
	padding-left: 1.6em;
}
li.CheckBox
{
	/*color: #0066B2;*/
	background-image: url(.\\images\\checkbox.bmp);
	background-repeat: no-repeat;
	background-position: -1 .4em;
	padding-left: 1.6em;
}

li.RedFlag
{
	/*color: #0066B2;*/
	background-image: url(.\\images\\RedFlag.png);
	background-repeat: no-repeat;
	background-position: -1 .4em;
	padding-left: 1.6em;
}

li.GreenFlag
{
	/*color: #0066B2;*/
	background-image: url(.\\images\\GreenFlag.png);
	background-repeat: no-repeat;
	background-position: -1 .4em;
	padding-left: 1.6em;
}

li.BlueFlag
{
	/*color: #0066B2;*/
	background-image: url(.\\images\\BlueFlag.png);
	background-repeat: no-repeat;
	background-position: -1 .4em;
	padding-left: 1.6em;
}

li.YellowDiamond
{
	/*color: #0066B2;*/
	background-image: url(.\\images\\diamond9.gif);
	background-repeat: no-repeat;
	background-position: -1 .4em;
	padding-left: 1.6em;
}
li.BlackDiamond
{
	/*color: #0066B2;*/
	background-image: url(.\\images\\diamond2.gif);
	background-repeat: no-repeat;
	background-position: -1 .4em;
	padding-left: 1.6em;
}
li.BlueDiamond
{
	/*color: #0066B2;*/
	background-image: url(.\\images\\diamond3.gif);
	background-repeat: no-repeat;
	background-position: -1 .4em;
	padding-left: 1.6em;
}
li.RedDiamond
{
	/*color: #0066B2;*/
	background-image: url(.\\images\\diamond5.gif);
	background-repeat: no-repeat;
	background-position: -1 .4em;
	padding-left: 1.6em;
}


/* ---------------------------------------- */
/* End List types							*/
/* ---------------------------------------- */
/* Title Blocks start
/* ---------------------------------------- */
.HeadBlk1 
{
	font-size: 1.0em;
	/*background-color:  #80C9FF;*/
	background-image: url(.\\images\\HeadBar1.jpg); 
	background-repeat: no-repeat;
	padding: 4px 8px 6px 4px;
	text-align:left;
	color:black;
	vertical-align:middle;
	font-weight:  bold;
	/*border: outset 2px white;	*/
	border: outset 1px #007AA8;	
	
}
/* ---------------------------------------- */
.TitleBlk1 
{
	font-size: 1.0em;
	/*background-color:  #80C9FF;*/
	background-image: url(.\\images\\TitleBar1.jpg); 
	background-repeat: no-repeat;
	padding: 4px 8px 6px 4px;
	text-align:left;
	color:black;
	border: outset 2px white;
	
}
/* ---------------------------------------- */
.UpdateTitleBar{
	background-image:url(.\\images\\Gradient5.jpg);	
	background-repeat: repeat;	
}
/* ---------------------------------------- */
/* end title blocks							*/
/* ---------------------------------------- */
/* Styles for listing pages
/* ---------------------------------------- */
.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;
}
/*--------------------------------------*/
.ListingLeftCol
{
	font-size: .80em;
	color: black;
	background-color:#007AA8;
	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:#BFE4FF;
	/*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;
}
/* ---------------------------------------- */ 
.ImageWithLeftPadding{
	padding : 2px 0px 0px 15px;
}
/* ------------------------------------------- */
.ImageWithRightPadding{
	padding : 0px 8px 0px 2px;
}
/* ------------------------------------------- */