<style>
{

}
 * html ul li a {
width: 1%;
}


body {
	font-family: Georgia, Trebuchet, Arial;
	font-size: 11pt;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	}
	
a {
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	color: #555555;
	}

a:active {

	}

a:visited {
	color: #555555;
	}
dt#small {
	font-size: 7pt;
	}

div#main {
	text-align:center;
	width: 780px;
	margin: auto;
	border: 2px solid #005AA1;
	padding: 0px;
	background-color: #fff;
	}

div#content {
	text-align: left;
	margin: auto;
	padding-left: 4em;
	padding-right: 4em;
	padding-bottom: 1em;
	line-height: 1.5em;
	}
    
div#calendar {
	float: left;
	padding-top: .5em;
	}
		
div#calendar h3 {
	margin: 0;
	padding-bottom: .5em;
	padding-left: 1.5em;
	}
	
div#calendar p {
	margin-top: 0em;
	}
	
div#shelter-detail{
	margin-top: 1em;
	}
	
div#shelter-detail p{
	margin-top: 0;
	}
	
div#navigation {
	background-color: #005AA1;
    background: url(/images/bg-nav.jpg);
	width: 784px;
	height:30px;
	}
	
#nav, #nav ul {
	background-color: #005AA1;
	padding: 0;
	margin: 0;
	list-style: none;	
}

#nav a {
	display: block;
	padding:.45em;
	
	font-size: 10.5pt;
	color: #ffffff;
	text-align:center;
}

#nav li { /* all list items */
	float: left;
	display:block;
	width:5.3em;
	padding-left:.25em;
	padding-right:.25em;
	margin-right:.3em; /*change this if you add more elements to the top level list*/
	margin-left:.3em;
	/*width: 10em;  width needed or else Opera goes nuts */
}

    #nav li ul { /* second-level lists */
    	text-align:center;
    	position: absolute;
    	background: #005AA1;
    	width: 5.3em;
    	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    }

        #nav li ul li{
        	padding-left:0;
        	padding-right:0;
        	margin:0;
        }


#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav a:hover{
	color: #fff;
	text-decoration: none;
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
	background: url(/images/bg-nav-li-hover.jpg);
}

div#leg li{
	
	margin-left:.5em;
	margin-right:.5em;
}
	

div#board {
	text-align: center;
	width: 500px;
	margin: auto;
	padding-top: 1em;
	}
	
div#content #board table td {
	vertical-align: top;
	}

div#shelter {
	text-align: center;
	width: 100%;
	margin: auto;
	padding-top: 1em;
	}
	
div#letter-nav {
	font-size: 11pt;
	line-height: 1em;
	margin: auto;
	text-align: center;
	}
	
div.clear {
	clear: both;
	}
	
div#header {
	margin: auto;
	clear: both;
	width: 740px;
	text-align: center;
	}
	
div#footer {
	text-align: center;
    margin: auto;
    width: 740px;
	color: #1064A7;
	clear: both;
	font-size: 8pt;
	}
    
div#left-footer, div#right-footer  {
    padding: .5em;
    padding-bottom: 1em;
    float: left;
    width: 45%;
    }
    
div#right-footer { 
    float: right;
    }
	
h1 {
	width: 348px;
	border-bottom:2px solid #1B71A4;
	color:#1B71A4;
	font-size:16pt;
	font-weight:bold;
	padding-top: .5em;
	padding-bottom: .2em;
	margin:auto;
	text-align: center;
	}
	
h2 {
	font-size: 36pt;
	margin: auto;
	padding: 0;
	padding-bottom: .1em;
	color:#1B71A4;
	text-decoration: underline;
	}

h2#letter {
	padding-bottom: .5em;
	}
h3 {
	margin-bottom: 0px;
	color: #1064A7;
	padding: 1em;
	padding-top: .4em;
	}
	
h3#nav-header {
	margin: 0px;
	color: #1064A7;
	padding: 0;
	}
	
h4 {
	margin-bottom: 0;
	margin-top: 0em;
	color: #1064A7;
	}
	
h5 {
	margin-bottom: 0;
	margin-top: 1.3em;
	color: #1064A7;
	}
	
