/* screen styles from template version 1.0 */
/* NOTE: any * > selector rules are for standards-compliant browsers. The rule before will have a style that works in IE6. */
/* Table of Contents 
	Non-displaying Elements
	Layout
		Page Specific Layout
	Typography and Inline Elements
	Navigation
*/

/* Non-displaying Elements*/
/* *************************************************************************************** */
#foo { display:none; }
#nav-secondary a { text-indent:-9999px; overflow:hidden } /* moves text inside menu anchors off screen. Remove if not using graphics for menu links. */
/* Layout */
/* *************************************************************************************** */
html { background-color:#302212; background-image:url(../images/layout/texture_bg.png); }
body { font-size:13px; text-align:center; }
#container { height:auto; margin:0 auto; position:relative; text-align:left; }
#branding { background: url(../images/layout/top_tile.png) repeat-x center top; }
#branding .inner-wrap { padding-top:20px; margin:0 auto; height:140px; background-image:url(../images/layout/branding_bg.png); background-repeat:repeat-x; background-position:center top; }
#page-image { position:absolute; top:56px; margin-left:727px; width:234px; height:90px }
#content { font-size:1.125em; background-color:#f0eeed; padding:2em 0; min-height:300px }
#content .main { width:615px; float:left; position:relative; overflow:hidden; }
#content .sidebar { width:234px; float:right; padding-left: 21px; border-left:dotted 1px #717070; position:relative; margin-bottom:1em }
#content .sidebar *:last-child, #footer .sidebar *:last-child { margin-bottom:0 }
#footer { background:url(../images/layout/footer_bg.png) top center repeat-x; padding:2em 0 2.5em; color:#f0eeed; float:none; clear:both; }
#footer .main { width:615px; float:left; position:relative; overflow:hidden; }
#footer .sidebar { width:234px; float:right; padding-left: 21px; border-left:dotted 1px #F0EEED; position:relative }
.inner-wrap { width:960px; margin:0 auto }
table td {border:solid 1px #D6D5D4}
#members-list {width:99%}
table#members-list td { padding:.5em 4em 2em .5em; border:solid 1px #d6d5d4; width:50% }

/* Page Specific Layout */
/* use a class on the body to change specific parts of the layout based on portions of the website (e.g. user vs. admin) */
#home_options { line-height:1.25em; border-top:dotted 1px #717070; xborder-bottom:dotted 1px #717070; padding-bottom:.5em; padding-top:.5em; margin:0 0 0 -28px; overflow:hidden; float:none }
#home_options li { list-style:none; margin-left:28px; width:184px; float:left; }
#home_options img { margin-bottom:0.125em; display:block; width:184px; height: 100px; background-color:#302212 } /* TEMP */
#home_options h2, #home_options a { text-decoration:none; margin-bottom:.125em; border-bottom:none }
#home_options h2 { font-size:18px; height: 2.25em; line-height:1.2em; margin-bottom:.5em; }
/* Typography and Inline Elements */
/* *************************************************************************************** */
#content .sidebar li {margin-left:1em;}
#footer { font-size:.9em; line-height:1.2em; }
#footer li { margin:0em; }
#footer .sidebar ul { list-style:none; }
.more_info {border-bottom:dotted 1px #717070; margin-bottom:1em;}
.more_info div {margin-bottom:1em; margin-top:1em}
.img_and_caption { width:234px; font-size:.8em; line-height:1em }
.img_and_caption a { text-decoration:none !important }
.img_and_caption.right { margin:0 0 1em 2em; text-align:right !important }
/* Navigation */
/* placement of navigation */
/* *************************************************************************************** */
#nav-main ul, #nav-secondary ul, #nav-tertiary ul { list-style:none; }
#nav-main li, #nav-secondary li, #nav-tertiary li { margin-left:0; display:inline }
#nav-main { background:url(../images/layout/nav_main_bottom.gif) repeat-x center bottom; overflow:hidden; padding:.125em 0 1em 0; font-family: Arial, Helvetica, sans-serif; }
#nav-main ul { margin:0 auto; width:986px }
#nav-main a { font-size:15.4px; font-weight:normal; text-decoration:none; display:block; float:left; background-repeat:no-repeat; margin-left:16px }
#nav-main a:link, #nav-main a:visited { color:rgb(210,208,206); }
* > #nav-main a:link, * > #nav-main a:visited { color:rgba(255, 255, 255, .8); }
#nav-main a:focus, #nav-main a:hover, #nav-main a:active { color:rgb(114,133,116); text-decoration:underline }
#nav-secondary { margin:0 auto; width:960px; }
#nav-secondary ul { position:absolute; top:15px; margin-left:727px; width:234px }
#nav-secondary li { display:inline }
#nav-secondary a { display:block; float:left; background-image:url(../images/layout/nav-secondary.png); height:36px; }
#btn-home:link, #btn-home:visited { background-position:left top; width:58px }
#btn-home:focus, #btn-home:hover, #btn-home:active { background-position:left bottom; }
#btn-about:link, #btn-about:visited { background-position:-58px top; width:105px }
#btn-about:focus, #btn-about:hover, #btn-about:active { background-position:-58px bottom; }
#btn-contact:link, #btn-contact:visited { background-position:-163px top; width:71px }
#btn-contact:focus, #btn-contact:hover, #btn-contact:active { background-position:-163px bottom; }
#nav-tertiary { background-color:#F0EEED; text-align:right }
#nav-tertiary ul { width:960px; margin:0 auto; }
#nav-tertiary li { margin-left:.5em; color:#728574; }
#nav-tertiary a { text-decoration:none; }
#nav-tertiary a:focus, #nav-tertiary a:hover, #nav-tertiary a:active { text-decoration:underline; }