﻿/* CSS layout */
body {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: "Times New Roman", Times, serif;
	background-color: #993333;
	color: black;
	width: auto;
	height: auto;
	}
	
/* This section contains formatting for the Header area */
	#logo {
		width: 180px;
		height: 180px;
		background-color: #CCCC99;
		float:left;
		}
		#logo img {
			margin-top: 5px;
			margin-left: 5px;
			border: 0;
			}
	#header {
		top: 0;
		left: 180px;
		right: 0;
		bottom: 140px; 
		height: 110px;
		text-align: center;
		background-color: #CCCC99;
		}
		#header_cpa {
			height: 45px;
			margin-left: 0px;
			padding-top: 5px;
			overflow: auto;
			color: #993333;
			font-size: 36px;
			font-variant: small-caps;
			font-weight: bold;
			letter-spacing: 5px;
			font-style: italic;
			}
		#header_cpa1 {
			height: 30px;
			margin-left: 0px;
			color: white;
			overflow: auto;
			letter-spacing: 5px;
			font-size: 20px;
			font-weight: bold;
			}
		#header_nav{
			height: 22px;
			padding: 2px 0px 2px 0px;
			color: white;
			background-color: #993333;
			overflow: auto;
			font-size: 1em;
			}
		#header_nav a{
			color: white;
			font-weight: normal;
			text-decoration: none;
			}
		#header_nav a:hover {
			color: white;
			font-weight: bold;
			text-decoration: none;
			} 

/* This section contains formatting for the Content area */
	#container {
		margin: 0 0 0 180px;
		padding: 0 0 0 0;
		background-color: white;
		border-style: solid;
		border-color: #993333;
		border-width: 3px 3px 3px 3px;
		}
		#container div.content {
			padding: 0 10px 0 10px;
			min-height: 400px;
			}
		div.content h2 {
			margin-bottom: 0;
			font-style: italic;
			} 
		div.content h2.new {
			margin-bottom: 0;
			font-style: italic;
			text-indent: 1em;
			background-image: url('../images/new.gif');
			background-repeat: no-repeat;
			background-position: left 5px;
			} 
		div.content h3, div.content h4, div.content h5 {
			margin-bottom: 0;
			}
		h4.recentupdates {
			margin: 10px 0 0 0;
			padding: 0;
			}
		p.recentupdates {
			margin: 0;
			padding: 0 0 0 2em;
			font-size: small;
			}
		div.content p {
			line-height: 1.2em;
			}
		div.content p.first {
			margin: 0;
			line-height: 1.2em;
			}
		div.content p.new {
			margin: 0;
			line-height: 1.2em;
			text-indent: 2em;
			background-image: url('../images/new.gif');
			background-repeat: no-repeat;
			background-position: left 5px;
			}
		div.content a {
			color: #993333;
			text-decoration: none;
			}
			div.content a:hover {
				text-decoration: underline;
				}
		#container div.footer{
			margin: 10px 0 0 0;
			padding: 2px 0 4px 0;
			color: white;
			background-color: #CCCC99;
			text-align: center;
			font-weight: bold;
			font-style: italic;
			border-top: 3px #993333 solid;
			clear: left;
			}
				#container div.footer a{
					color: white;
					font-weight: normal;
					text-decoration: none;
					}
				#container div.footer a:hover {
					color: white;
					font-weight: bold;
					text-decoration: none;
					} 


/* This section contains formatting for the left menu */
	#left_menu {
		position: absolute;
		top: 183px;
		left: 0px;
		margin: 0;
		padding: 0;
		}
	#left_menu ul {
		list-style: none;
		width: 180px;
		margin: 0;
		padding: 0;
		float: left;
		line-height: 1.4em;
		background-color: #993333;
		}
	#left_menu ul>li {
		position: relative;
		background-color: #993333;
		display: block;
		}
	#left_menu a.more_levels {
		background-image: url('../images/darrow.bmp');
		background-position: right;
		background-repeat: no-repeat;
		}
	#left_menu a {
		color: white;
		padding-left: 10px;
		font-weight: bold;
		text-decoration: none;
		display: block;
		background-color: #993333;
		}
	#left_menu a:hover {
		color: #993333;
		background-color: #CCCC99;
		}
	#left_menu ul ul {
		position: absolute;
		top: 0;
		left: 100%;
		width: 100%; /* or 200px */
		text-align: left;
		background-color: white;
		}
	#left_menu ul ul li:first-child {
		padding-left: 20px;
		background-color: #993333;
		}
	#left_menu ul ul li {
		padding-left: 20px;
		background-color: white;
		border-left: #993333 3px solid;
		}
	#left_menu ul ul ul li:first-child {
		padding-left: 20px;
		background-color: #993333;
		border-left: #993333 3px solid;
		}
	#left_menu ul ul ul {
		position: absolute;
		top: 0;
		left: 100%;
		width: 100%; /* or 250px */
		text-align: left;
		background-color: white;
		}
	#left_menu ul ul ul li {
		padding-left: 20px;
		background-color: white;
		border-left: white 3px solid;
		}
	div#left_menu ul ul, div#left_menu ul li:hover ul ul, div#left_menu ul li:hover ul ul li {
		display: none;
		background-color: transparent;
		}
	div#left_menu ul li:hover ul, div#left_menu ul ul li:hover ul, div#left_menu ul ul li:hover ul li:first-child {
		display: block;
		background-color: #993333;
		}
	div#left_menu ul ul li:hover ul li {
		display: block;
		background-color: white;
		}

/* This section contains formatting for the Candidate table */
	#candidate tr.heading {
		font-weight: bold;
		font-size: medium;
		text-align: center;
		}
		#candidate td.center {
			text-align: center;
			}
		#candidate td {
		padding: 0 10px 0 10px;
			}
	#candidatelinks td {
		padding: 10px;
		font-weight: bold;
		font-size: medium;
		}
.red {
	color: #993333;
	}
a.linkredbold {
	color: #993333;
	font-weight: normal;
	text-decoration: underline;
	}
	a:hover.linkredbold {
	font-weight: bold;
	text-decoration: underline;
	}


