/* CSS Document For Saint Demetrios Greek Orthodox Church, Tuscon, AZ*/

/* Body Tag*/
body { background: #00263C; margin: 0px; padding: 0px; font-family: Helvetica, "Helvetica-Neue", Arial; }

/* Header */
#headerImg	{ float: left; top: 0px; left: 0px; position: absolute; z-index: 8; visibility: visible; background-color: #5C87A1; width: 775px; height: 157px; background-image:   url(../images/headr_stgeorge.jpg); background-repeat: no-repeat; border-right-width: 1px; border-right-style: solid; border-right-color: #000000; }
#parishName { font-family: Helvetica, "Helvetica Neue", Arial; font-size: 22px; color: #FFF; text-decoration: none; font-weight: bold; text-transform: capitalize; font-style: normal; margin: 0px; padding: 0px; left: 213px; top: 42px; position: absolute; line-height: normal; }
#parishLocation { font-family: Helvetica, "Helvetica Neue", Arial; font-size: 14px; color: #FFF; text-decoration: none; font-weight: bold; text-transform: capitalize; font-style: normal; margin: 0px; padding: 0px; left: 213px; top: 65px; position: absolute; line-height: normal; }

/* Navigation -- Top */
#topNav  { background-color: #5C87A1; height: 35px; margin: 0; width: 775px; position: relative; visibility: visible; top: 144px; z-index: 30; overflow: hidden; }
#topNav ul { margin: 0; padding: 0px; height: 35px; }
#hNav li { display: inline; list-style: none; }
#hNav li a { color: #fff; display: block; float: left; padding: 12px 8px 10px 8px; margin: 0px; font-weight: bold; text-decoration: none; text-transform: capitalize; font-size: 11px; border-right: solid 1px #fff; }
#hNav li a:hover { background-color: #EAE7D1; color: #993333; text-decoration: none; }
#hNav li a:visited { color: #fff; }

/* Navigation -- Side */
#linkList { z-index: 12; font-family: Arial, Helvetica, "Helvetica Neue"; padding: 0px; width: 170px; position: absolute; top: 215px; }
#linkList li { color: #000; }
#linkList ul { list-style: none; margin: 0px; padding: 0px; background: #D9CFB8; }
#linkList li { color: #000; border-bottom: 1px solid #000; padding: 0px; line-height: 15px; }
html>body #linkList li { padding: 0.2em 0px; }
#linkList li:hover { background: #B3BEBF; color: #00263C; }	
html>body #linkList li a { padding: 0 0 0 10px; }
#linkList li a { font-size: 11px; display: block; color: #000; padding: 3px 0 3px 10px; margin: 0; width: 100%; font-weight: bold; text-decoration: none; text-transform: capitalize; }
#linkList li a:hover { color: #00263C; background-color: #B3BEBF; }
#lselect ul li { color: #000; }
#lselect ul li a { font-weight: bold; display: inline; color: #000; text-transform: none; }

/*Page Content Area*/
#contentArea  { background-color: #EAE7D1; width: 775px; position: absolute; left: 0px; top: 176px; z-index: 0; visibility: visible; border-right-width: 1px; border-right-style: solid; border-right-color: #000000; }
#bodyText  { z-index: 1; visibility: visible; background-color: #B3BEBF; margin: 0px 0px 0px 170px; right: 775px; padding: 10px 8px 20px 10px; font-size: 75%; line-height: 22px; font-family: Helvetica, "Helvetica-Neue", Arial; }

h1, h2, h3, h4, h5, h6  { font-family: Georgia, Times, "Times New Roman"; color: #333; text-transform: capitalize; font-style: italic; line-height: normal; }

.pageTitle { font-size: 18px; font-weight: bold; color: #666666; text-decoration: none; font-style: normal; text-transform: uppercase; font-family: Arial, sans-serif; }
.sectionTitle { font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; font-style: normal; text-transform: uppercase; }

.smallLinks, .smallLinks a { font-size: 10px; text-decoration: none; color: #CC0033; }	
.smallLinks a:hover { text-decoration: underline; color: #FF0000; }
.smallLinks a:active { color: #996600; }

.footer { font-family: Helvetica, Helvetica Neue, Arial; font-size: 11px; color: #333; text-decoration: none; font-weight: normal; text-align: center; line-height: 16px; }