/*
     |         |              |              |    
,---.|--- ,   .|    ,---.,---.|---.,---.,---.|--- 
`---.|    |   ||    |---'`---.|   ||---'|---'|    
`---'`---'`---|`---'`---'`---'`   '`---'`---'`---'
          `---'                                   
*/

 
/* Color Scheme
----------------------------------------------------------------------

- black		#000
- white		#fff
- blue 		#084473
- lt blue	#c6d7e8
- dk blue	#002141
- gray 		#666
- orange 	#F90
- cream		#f8e09e
- red		#a53121
- teal		#49777e

---------------------------------------------------------------------- */




/* layout and grids
---------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
.container { width:960px; margin:auto; }
.sidebar { width:220px; margin:10px; }
.module { padding:10px; margin-bottom:20px; }
.content { width:460px; margin:10px; }
	.wide { width:700px; }
	.main { padding:30px; margin-bottom:20px; }
	.secondary { padding:30px; }
	.fifth { width:20%; }
	.quarter { width:25%;}
	.third { width:33%; }
	.half { width:50%; }
	.twothirds { width:66%; }
	.threequarters { width:75%; }


/* basic typography
---------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
body { font-size: 87%; font-family: Helvetica, Arial, sans-serif; line-height: 1.5em; }
blockquote *:first-child { margin: .8em 0; }
hr, p, dl, pre, blockquote, address, table, form { margin-bottom: 1.5em; }
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em { font-style: italic; }
code, pre, tt { font-family: monaco, "Lucida Console", courier, monospace; }
small, sup, sub { font-size: 85%; }
abbr[title], acronym[title], {
cursor: help;
border-bottom: 1px solid #ccc;
}
sup { vertical-align: super; }
sub { vertical-align: sub; }
ins { text-decoration:none }
del { text-decoration:line-through }
h1, .h1 { color:#002141; font-size: 1.9em; margin: 0em 0 0.6em; }
h2, .h2 { color:#002141; font-size:1.6em; margin: 0em 0 0.6em; }
h3, .h3 { color:#002141; font-size: 1.3em; margin: 1em 0 0.57em; }
h4, .h4 { color:#002141; font-size:1.2em; margin: 1em 0 0.7em; }
h5, .h5 { color:#002141; font-size: 1.2em; margin: 0em 0 0.7em;}
h6, .h6 { color:#002141; font-size: 1em; margin: 0em 0; font-style: normal; }
a:link { text-decoration: underline; color: #36C; }
a:visited { text-decoration: underline; color: #036; }
a:hover { text-decoration: underline; color: #A53121; }
a:active, a:focus { text-decoration: underline; color: #036; }

/*.content ul li { list-style-type: disc; }
.content ul li ul li { list-style-type: circle; }
.content ul li ul li ul li{ list-style-type: square; }
.content ol li { list-style-type: decimal; }*/


