/*

	Main Colors:	99CCFF - Light Blue
					336699 - Dark Blue
	
	Left Menu Background 		99CCFF
	Left Menu Buttons			336699
	
	H1 Border					336699
	H1 Background				EDF0F3 - Powder Blue
	H1 Font Color				336699

	H2 Border 					336699 
	H2 Background 				EDF0F3

	H3 Font Color 				04049A

	HR Color 					75A3D1

	Agency Logo Text 			315184

	Content A Hover 			990000

	Footer Border				336699
	Footer Background			336699

	Right Menu Background		FFF8DC
	Right Menu Border			A52A2A
	Right Menu Font Color		A52A2A
	Right Menu Lines			c0c0c0

	[PDF] Links - Left Menu 	EDF0F3

	Table Borders				75A3D1
	Table Titles Background		EDF0F3
	User Messages font color	336699
	
 */

/******************************************** Elements ********************************************/
body 
	{
	margin: 0; 
	padding: 0; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:.75em;
	background-image: url('../images/LeftMenu.jpg'); background-repeat: repeat-y;
	background-color:#fff;
	height: 100%;
	} 

a	{
	color: #04049A;
	}

a:hover {text-decoration: underline;}

Fieldset legend
	{
	color: #336699;
	}
	
Fieldset input, textarea
	{
	text-align: left;
	background-color:#EBECF5;
	margin-top: 10px;
	}

Fieldset label
	{
	float: left;
	width: 30%;
	text-align: right;
	color: #336699;
	margin-top: 10px;
	}

form
	{
	display: inline;
	}

h1 { 
	font-weight:bold;
	text-align: center;
	color: #336699;
	font-size:1.5em;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 2px solid #336699;
	border-bottom: 2px solid #336699;
	background-color: #EDF0F3;
	}

h2 { 
	color: #666;
	font-weight: bold;
	font-size: 1.2em;
	padding: 5px; 
	margin-top: 0px;
	border-top: 1px solid #336699;
	border-bottom: 1px solid #336699;
	background-color: #EDF0F3;
	text-align: left;
	}

.H2_Anchor { 
	color: #666;
	font-weight: bold;
	font-size: 100%;
	}
	
h3
	{
	font-size: 1.2em;
	margin-bottom: 5px;
	margin-top: 5px;
	color: #04049A;
	font-weight: bold;
	} 

hr	{
	color: #75A3D1;
	background-color: #75A3D1;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0;
	}

img 
	{
	border: none;
	padding: 0;
	}
	
li 
	{
	padding-bottom: 3px;
	text-align: left;
	}
tr
	{
	line-height: 175%;
	}
ul 
	{
	padding-top: 3px;
	}

/******************************************** IDs ********************************************/
#AgencyLogo
	{
	background-image: url('../images/DOA_Logo_Left.jpg');
	background-color: white;
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 100px;
	}	

#AgencyLogoText
	{	
	color: #315184;
	font-size: 28pt; 
	font-style: italic;
	font-weight: bold;
	text-align: center;
	margin-top: 40px;
	}
	
#Compliance 
	{
	text-align: center;
	font-size: x-small;
	}

#Content UL.LI
	{
	list-style-type: disc;
	text-align: left;
	}

#Content a:hover 
	{
	color: #990000; 
	text-decoration:underline;
	}
	
#Content
	{
	margin-left: 200px;
	margin-right: 5px;
	padding-left: 5px;
	line-height: 135%;
	text-align: justify;
	height: 100%;
	position: relative;
	}
	
#footer 
	{
	border-top:1px solid #336699;
	font-size: 80%;
	text-align: center;
	padding: 3px;
	color: white;
	background-color: #336699;
	width: 100%;
	margin-bottom: 0px;
	position: relative;
	}
	
#footer a
	{
	text-decoration: none;
	background-color: #E7E7E7;
	color: #04049A;
	}
	
#footer_blackStripe {
	background:#000;
	color:#fff;
	text-align:center;
	padding: 6px;
	font-size: 80%;
	margin-bottom: 0px;
	}

#footer_blackStripe a {
	color: white;
	text-decoration: none;
	}

#footer_blackStripe a:hover {
	color: white;
	text-decoration: none;
	}

#LeftMenu
	{
	left: 5px;
	margin-top: 5px;
	margin-bottom: 0px;
	width: 185px;
	position: relative;
	float: left;
	height: 100%;
	}
	
#LeftMenu LI.emptySpace
	{
	margin-left: 0px;
	height: 1px;
	background-color: black;
	font-size: 1px;
	width: 180px;
	left: 5px;
	}

#LeftMenu a 
	{
	text-decoration: none;
	color: white;
	background-color: #336699;
	padding: 3px;
	margin-right: 3px;
	display: block;
	width: 180px;
	}

#LeftMenu a:hover 
	{
	text-decoration: none; 
	background-color: black;
	}

#LeftMenu LI
	{
	padding-bottom:3px;
	line-height: 1.75em;
	font-weight: bold;
	font-size: 95%;
	list-style: none;
	width: 180px;
	}

	
#LeftMenu .LI2 .FileVersionLink, #LeftMenu .LI3 .FileVersionLink
	{
	text-decoration: none; 
	font-size: 90%;
	background-color: #336699;
	color: white;
	margin-left: 5px;
	display: inline;
	width: 180px;
	}
	
	
#LeftMenu .LI1
	{
	font-size: 95%;
	margin-bottom: 3px;
	padding-bottom:3px;
	border-top: none;
	line-height:1.75em;
	font-weight: bold;
	width: 180px;
	}	

