/* text styles */

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #000000;
	background-color: #000000;
        behavior: url("csshover3.htc");
}

p { margin: 0px 0px 17px 0px; }
em { font-style: italic; }
strong { font-weight: bold; }

ul { list-style: disc; margin: 0px 0px 17px 25px; }
ul li { list-style-image: url(http://www.towergroveabbey.org/themes/site_themes/tga/ul-li-arrow.gif); }
ol { list-style: decimal; margin: 0px 0px 17px 25px; }

a { font-size: 10px; color: #666666; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; }
a:hover { color: #666666; text-decoration: underline; }

h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; line-height: 21px; font-weight: normal; margin: 0px 0px 9px 0px; color: #ad0000; }
h2 { font-weight: normal; color: #FFFFFF; text-transform: uppercase; letter-spacing: 1px; background-color: #ad0000; padding: 5px 10px; margin: 0px 0px 3px 0px; }
h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; line-height: 21px; font-weight: normal; margin: 0px 0px 12px 0px; color: #000000; }
h4 { font-weight: normal; color: #666666; text-transform: uppercase; letter-spacing: 1px; margin: 0px; }
h5 { font-weight: normal; font-style: italic; margin: 0px 0px 5px 0px; }
h6 { }

span.date { font-size: 10px; line-height: 17px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; color: #ad0000; padding: 0px 0px 5px 0px; border-bottom: 1px solid #CCCCCC; }

/* global page structure */

#header { width: 793px; margin: 20px auto; position: relative; }
#container { width: 789px; margin: 20px auto 0px auto; }

#footer { clear: both; padding: 10px 0px 0px 0px; font-size: 10px; line-height: 16px; color: #CCCCCC; }
#footer p { border-top: 1px solid #CCCCCC; padding: 8px 0px 0px 0px; }
#footer p span { float: right; }
#footer a { color: #CCCCCC; text-transform: none; }
#footer a:hover { color: #CCCCCC; text-decoration: underline; }

/* interior page specific elements */

#title { clear: both; width: 747px; margin: 0px 0px 8px 0px; padding: 20px; border: 1px solid #666666; }
#title h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; line-height: 30px; margin: 0px; color: #FFFFFF; }

div.about { background-color: #ffcc00; }
div.events { background-color: #ad0000; }
div.arts_programs { background-color: #005800; }
div.rental { background-color: #9900cc; }
div.location { background-color: #999999; }

.wrapper { width: 776px; margin: 0px 0px 3px 0px; padding: 5px; background-color: #EEEEEE; border: 1px solid #666666; }
.wrapper .box { width: 776px; background-color: #FFFFFF; overflow: auto; }
.wrapper .box .content { float: left; width: 525px; margin: 0px; padding: 10px; border-right: 1px dotted #666666; }
.wrapper .box .sidebar { float: left; width: 210px; padding: 10px; }

.fullwidth { float: none; width: 756px; margin: 0px; padding: 10px; border: 0px; }
.fullwidth .column { float: left; width: 368px; margin: 0px 20px 0px 0px; }
.fullwidth #last { margin: 0px; }

.wrapper .box .content h3 { color: #666666; }

/* homepage specific elements */

#container #intro { clear: both; width: 237px; height: 160px; margin: 0px 0px 20px 0px; padding: 15px 10px 10px 542px; background: url(http://www.towergroveabbey.org/themes/site_themes/tga/intro-photo.jpg) top left no-repeat; background-color: #FFFFFF;	 border: 1px solid #666666; overflow: auto; }

#content { float: left; width: 520px; margin: 0px 25px 20px 0px; }
#content .wrapper { width: 508px; padding: 5px; background-color: #EEEEEE; border: 1px solid #666666; }
#content .wrapper .box { width: 488px; margin: 0px 0px 3px 0px; padding: 10px; background-color: #FFFFFF; }
#content .wrapper .box .imageContainer { float: right; width: 171px; margin: 0px 0px 0px 10px; text-align: center; }

#sidebar { float: left; width: 244px; margin: 0px 0px 20px 0px; }
#sidebar .box { width: 232px; margin: 0px 0px 3px 0px; padding: 5px; background-color: #FFFFFF; border: 1px solid #666666; }

/* navigation */

#header ul { list-style: none; margin: 0px; padding: 33px 0px 0px 0px; font-size: 10px; line-height: 14px; font-weight: bold; }
#header ul li { float: left; display: block; width: 139px; margin: 0px 5px 20px 0px; padding: 0px 0px 8px 0px; border-bottom: 1px solid #666666; }
/* #header ul li:hover { border-bottom: 0px; } */
#header ul li a { color: #FFFFFF; text-decoration: none; }

#header ul li ul { position: absolute; display: none; padding: 0px; margin: 0px; }
#header ul li:hover ul { display: block; margin: 8px 0px 0px 0px; background-color: #FFFFFF; border: 1px solid #666666; border-bottom: 0px; }
#header ul li:hover ul li { float: none; display: block; width: 117px; margin: 0px; padding: 10px; border-bottom: 1px solid #666666; }
#header ul li:hover ul li:hover { background-color: #EEEEEE; }
#header ul li:hover ul li a { color: #666666; font-weight: normal; }

#header img { float: left; margin: 0px 16px 0px 0px; } /* floats TGA logo to the left of the menu */

#header ul li a:hover.about { color: #ffcc00; background-color: none; }
#header ul li a:hover.events { color: #ad0000; background-color: none; }
#header ul li a:hover.arts { color: #005800; background-color: none; }
#header ul li a:hover.rental { color: #9900cc; background-color: none; }
#header ul li a:hover.location { color: #999999; background-color: none; }

/* red buttons */

a.button { padding: 8px; background-color: #990000; color: #FFFFFF; }
a.button:hover { background-color: #666666; text-decoration: none; }

/* photo gallery */

ul.gallery { list-style: none; margin: 0px; font-size: 10px; line-height: 14px; color: #666666; }
ul.gallery li { float: left; display: inline; list-style-image: none; width: 246px; margin: 0px 9px 10px 0px; }
ul.gallery li:nth-child(3n) { margin: 0px 0px 10px 0px; }
ul.gallery li img { margin: 0px 0px 4px 0px; }

/* form styles */

input#from, input#name, input#phone, textarea#message { border-top: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; background-color: #F4F4F4; }

input#from:focus, input#name:focus, input#phone:focus, textarea#message:focus { background-color: #FFFFFF; }

.content input#from { width: 513px; padding: 5px; }
.content input#name { width: 513px; padding: 5px; }
.content input#phone { width: 513px; padding: 5px; }
.content textarea#message { width: 513px; height: 200px; padding: 5px; }

.fullwidth input#from { width: 356px; padding: 5px; }
.fullwidth input#name { width: 356px; padding: 5px; }
.fullwidth input#phone { width: 356px; padding: 5px; }
.fullwidth textarea#message { width: 356px; padding: 5px; height: 60px; }

/* at-a-glance calendar styles */

.calendar { margin: 0px 0px 20px 0px; }
.calendar tr th { padding: 5px; vertical-align: top; font-weight: bold; text-align: left; border-bottom: 1px solid #444444; }
.calendar tr td { padding: 5px; vertical-align: top; border-bottom: 1px solid #777777; }

/* miscellaneous styles */

.floatLeft { float: left; margin: 0px 10px 5px 0px; }
.floatRight { float: right; margin: 0px 0px 5px 10px; }