/* global namm stylesheet file */

/* site architecture
------------------------------------------------------------------------------------*/
*, * html	{margin: 0; padding: 0;}
body	{text-align: center; background: #fff; font-size: 9pt; font-family: verdana,helvetica,sans-serif;}

.container-header	{width: 100%; background: url(http://www.rompforresearch.com/images/bg-page.gif) 0% 0% repeat-x #fff; text-align: center;}
.container-body	{width: 100%; clear: both; text-align: center;}
.container-footer	{width: 100%; clear: both; height: 20px; background: url(../images/bg-footer.gif) 0% 0% repeat-x; text-align: center;}
	.container-footer p	{padding: 5px 0 0 0; text-align: center; color: #fff; font-size: 9px;}

/* general content
------------------------------------------------------------------------------------ */
a:link, a:visited	{position: relative; z-index: 1000; text-decoration: none; color: #2e9091;}
	a:hover	{text-decoration: underline;}
h3	{padding: 5px 0; font-size: 10pt; color: #a5b95e; font-weight: normal;}
	h3 a:link, h3 a:visited, h3 a:hover	{color: #339999;}
p	{padding: 0 0 10px 0;}
img	{border-style: none;}
.clear	{clear: both;}
.left	{text-align: left;}
.right	{text-align: right;}
.center	{text-align: center;}
.divider	{clear: both; width: auto; height: 2px; margin: 0 15px; padding: 5px 0; background: url(../images/bg-divider.gif) 0% 0% repeat-x; overflow: hidden;}
.floatleft	{float: left; margin: 0 10px 10px 0;}
.floatright	{float: right; margin: 0 0 10px 10px;}

/* header
------------------------------------------------------------------------------------*/
.header	{width: 790px; height: 146px; margin: 0 auto; text-align: left; overflow: hidden;}

.main-nav	{}
	.main-nav ul	{list-style: none; padding: 4px 0 0 10px;}
	.main-nav li	{float: left; display: block; margin: 2px 0; font-weight: bold; border-right: 1px solid #fff;}
		.main-nav li.last	{border-style: none;}
	.main-nav a:link, .main-nav a:visited, .main-nav a:hover	{display: block; padding: 2px 10px 4px 0; margin: 2px 0 0 10px; color: #333;}
		.main-nav a:hover, .main-nav a.selected:link, .main-nav a.selected:visited, .main-nav a.selected:hover	{font-weight: bold; text-decoration: underline; color: #2e9091;}
		

/* main content
------------------------------------------------------------------------------------*/
.main-content	{width: 790px; min-height: 425px; margin: 0 auto; padding: 0 0 15px 0; text-align: left;}
	
/* homepage */
#home .main-content	{padding: 0 0 15px 0;}
#home .main-content .col1	{display: inline; float: left; width: 408px; margin: 0 0 0 40px; overflow: hidden;}
	* html #home .main-content .col1	{}
#home .main-content .col2	{display: inline; float: right; width: 315px; overflow: hidden;}

#home .welcome	{margin: 5px 0; font-size: 8pt;}
#home .directions	{float: left; width: 170px; overflow: hidden;}

#home .donate	{margin: 5px 0;}
	#home .donate h3	{font-size: 11pt;}

#home .gallery	{float: right; width: 210px; overflow: hidden;}

/* about us */
#about .container-header	{height: 132px;}
#about .main-content	{height: 408px; padding: 50px 0 0 0; background: url(../images/bg-about.jpg) 0% 0% no-repeat;}
	#about .main-content p	{padding: 0 65px 10px 65px;}
	
/* details */	
#details .main-content	{width: 750px; padding: 0 20px 15px 20px;}

/* sponsors */	
#sponsors .main-content	{width: 750px; padding: 0 20px 15px 20px;}
	#sponsors .list-col1, #sponsors .list-col2, #sponsors .list-col3	{float: left; text-align: left; width: 240px; margin: 10px 0 0 0;}
	#sponsors .list-col2	{text-align: center;}
	#sponsors .list-col3	{text-align: right;}
	#sponsors .list-col1 img, #sponsors .list-col2 img, #sponsors .list-col3 img	{margin: 0 0 10px 0;}
	
/* committee */	
#committee .main-content	{width: 750px; padding: 0 20px 15px 20px;}
	#committee .list-col1	{float: left; text-align: left; width: 50%;}
	#committee .list-col2	{float: left; text-align: left; width: 50%;}

/* contacts */	
#contacts .main-content	{width: 750px; padding: 0 20px 15px 20px;}

/* gallery */	
#gallery .main-content	{text-align: center;}
.gallery-container	{width: 600px; margin: 0 auto;}


/* register */
#register .main-content	{width: 750px; padding: 0 20px 15px 20px;}
.register_form	{float: right; width: 300px; margin: 0 0 10px 20px; padding: 10px; border: 1px solid #000;}
	.register_form ul	{list-style: none;}
	.register_form li	{margin: 0 0 5px 0;}
	.register_form label	{display: block; float: left; width: 100px;}
	.register_form .textfield	{width: 150px;}
		.register_form .textfield#zip	{width: 75px;}
	.register_form select	{width: 160px;}
		.register_form select option	{padding: 0 2px;}
	.register_form .button input	{position: relative; top: 5px; left: 100px;}