h5.home {
	color: #ffffff;
	background-color: #005AA1;
    background: url(/images/bg-nav.jpg);
	width: 100%;
	font-size: 13pt;
	margin: 0;
	padding: .2em;
	font-weight: normal;
	}

li.name {
	font-weight: bold;
	line-height: 1.2em;
	}
	
ul {
	text-align: left;
	}
	
table {
	width: 90%;
	border-spacing: 0;
	margin: auto;
	}
	
tr.blue {
	background-color: #AED0EA;
	}
	
td.leftcell {
	padding: .2em;
	padding-left: 1.8em;
	}
	
td.rightcell {
	
	}
	
div#mission-div {
	border: 2px solid #C1CDFF;
	padding: 1em;
	margin: .75em;
	margin-left: 2em;
	margin-right: 2em;
	}
	
div#home {
	padding: .5em;
	}
	
div#home-left {
	float: left;
	}

div#home-right {
	float: left;
	text-align: left;
	padding: .5em;
	padding-top: 0;
	padding-right: 0;
	margin: 0;
	width: 63%;
	line-height: 1.3em;
	}

p.mission {
	margin: .3em;
	margin-left: .5em;
	color: #730802;
	font-size: 10pt;
	}

div#errors {
	font-size: 14pt;
	border: 1px solid red;
	background-color: #d99;
	padding: .5em;
	}
	
ul#detail-list {
	list-style-type: none;
	margin-left: 0;
	padding: 0;
	}
	
table ul li, div#shelter ul li, div#job ul li {
	list-style-type: none; 
	padding-left: 0;
	padding-bottom: 0em;
	margin-left: 0;
	line-height: 1.4em;
	}
	
table ul {
	padding-bottom: 1em;
	}

li.issue-li {
	padding: .3em;
	}
	
div#job ul li.bottom-alt {
	padding-left: .3em;
	padding-right: .3em;
	padding-top: .3em;
	padding-bottom: .3em;
	background-color: #AED0EA;
	}
	
div#job ul li.bottom-norm {
	padding-left: .3em;
	padding-right: .3em;
	padding-top: .3em;
	padding-bottom: .3em;
	}

div#job ul.block-list {
	width: 100%;
	margin: auto;
	display: block;
	}

div#job ul.block-list li {
	display: block;
	padding: .5em;
	}
	
div#job ul.block-list li a:hover {
	color: #555;
	text-decoration: none;
	background-color: #CEE0EA;
	width: 100%;
	display: block;
	}
	
div#job ul li p {
	padding-left: 1em;
	padding-right: 1em;
	margin-top: .1em;
	margin-bottom: .1em;
	line-height: 1.6em;
	}
	
div#job ul.block-list li a {
	color: #000;
	width: 100%;
	display: block;
	}
	
div#application-form p{
	margin: 0;
	}

div#application-form p.alt{
	margin-bottom: .8em;
	}
	
div#application-form p input{
	width: 220px;
	}
	
div#application-form p input#id_state {
	width: 2.5em;
	}
	
div#application-form p input#id_zip {
	width: 5em;
	}

div#button-bar {

	}
	
input {
	border: 1px solid #005AA1;
	background-color: #DEE0FA;
	}
	
input.submit {
	border: 2px solid;
	border-color: #005AA1;
	background-color: #AED0EA;
	}
	
ul.contact-block {
	float: left;
	margin-top: 0;
	}
	
ul.location-block {
	float: right;
	margin-top: 0;
	}
	
img {
	border: 0 none;
	}
	
table.application-table {
	line-height: 1.2em;
	padding: 1em;
	border-spacing: .2em;
	}
	
table.application-table td{
	padding: .5em;
	border: 1px solid #C1CDFF;
	}
li.row1 {
	background-color: #da2;
	padding: 4px;
	}
li.row2 a, li.row2 a:visited {
	color: #843;
	font-weight: bold;
	}
p.issue1 {
	border: 1px solid #348;
	padding: 4px;
	}
p.issue2 {
	border: 1px solid #843;
	padding: 4px;
	}
</style>
