/**********************************************************************
	Filename: smpsneo.css
	Project:  smpsneo.org
	
	Global style sheet
**********************************************************************/

/* Body Tag Definition */
body { margin:0px 0px 0px 0px; padding:0px; background-image:url( ../images/BG.gif ); }

/* Assign font and color to the general styles */
font, th, td, p, span, div, textarea, a, ul, ol, li { font-family:Arial, Helvetica, Verdana, sans-serif; color:#414142; font-size:12px; }
a { font-weight:normal; color:#e7a614; text-decoration:none; }
a:hover { color:#0069aa; text-decoration:none; }
p { margin-top:0px; }
hr { width:100%; height:1px; margin: 0px 0px 0px 0px; color:#cccccc; }

/* HEADINGS */
h1,h2,h3,h4,h5 { font-family:Arial, Helvetica, Verdana, sans-serif; margin:0px 0px 5px 0px; padding:0px; color:#5d9732; font-weight:400; }
h1 { margin-bottom:10px; font-size:17px; font-weight:900; text-transform:uppercase; }
h1 span { font-size:17px; color:#5d9732; font-weight:300; }
h2 { font-size:15px; }
h3 { font-size:14px; }
h4 { font-size:12px; }
h5 { font-size:10px; }

/* MAIN NAVIGATION */
/* nav SPEC width: 676px */
#navigation { width:770px; height:35px; padding-top:30px; text-align:center; background-color:#FFFFFF; background-image:url( ../images/navBG.gif ); background-repeat:repeat-x; }
#navigation a { font-size:12px; color:#414142; font-weight:bold; }
#navigation a:hover { color:#0069aa; text-decoration:none; }
.navSpacer { padding:0px 8px 0px 8px; }

/* MAIN ELEMENTS */
/* page SPEC width: 636px */
#page { position:relative; width:730px; min-height:250px; padding:345px 20px 0px 20px; text-align:left; background-color:#fff5da; background-image:url( ../images/pageBG.gif ); background-repeat:no-repeat; background-position:top right; }
#logo { position:absolute; top:5px; right:10px; }
#roundPic { position:absolute; top:5px; left:0px; width:320px; height:340px; background-image:url( ../images/roundPicBG.gif ); background-repeat:repeat-y; }
/* rightSide width SPEC: 390px */
#rightSide { float:right; width:484px; padding:7px 20px 20px 0px; text-align:left; }
#leftSide { width:165px; min-height:150px; padding:0px 10px 20px 10px; background-color:#FFFFFF; text-align:left; }
/* footer SPEC width: 676px */
#footer { width:770px; height:90px; padding-top:10px; color:#414142; font-size:10px; background-color:#FFFFFF; text-align:center; background-image:url( ../images/footerBG.gif );  }
#footer a { color:#414142; font-size:10px; }
#footer a:hover { color:#0069aa; }

/* SUB-MENU */
#leftSide h4 { margin:15px 0px 0px 0px; padding-left:15px; }
.submenuBlock { display:block; width:155px; margin:5px 0px 5px 0px; padding:2px 0px 2px 15px; color:#5d9732; font-weight:bold; background-color:#dde7d4; }
.submenuBlock:hover { color:#0069aa; text-decoration:none; }
.subnote { padding:0px 0px 5px 15px; font-size:10px; }
.subnote a { font-size:10px; }

/* CONTENT BLOCKS*/
.leftColumn { float:left; width:274px; margin-bottom:15px; padding-right:10px; }
.rightColumn { float:left; width:200px; margin-bottom:15px; }

/* IMAGES */
.leftImage { float:left; clear:both; }
.rightImage { float:right; clear:both; }

/* MISCELLANEOUS */
.tblList { background-color:#414142; }
.tblList a { color:#414142; font-size:10px; font-weight:bold; }
.tblList a:hover { color:#0069aa; }
.tblList div { margin-bottom:3px; font-weight:bold; font-size:11px; }
.tblList td { padding:3px 0px 3px 2px; }
.tblhdr td { background-color:#FFFFFF; font-weight:bold; }
.tbld0 { background-color:#FFFFFF; }
.tbld1 { background-color:#dde7d4; }

.horizRule { clear:left; height:1px; margin:3px 0px 15px 0px;  border-top:1px solid #0069aa; }
.eventTitle { font-size:15px; color:#b32317; }
.eventTitle a { font-size:15px; color:#b32317; }
.eventTitle a:hover { color:#0069aa; }
.newsTitle { font-size:14px; font-weight:bold; }
.newsTitle a { font-size:14px; font-weight:bold; }
.note { font-size:10px; margin-bottom:5px; }

/* PAGE CONTROL */
#pagebar { text-align:center; vertical-align:middle; }
#pagebar a { color:#414142; font-size:11px; padding:0px 5px 0px 5px; width:20px; height:16px; text-align:center; vertical-align:middle; }
#pagebar a:hover { color:#ffffff; background-color:#0069aa; text-decoration:none; }
#pagebar span { color:#414142; font-size:11px; padding:0px 5px 0px 5px; font-weight:bold; vertical-align:middle; }
#pagebar .pagearrow { font-size:10px; }

/* FORM ELEMENTS */
form { margin:0px; padding:0px; }
.frmlabel { font-size:12px; color:#414142; font-weight:bold; }
.frmtext { border:1px solid #414142; }
.button { width:100px; font-size:12px; color:#414142; font-weight:bold; }

/* PRINTING */
@media print {
	/* hide */
	#navigation, #roundPic, #leftSide { display:none; }
	/* format */
	body { background-image:none; }
	#logo { left:0px; top:0px; margin-bottom:20px; }
	#page { width:100%; min-height:auto; padding:120px 0px 0px 0px; background-color:#FFFFFF; background-image:none; }
	#rightSide { width:100%; padding:0px; }
	#footer { width:100%; background-image:none; }
}