/************************************************************************************
	Filename: SmeCleveland.css
	Project:  SmeCleveland.com
	
	Description:
	Global stylesheet for the smecleveland.com web site
	
************************************************************************************/

/* UNIVERSAL STYLES */
body { margin:0px 0px 10px 0px; padding:0px; background-color:#deebca; }
body, span, div, p, td, a, li, input, textarea { font-family:Arial,Verdana,Helvetica,sans-serif,sans; font-size:12px; color:#4e5659; font-weight:normal; }
a { color:#87976d; font-weight:bold; text-decoration:none; text-transform:none; background-color:transparent; }
a:hover { color:#006fba; text-decoration:none; }
ul { margin-top:7px; margin-bottom:15px; }
ol { margin-top:7px; margin-bottom:15px; }
ul li { list-style-type:disc; font-weight:normal; line-height:normal; }
p { margin-top:0px; }
hr { height:1px; color:#abbf8a; }
.horizontalRule { height:1px; border-top:1px solid #abbf8a; margin:5px 0px 15px 0px; } /* FireFox and Safari refuse to accept styles on the hr tag */

/* TITLE HEADINGS */
h1, h2, h3, h4, h5 { font-family:Arial,Verdana,Helvetica,sans-serif,sans; color:#4e5659; margin:0px 0px 5px 0px; padding:0px; }
h1 { font-size:20px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:12px; }

/* MAIN ELEMENTS */
#header { position:relative; width:901px; height:210px; border-right:1px solid #4e585a; border-top:none; text-align:left; background-image:url( ../images/headerBG.jpg ); background-repeat:no-repeat; background-color:#FFFFFF; }
#homeLink { position:absolute; top:10px; left:14px; }
#headerLinks { position:absolute; top:90px; right:135px; }
#headerLinks div { float:left; padding:0px 7px 0px 7px; }
#headerLinks a { font-weight:bold; font-size:13px; color:#87976d; }
#headerLinks a:hover { color:#006fba; }
#main { width:901px; text-align:left; border-right:1px solid #4e585a; border-bottom:1px solid #4e585a; background-color:#abbf8a; background-image:url( ../images/contentBG.jpg ); background-repeat:no-repeat; background-position:top right; }
#page { clear:left; width:771px; min-height:512px; margin:0px; padding:0px; background-color:#FFFFFF; text-align:left; }
#pageHeading { position:absolute; top:125px; left:350px; font-family:times new roman,Arial,Verdana,Helvetica,sans-serif,sans; font-size:30px; color:#FFFFFF; font-weight:medium; }
#pageFooter { text-align:left; margin:15px 0px 3px 0px; padding:3px 0px 0px 5px; border-top:2px solid #abbf8a; font-weight:bold; font-size:10px; color:#abbf8a; }
#pageFooter a { color:#abbf8a; font-size:10px; }
#pageFooter a:hover { text-decoration:underline; }
#labelJoin { float:right; width:176px; margin:0px 10px 0px 0px; }
#footer { width:901px; text-align:center; margin-top:3px; font-size:10px; color:#4e5659; }
.note { font-size:10px; color:#696969; }

/* MAIN PAGE CONTENT FOR STANDARD PAGES */
.content { width:731px; min-height:300px; padding:40px 20px 0px 0px; }
.pageContent { float:right; width:513px; text-align:left; }
.contentPicRight { float:right; margin:0px 0px 10px 10px; }

/* NAVIGATION */
#navigation { position:absolute; top:186px; left:0px; width:870px; text-align:left; }
#navigation div { float:left; padding:0px 15px 0px 15px; border-right:1px solid #FFFFFF; }
#navigation a { font-size:14px; font-weight:bold; color:#FFFFFF; }
#navigation a:hover { color:#006fba; }
#navMask { margin-left:-5px; height:20px; background-color:#abbf8a; }

/* SUB-NAVIGATION */
#subNavigation { width:195px; margin-left:20px; }

/* SUB NAVIGATION ITEMS */
.subMenu { width:158px; margin-bottom:10px; border-top:1px solid #4e5659; border-bottom:1px solid #4e5659; }
.subMenu a { color:#4e5659; font-weight:bold; font-size:12px; }
.subMenu a:hover { color:#006fba; }
.subMenuLink { padding:3px 0px 2px 2px; }
.subPlusLink { float:right; margin-right:3px; }
.subPlusLink a { font-size:18px; }
.subMenuLink { padding:3px 0px 2px 2px; }


/* EVENTS */
.evtMenu { width:158px; margin-bottom:20px; border-top:1px solid #abbf8a; border-bottom:1px solid #abbf8a; }
.evtMenu h1 { margin:0px; padding:0px 0px 1px 2px; font-size:13px; color:#87976d; }
.evtMenuBlock { padding:4px 4px 4px 2px; background-color:#deebca; border-top:1px solid #abbf8a; border-bottom:1px solid #abbf8a; }
.evtMenuBlock div { font-size:11px; text-align:left; line-height:13px; }
.evtMenuLink { padding:4px 0px 2px 2px; text-transform:uppercase; font-size:11px; }
.evtMenuLink a { text-transform:uppercase; font-size:11px; }
.evtMenuLink a:hover { color:#006fba; }
.evtPlusLink { float:right; margin-right:3px; }
.evtPlusLink a { font-size:18px; font-weight:bold; }
.evtPlusLink a:hover { color:#006fba; }

/* BOARD MEMBERS */
.boardMember { min-height:60px; }
.boardMember img { float:left; margin:0px 10px 10px 0px; }
.boardMember br { clear:left; }
.boardMember h1 { margin-bottom:20px; color:#000000; font-size:12px; }
.boardMember h2 { margin-bottom:0px; color:#006fba; font-size:13px; }
.boardMember a { color:#000000; }
.boardMember a:hover { text-decoration:underline; }

/* PAST PRESIDENTS */
.pastPresident h2 { margin-bottom:0px; color:#006fba; font-size:13px; }
.pastPresident span { padding-right:10px; font-weight:normal; font-size:12px; color:#4e5659; }
.pastPresident a { color:#000000; }
.pastPresident a:hover { text-decoration:underline; }

/* AWARD WINNERS */
.winner { min-height:150px; margin-top:10px; clear:left; }
.winnerImage { float:left; margin:0px 10px 10px 0px; }
.winnerImage img { margin-bottom:10px; border:1px solid #000000; }
.winnerLogo { margin-top:5px; }
.winnerLogo img { border:none; }
.winner br { clear:left; }
.winner h1 { margin-bottom:20px; color:#000000; font-size:13px; }
.winner h2 { margin-bottom:0px; color:#006fba; font-size:13px; }
.winner a { color:#000000; }
.winner a:hover { text-decoration:underline; }

/* GENERAL IMAGE BLOCK WITH TEXT */
.imgBlock { min-height:60px; }
.imgBlock img { float:left; margin:0px 10px 10px 0px; }
.imgBlock br { clear:left; }
.imgBlock h1 { margin-bottom:20px; color:#000000; font-size:12px; }
.imgBlock p { margin-top:10px; }

/* E-NEWSLETTERS */
#eNewsletters br { clear:left; }
.enewsItem { float:left; width:130px; min-height:20px; padding:0px 10px 10px 0px; }
.enewsItem p { font-size:10px; }

/* TABLES */
/* list table */
.tbllist { background-color:#c0c0c0; margin-bottom:5px; }
.tbllist td { vertical-align:top; padding:5px 2px 2px 2px; }
.tblhdr td { font-weight:bold; text-transform:uppercase; background-color:#FFFFFF; }
.tblrow0 { background-color:#FFFFFF; }
.tblrow1 { background-color:#e5e5e5; }
.tblrow0 a { font-size:10px; font-weight:bold; }
.tblrow1 a { font-size:10px; font-weight:bold; }
.tbllabel { font-weight:bold; font-size:11px; }
.tblfield { font-weight:normal; font-size:11px; }
/* data */
.tblinfo { margin-top:10px; }
.tblinfo td { vertical-align:top; padding:2px 5px 2px 0px; }

/* PAGE CONTROL */
#pagebar { text-align:center; vertical-align:middle; margin-bottom:5px; }
#pagebar a { color:#4e5659; 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:#006fba; text-decoration:none; }
#pagebar span { color:#006fba; 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; }
.frmField { float:left; width:275px; margin-top:7px; }
.frmField h4 { margin-bottom:0px; }
.frmClear { clear:left; }
.frmtext { font-size:12px; color:#000000; border:1px solid #000000; }
.frmselect { font-size:12px; font-weight:bold; color:#3c1b1c; }
.frmbutton { width:100px; font-size:12px; font-weight:bold; }

/* ERROR DISPLAY */
.errBox { width:500px; margin-left:20px; text-align:left; background-color:#FFFFFF; padding:10px; border:1px solid #990000; }
.errTitle { color:#990000; font-weight:bold; font-size:14px; }
.errMessage { font-weight:bold; color:#990000; }

.tblDMSASponsorship { background-color:#c0c0c0; }
.tblDMSASponsorship td { font-size:11px; background-color:#FFFFFF; }

/* PRINT */
#printLogo { display:none; }
@media print {
	/* main elements */
	body { margin:0px; padding:0px; background-color:#FFFFFF; }
	#printLogo { display:block; margin-bottom:10px; }
	#main { width:100%; text-align:left; border:none; background-color:transparent; }
	#header, #mainNavigation, #navigation, #subNavigation, #subMenu, .tabExtension { display:none; }
	#pageHeading { width:100%; height:auto; margin:0px 0px 20px 0px; background-image:none; }
	#page { width:100%; min-height:auto; margin:0px; padding:0px; }
	.content { width:100%; min-height:auto; padding:0px; margin:0px; background-image:none; }
	.pageContent { width:100%; }
	#footer { width:100%; margin:0px; color:#3c1b1c; }
	#footer div { color:#3c1b1c; }
	#footer a { color:#3c1b1c; }
}