@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, small, strike, strong, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; color: #414141; font-family: "Lucida Grande","Trebuchet MS","Tahoma","Arial",sans-serif; font-size: 100%; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; text-align: center; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

h1 { font-size: 2em; letter-spacing: 0; font-weight: normal; }

h2 { font-size: 1.5em; font-weight: normal; }

h3 { font-size: 1.4em; font-weight: normal; color: #2665A3; }

h4 { font-size: 0; margin: 0; padding: 0; }

p { font-size: 1.35em; }

input, textarea { font-size: 1.35em; color: black; }

a:link, a:visited { color: white; _font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }

p a:hover { text-decoration: underline; }

html { background: #AF730E url(../images/gradient.png) repeat-x scroll 0 0; }

body { font-size: 62.5%; }

#container { width: 1000px; margin: 0 auto; }

#header { overflow: hidden; height: 100%; height: 151px; background: transparent url(../images/header.png) no-repeat; }
#header img { float: left; margin: 0 0 0 50px; }
#header h1 { float: left; margin-top: 60px; color: #DFDFE0; font-size: 2.2em; }
#header p { float: right; color: white; margin-right: 40px; position: relative; top: 70px; font-size: 1.2em; }
#header ul { width: 800px; height: 100%; float: right; margin: 0; padding: 0; margin-top: 1.5em; font-size: 1.4em; }
#header ul li { display: inline; padding-right: 40px; }
#header ul li a:hover { text-decoration: underline; }

#main { width: 940px; background: #eeebeb; margin: 0 auto; border-bottom: 1px #1e1e1e solid; border-right: 1px #1e1e1e solid; border-left: 1px #1e1e1e solid; overflow: hidden; text-align: left; }
#main div.left { width: 471px; background: white; border: 1px #c8c7c7 solid; position: relative; top: 12px; left: 12px; float: left; }
#main div.left img { margin: 10px auto; border: 4px #edcfbe solid; }
#main div.left h1 { background-color: #f4dfce; padding: 5px 0px 5px 40px; text-align: left; color: #741519; font-weight: bold; }
#main div.left p { margin: 0 auto; padding: 17px 0; text-align: left; width: 410px; }
#main div.left a { color: #7e1a1e; }
#main div.right { width: 420px; float: right; }
#main div.right div.news { background: white; border: 1px #c8c7c7 solid; position: relative; top: 12px; right: 12px; }
#main div.right div.news h1 { background-color: #F4DFCE; color: #741519; font-weight: bold; padding: 5px 0 5px 40px; text-align: left; }

div.news ul { text-align: left; font-size: 1.35em; padding: 17px 0 17px 20px; }
div.news ul li { text-align: left; line-height: 30px; padding-left: 25px; background: url(../images/shield.png) no-repeat; color: #7e1a1e; font-size: large; }

#main div.left div.news ul li { text-align: left; line-height: 30px; padding-left: 25px; background: url(../images/shield.png) no-repeat; color: #7e1a1e; font-size: large; }

div.news ul li a { text-align: inherit; line-height: inherit; padding-left: inherit; color: inherit; }

#main div.right div.volunteer { background: white; border: 1px #c8c7c7 solid; position: relative; top: 26px; right: 12px; width: 420px; }
#main div.right div.volunteer h2 { padding: 15px 0px 25px 80px; text-align: left; color: #741519; font-weight: bold; margin-top: 10px; }
#main div.right div.volunteer .black { color: #414141; font-size: .9em; }
#main div.right div.volunteer img.volunteer { margin: 15px 20px 0 20px; float: left; border: 4px #edcfbe solid; display: inline; }
#main div.right div.questions { background: white; border: 1px #c8c7c7 solid; position: relative; top: 40px; right: 12px; width: 420px; }
#main div.right div.questions h2 { padding: 15px 0px 25px 80px; text-align: left; color: #741519; font-weight: bold; margin-top: 10px; }
#main div.right div.questions .black { color: #414141; font-size: .9em; }
#main div.right div.questions img.questions { margin: 15px 20px 0 20px; float: left; border: 4px #edcfbe solid; display: inline; }
#main #cLeft { width: 633px; background: white; border: 1px #c8c7c7 solid; position: relative; top: 12px; left: 12px; float: left; }
#main #cLeft h1 { background-color: #f4dfce; padding: 5px 0px 5px 40px; text-align: left; color: #741519; font-weight: bold; margin: 17px 0; }
#main #cLeft p { padding-bottom: 17px; margin: 0 auto; width: 580px; }
#main #cLeft a { color: #7e1a1e; }
#main #cLeft h2 { color: #741519; font-weight: bold; text-align: left; width: 580px; margin: 0 auto; padding-bottom: 10px; }
#main .sidebar { width: 271px; float: right; background: white; border: 1px #c8c7c7 solid; position: relative; top: 12px; right: 12px; padding-bottom: 15px; margin-bottom: 10px; }
#main .sidebar ul#pics { margin: 0 auto; list-style: none; width: 250px; padding-top: 10px; }
#main .sidebar ul#pics li { float: left; width: 125px; margin: 0; padding-top: 8px; }
#main .sidebar ul#pics li img { border: 2px #edcfbe solid; }
#main .sidebar h2 { background-color: #f4dfce; padding: 5px 0px 5px 25px; text-align: left; color: #741519; font-weight: bold; width: 246px; margin: 17px 0; }
#main .sidebar ul.list { margin: 0; list-style: none; width: 250px; padding: 0 0 10px 18px; }
#main .sidebar ul.list li { width: 210px; margin: 0; line-height: 26px; font-size: 1.25em; text-align: left; }
#main .sidebar ul.list li a { color: #7e1a1e; }
#main #photos { width: 913px; background: white; border: 1px #c8c7c7 solid; padding-bottom: 20px; position: relative; top: 12px; left: 12px; float: left; list-style-image: none; }
#main #photos h1 { background-color: #f4dfce; padding: 5px 0px 5px 40px; text-align: left; color: #741519; font-weight: bold; margin: 17px 0; }
#main #photos ul.recent_photos { margin: 0 auto; list-style: none; width: 800px; padding-left: 90px; }
#main #photos ul.recent_photos li { float: left; width: 12em; margin: 0; padding-top: 8px; }
#main #photos ul.recent_photos li img { width: 108px; height: 70px; }
#main #photos li { text-align: center; list-style-image: none; }
#main #photos li a { color: #7e1a1e; font-size: medium; list-style-image: none; }
#main #footer { margin: 0 auto; padding-top: 30px; clear: both; }
#main #footer div.right p { float: right; clear: none; padding-bottom: 20px; }
#main #footer div.left p { float: left; clear: none; }
#main #footer a { color: #7e1a1e; }