/* glogals and generic classes
---------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
.enlarge { font-size: 140%; line-height: 0em; }
.floatleft { float:left; }
.floatright { float:right; }
.alignleft { float: left; margin-right: 20px; }
.alignright { float: right; margin-left: 20px; }
.hide, #mainnav span { text-indent: -9000px; position: absolute; height: 1px; width: 1px; }
.clear { clear:both; }
img { display:block; }  /* Odd bug in Firefox where space is added below an image inside a div */
.photocaption { color:#FFF; text-align:center; margin-top:.5em; }
.more:link, .more:visited { color:#f2c65d; font-weight: bold; text-transform: uppercase; text-decoration: underline; }
.more:hover { color:#F8E09E; }
.more:active, .more:focus { color: #F89823; }
ol.listreset, .listreset ol, ul.listreset, .listreset ul, .listreset li { margin:0; padding:0; list-style:none; }
.fancy { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; font-variant: normal; }
.divider-top { border-top: 2px dotted #F1FEFF; padding-top: 20px; }

#auxiliary ul, #auxiliary li, ul.utility, li.utility { list-style:none; margin:0; padding:0;}

.pagemenu ul li { text-indent:10px }

/* presentation styles and defaults
---------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
html { background-color:#084473;}
body { background: #084473 url(../images/bg-stripes.jpg) repeat-x; }
.container { background: url(../images/bg-maincontent-edges.png) repeat-y; }
.secondary { color:#c6d7e8; background: url(../images/bg-maincontent-fade.png) no-repeat; }
.secondary h2, .secondary h3 { color:#f8e09e; }
.module { background: url(../images/bg-sidebar-modules.png) no-repeat; }
.main { background: #c6d7e8 url(../images/stripped-bar.png) repeat-x left top; border: 2px solid #002141; }
.aside { background: url(../images/bg-content-side.png) repeat-x; min-height:250px; margin-top: -23px; padding-top: 10px; padding-left: 10px; margin-right: -30px; padding-right: 10px; }
.content ul, .content ol { margin-left: .85em; }
.content li { margin-left: .85em; list-style-type: disc; }
.content ol li { list-style-type:decimal;}


/* auxiliary 
---------------------------------------------------------------------- */
#auxiliary { background: #a53121 url(../images/stripped-bar.png) no-repeat left bottom; height: 40px; color: #F90; -moz-box-shadow: #002041 0 5px 5px -2px; -webkit-box-shadow: #002041 0 5px 5px -2px; box-shadow: #002041 0 5px 5px -2px; z-index:900; }
#auxiliary ul { margin:0px; }
#auxnav li a { color:#FFF; text-decoration: none; }
#auxnav li a:hover { color:#f8e09e; }
#auxnav li { padding-right: 13px; padding-left: 13px; border-right: 1px solid #F89823; float:left; margin-top: 7px; }
#auxnav li:last-child { padding-left: 13px; border-right: none; }


/* search form
---------------------------------------------------------------------- */
#searchform { margin-top: 5px; margin-right: 10px; }
#term { margin-right: 5px; margin-left: 5px; }
.searchbutton { width:26px; height:21px; text-indent:-9999px; overflow:hidden; border:0; background:url(../images/btn-search-go.gif) no-repeat 0 0; cursor:pointer !important; cursor:hand; }
.searchbutton:hover { background-position:0 -21px; }


/* header
---------------------------------------------------------------------- */
#branding { height: 182px; width: 230px; padding-right: 20px; }
#branding h1 { display:block; width:100%; height:100%; text-indent:-9009px; background:transparent url(../images/smps-logo.png) no-repeat 10px 10px; margin:0px; }
h1 a { display:block; width:100%; height:100%; outline:none; }
#slider {float:right;}

#slider { position:relative; background:url(/skins/smps/assets/images/loading.gif) no-repeat 50% 50%; }
#slider img { position:absolute; top:0px; left:0px; display:none; }


/* Main Navigation
---------------------------------------------------------------------- */
#mainnav { height: 37px; background: url(../images/navigation-sprite.png) no-repeat; font-size: 14px; margin:0; padding:0; }
#mainnav li { list-style-type: none; float: left; }
#mainnav a { height: 37px; display: block; }
	.navchapter { width:165px; }
	.navevents { width:132px; }
	.navnews { width:123px; }
	.navmembervices { width:213px; }
	.naccareers { width:138px; }
	.navcontact { width:185px; }
	.navchapter:hover { background: url(../images/navigation-sprite.png) 0px -37px no-repeat; }
	.navevents:hover { background: url(../images/navigation-sprite.png) -165px -37px no-repeat; }
	.navnews:hover { background: url(../images/navigation-sprite.png) -297px -37px no-repeat; }
	.navmembervices:hover { background: url(../images/navigation-sprite.png) -420px -37px no-repeat; }
	.naccareers:hover { background: url(../images/navigation-sprite.png) -633px -37px no-repeat; }
	.navcontact:hover { background: url(../images/navigation-sprite.png) -771px -37px no-repeat; }
	
	
/*** SUCKERFISH ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none; }
.sf-menu { line-height:1.0; }
.sf-menu ul { position:absolute; top:-999em; width:15em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width:100%; }
.sf-menu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float:left; position:relative; }
.sf-menu a { display:block; position:relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:2.5em; /* match top ul list item height */ z-index:99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:15em; /* match ul width */ top:0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:15em; /* match ul width */ top:0; }

/*** SUCKERFISH MENU STYLES ***/
.sub { background:#f8e09e; margin-left:20px; padding-top:2px; }
.sub li { display:block; width:15em; }
.sub li a { display:block; line-height:2.5em; background:#F90; color:#FFF; padding-left:10px; margin:0px 2px 2px; text-decoration:none; font-weight:bold; }
.sub li a:hover { background:#a53121; }


/* sidebar utility
---------------------------------------------------------------------- */
.utility { border-top: 2px dotted #8d9aa8; border-bottom: 2px dotted #8d9aa8; margin-top: 10px; margin-left: 10px; }
ul.utility { padding-top: 10px; padding-bottom: 10px;}
.utility li { line-height: 24px; list-style: none; margin: 0px; padding: 0px; }
.iprint { background: url(../images/icon-print.png) no-repeat; }
.iemail { background: url(../images/icon-email.png) no-repeat; }
.irss { background: url(../images/icon-rss.png) no-repeat; }
.imap { background: url(../images/icon-sitemap.png) no-repeat; }
.iprint, .iemail, .irss, .imap { padding-left: 30px; margin-left: 10px; }
.utility a:link, .utility a:visited { color: #8d9aa8; text-decoration: none; padding-top: 2px; padding-bottom: 2px; }
.utility a:hover { color:#F8E09E; }
.utility a:active, .utility a:focus { color: #F89823; }


/* Modules
---------------------------------------------------------------------- */
.thumbnail { border: 1px solid #FFF; -moz-box-shadow: #2e4d6b 0 0px 5px 2px; -webkit-box-shadow: #2e4d6b 0 0px 5px 2px; box-shadow: #2e4d6b 0 0px 5px 2px; }
.eventlist { padding-bottom: 10px; }
.eventlist p { border-bottom: 2px dotted #b3863b; padding-bottom: 16px; }
.module {color:#C6D7E8;}
.module a:link, .module a:visited { color:#f8e09e; text-decoration: none; }
.module a:hover { color:#F90; }
.module a:active, .module a:focus { color: #F89823; }
.module h3 { color:#f8e09e; text-align:center; font-size:1.2em; }
.pagemenu li { }
.pagemenu a { display: block; padding-top: 6px; padding-bottom: 6px; border-top: 2px dotted #F89823; }
/*ul.pagemenu { padding-bottom: 18px; }*/
.active { color: #FFF; }
.widget { padding-bottom: 18px; padding-top: 18px; }
.categories li { border-top: 2px dotted #F89823; padding-top: 6px; padding-bottom: 6px; }
.categories img {display:inline; margin-right:10px;}

/* sponsors
---------------------------------------------------------------------- */
.sponsors { background: #FFF; padding: 10px; width: 200px; text-align:center; }
.sponsors img { margin-left:auto; margin-right:auto; }
.sponsors h5 { color:#F90; border-top: 2px dotted #ccc; padding-top: 1pc; padding-bottom: 0px; margin-bottom: 0.1em; margin-top: 1em; }
.sponsors h4 { color:#a53121;}

/* Footer
---------------------------------------------------------------------- */
#footer { background: url(../images/bg-footer.png) no-repeat; height: 87px; clear: both; padding-left: 20px; }
#footer p { color: #FFF; padding-top: 63px; font-size: .87em; padding-bottom: 0px; margin-bottom: 0px; }

#comments { padding-top: 18px; border-top: 2px dotted #F1FEFF; }
.post { padding-top: 18px; border-top: 2px dotted #F1FEFF; }
.post h1 a:link, .post h1 a:visited { color: #123366; text-decoration: none; }
.post h1 a:hover { color: #AE4331; text-decoration: none; }
.mementothumbs { float: left; height: 220px; width: 190px; text-align: center; margin: 10px; }
.mementothumbs img { border: 1px solid #FFF; -moz-box-shadow: #2e4d6b 0 0px 5px 2px; -webkit-box-shadow: #2e4d6b 0 0px 5px 2px; box-shadow: #2e4d6b 0 0px 5px 2px; margin-right: auto; margin-left: auto; }