#LeftMenu .LI2
	{
	list-style: disc url('../images/bullet.gif') outside;
	margin-left: 20px;
	border-top: none;
	font-weight: normal;
	width: 180px;
	}

#LeftMenu .LI2 A
	{
	background-color: #99CCFF;
	text-decoration: underline;
	color: black;
	width: 160px;
	}

#LeftMenu .LI2 A:hover
	{
	background-color: #99CCFF;
	text-decoration: underline;
	color: black;
	font-weight: bold;
	}

#LeftMenu .LI3
	{
	list-style: disc outside;
	margin-left: 30px;
	border-top: none;
	font-weight: normal;
	width: 160px;
	vertical-align: middle;
	}

#LeftMenu .LI3 A
	{
	background-color: #99CCFF;
	text-decoration: underline;
	color: black;
	width: 140px;
	}

#LeftMenu .LI3 A:hover
	{
	background-color: #99CCFF;
	text-decoration: underline;
	color: black;
	font-weight: bold;
	}

#LeftMenu ul
	{
	margin: 0px;
	padding: 0px;
	text-align: left;
	border: 0;
	}
	
#RightMenu
	{
	background-color: #FFF8DC;
	border: 1px dashed #A52A2A;
	padding: 5px;
	font-size: 100%;
	float: right;
	margin-top: -30px;
	margin-left: 10px;
	width: 175px;
	text-align: left;
	}

#RightMenu UL
	{
	margin-top: 10px;
	margin-left: 13px;
	margin-bottom: 0px;
	}	

#RightMenu LI
	{
	color: #000080;
	border-top: 1px solid #c0c0c0;
	margin-bottom: 3px;
	padding-bottom: 3px;
	list-style: disc url('../images/bullet.gif') outside;
	}

#RightMenu A
	{
	text-decoration: none;
	}

.RightMenuTitle
	{
	font-weight: bold;
	font-size: 130%;
	font-style: italic;
	color: #A52A2A;
	}
	

/******************************************** Classes ********************************************/
.AccessKey
	{
	text-decoration: underline;
	}

.BoldRed {
	font-weight: bold;
	color: red;
	}

.center {
	margin: auto;
}
	
.clearFloats:after {
	/* Use as class on any element that needs to have floats cleared:
		<DIV CLASS="clearFloats TableTitle">
	*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearFloats {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearFloats {height: 1%;}
.clearFloats {display: block;}
/* End hide from IE-mac */

/**************************************************/
.column1of2 {
	width: 48%;
	float: left;
	text-align: left;
	}
	
.column2of2 {
	width: 50%;
	float: right;
	text-align: left;
	}

/**************************************************/
.column1of3 {
	width: 33%;
	float: left;
	text-align: left;
	white-space: nowrap;
	}
	
.column2of3 {
	width: 33%;
	float: left;
	text-align: left;
	white-space: nowrap;
	}

.column3of3 {
	width: 33%;
	float: left;
	text-align: left;
	white-space: nowrap;
	}
/**************************************************/	

.DirectorInfo
	{
	text-align: left;
	font-weight: bold;
	font-style: italic;
	padding-left: 10px;
	margin-bottom: 10px;
	}

.FileVersionLink
	{
	text-decoration: none; 
	font-size: 95%;
	background-color: #EDF0F3;
	margin-left: 5px;
	}

.Highlighted_Red
	{
	color: red;
	background-color: yellow;
	}

.imgleft 
	{
	float: left;
	padding: 10px;
	margin-right: 10px;
	}

.imgright 
	{
	float: right;
	padding: 5px;
	margin-left: 10px;
	}

.indented
	{
	margin-left: 25px;
	}	

.ItalicRed {
	color: red;
	font-style: italic;
	}

.MemoDate
	{
	font-weight: bold; 
	text-align: center;
	}
	
.MemoTitle1
	{
	text-align: left;
	font-weight: bold;
	text-decoration: underline;
	}

.MemoTitle2
	{
	width: 20%;
	float: left;
	text-align: left;
	font-weight: bold;
	}
	
.MemoTitle3
	{
	width: 80%;
	float: left;
	text-align: left;
	font-weight: normal;
	padding-bottom: 12px;
	}	

.sitelist LI {
	list-style:disc url('../images/bullet.gif') inside;
	}
	
.sitelist A {
	text-decoration: none;
	}

.SpecialMessage
	{
	color: red;
	font-weight: bold;
	font-size: 100%;
	padding-bottom: 12px;
	}

.TableWBorders, .TableWBorders TD, .TableWBorders TH
	{
	border-color: #75A3D1;
	border-collapse: collapse;
	margin: auto;
	}

.TableWBorders TD, .TableWBorders TH
	{
	padding-left: 2px;
	}
		
.TableData
	{
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	}

.TableTitle
	{
	font-weight: bold;
	background-color: #EDF0F3;
	text-align: left;
	vertical-align: middle;
	}

.TableTitle a
	{
	font-weight: normal;
	}

.Title1
	{
	font-weight: bold;
	font-size: 16pt;
	}

.Title2	
	{
	font-style: italic;
	font-weight: normal;
	}

.Title3	
	{
	font-weight: bold;
	font-size: 100%;
	}
		
.Title4	
	{
	font-weight: normal;
	font-size: 11pt;
	}

.Underlined 
	{
	text-decoration: underline;
	}

.UserMessage 
	{
	text-align: center; 
	font-style: italic; 
	color: #336699
	}