/*	Title: NOBE 2.0 CSS		Author: David Grochocki, NOBE Illinois IT Director										*/
/*	This document contains both original and open source css styles gathered from various free online sources		*/

* {margin: 0; padding: 0; outline: none;}
html {padding-bottom: 1px; height: 100%;}
* body {font: .75em "Trebuchet MS", Arial, Sans-Serif;	color: #444;}
p {margin: 0 0 1em 0;	line-height: 1.8em;}
a:hover {text-decoration: none;}
img {border: 0;}


/* Headlines */
h1, h2	{font-weight: normal;letter-spacing:-1px;word-spacing:-1px;border-bottom: 2px solid #eee;}
h1 {font-size: 3em;	margin: 0 0 .4em;}
h2 {font-size: 2em;	margin: 0 0 .7em;}
h3 {font-size: 1.5em;	margin: 0 0 .8em;}
h4 {font-size: 1.3em;	margin: 0 0 .3em;}

/* Headlines Links */
h1 a, h2 a, h3 a, h4 a {font-size: .7em;}
h1 a.spaced, h2 a.spaced, h3 a.spaced, h4 a.spaced{margin:0 10px 0 10px;}

/* Headlines Details */
h1 span.detail, h2 span.detail, h3 span.detail, h4 span.detail	{font-size:0.6em;font-style:italic;color: #818181;margin: 0 0 0 .5em;}
h1 span.detail2, h2 span.detail2, h3 span.detail2, h4 span.detail2	{font-size:0.46em;color: #818181;margin: 0 0 0 .4em;}
h4 span.detail {font-size:.8em;	margin: 0 0 0 .6em;}

/* Special Underlined */
h3.underlined { border-bottom: 1px solid #eee; !important}
h1.noline, h2.noline, h3.noline, h4.noline { border-bottom: none;}

/* Misc. Classes */
.clear { clear:both; }
.right { float:right; }
.green { color: #4F8A10; }
.red { color: #D8000C; }
.black { color: #444; }
.pointer { cursor:pointer; }
.micro { font: 9px verdana,sans-serif; color:#4b4b4b; }

table.verticleBadges { text-align:center; width:276px;}
table.verticleBadges td { verticle-align: middle; padding-bottom:10px; }

img.profilePic	{margin:20px 15px;	border: 3px solid #e0e0e0; width: 200px;}
img.miniProfilePic	{margin:2px; border: 3px solid #e0e0e0; width: 100px;}

a.miniIndent {margin-left:15px; font-size:.6em;}

/* Alerts and Boxes */
.inlineBox {border: 1px solid #e0e0e0;	background: #f4f4f4;	padding: 7px;}	/* Gray styleistic box around content */
.info, .success, .warning, .caution, .denied {border: 2px solid;width:60%;margin: 10px auto;padding:15px 10px 15px 60px;} /* Boxes */
.shortAlert {border: 2px solid;width:80%;margin: 0px auto;padding:15px 10px 15px 60px;} /* Boxes */
.fullLength {border: 2px solid;width:100%;margin: 10px auto;padding:5px 10px 5px 60px;} /* Boxes */
.info {color: #00529B;	background:#BDE5F8 url('alerts/info.png') no-repeat 10px 10px;}	/* Blue */
.success {color: #4F8A10;	background:#DFF2BF url('alerts/success.png') no-repeat 10px 10px;}	/* Green */
.caution {color: #9F6000;	background: #FEEFB3 url('alerts/caution.png') no-repeat 10px 10px;}	/* Yellow */
.warning {color: #D8000C;	background: #FFBABA url('alerts/warning.png') no-repeat 10px 10px;}	/* Red */
.denied {color: #D8000C;	background: #FFBABA url('alerts/denied.png') no-repeat 10px 10px;}	/* Red */

/* lists */
#content ul li	{margin: 0 0 20px 20px;	list-style-type:square;}
#content ul li.sub	{font-size:.9em;	margin: -15px 0 15px 40px;	list-style-type:none;}	/* Smaller sub list category */
#content ul.plain li	{margin: 0;	list-style-type:none;}	/* Removes list styling */
#content ul.condensed li	{margin: 0 0 2px 20px;	list-style-type:square;}	/* Same as standard, but less space between points */

/* Wrappers	*/
#content {margin-top:100px;	clear: both;}	/* Content Container - excludes header/footer */
.wrap {width: 900px;	margin: 0 auto;	clear:both;}	/* Wrapper - regular content */
.wrapLong {width: 1000px;	margin: 0 auto;}	/* Wide Wrapper - home page */
.col {width: 276px;	margin: 0 30px 16px 0;	float: left;}	/* Content Column (1/3) */
.colMin {width: 200px;	margin: 0 20px 16px 0;	float: left;}	/* Min Width Content Column (1/3) */
.col2 {width: 552px;	margin: 0 30px 16px 0;	float: left;}	/* Content Column (2/3) */
.col3 {width: 582px;	margin: 0 0 16px 0;	float: left;}	/* Content Column (2/3) */
.col2Max {width: 680px;	margin: 0 0 16px 0;	float: left;}	/* Max Width Content Column (2/3) */
.last {margin: 0;	float: right;}	/* Denotes last column in series */

/* TOOL TIPS */
a.tooltip{z-index:10;}
a.tooltip:hover{position:relative;z-index:100;}
a.tooltip span{display:none;}
a.tooltip:hover span{
	display:block;
	position:absolute;
	float:left;
	white-space:wrap;
	top:20px;
	left:40px;
	width:200px;
	background:#1c1c1c;
	border:2px solid #444;
	color:#fff;
	padding:5px 5px;
	z-index:10;
}

/* Header */
#header {width: 900px;	height: auto;	margin: 15px auto;}	/* Header Container */
#header span {margin: -15px 0 0 40px;	float: left;}	/* Logo Container */
#header span img {width:230px;}	/* Logo Container */

/* Menu */
#menu {padding: 6px 0 0 0;	list-style: none;	float: right;}
#menu li {display: inline;}
#menu a {
	display: block;
	float: left;
	margin-left: 30px;
	padding: 7px;
	text-decoration: none;
	font-size: 14px;
	color: #000000;
}
#menu a:hover {color: #000;	border-bottom: 2px solid #ccc;}

/* Main Page */
#bar {height: 40px;margin: 0 0 30px;padding: 8px 0 0 0;background: url(bar.png) repeat-x;} /* Dark Gray Bar */
.supersize {float:left;font-size: 4em;color: #B2B2B2;font-style:italic;border: 0;line-height:90px;margin-left:30px;} /* large stylistic text */

/* Containers for Main Content (slideshow/quotes) */
#left {width:600px;	float: left;}
#right {height:280px;	width:375px;	float: right;}

/* Centers Quote Vertically */
#quote table { height: 225px;}
#quote td { verticle-align: middle; }

#quote {color: #fff;font-size: 20px;font-style:italic;margin: 40px 20px;} /* Main Page Quotes */
#quote cite {font-size: 11px;margin: 20px 10px 20px 0;letter-spacing:1px;float: right;}

/* Officers */
div.officerBox {background: #f4f4f4;border: 1px solid #e0e0e0;margin-bottom:25px;padding: 7px;}
div.officerBox img	{border: 1px solid #e0e0e0;height:auto;margin-right: 15px;float:left;}

/* Chapters */
div.chapterBox {background: #f4f4f4;border: 1px solid #e0e0e0;margin-bottom:25px;padding: 20px;}
div.chapterBox img	{border: none;width:140px;margin-right: 30px;float:left;}

/* Centers Officers Vertically */
div.officerBox table { height: 100px; }
div.officerBox td { verticle-align: middle; }

/* Events/News */
div.eventManager {background: #f4f4f4;border: 1px solid #e0e0e0;margin-bottom:25px;padding: 7px;}
div.eventManager img	{border: 1px solid #e0e0e0;width: 185px;margin-right: 15px;float:left;}

/* Sponsor */
div.sponsorManager {background: #f4f4f4;border: 1px solid #e0e0e0;margin-bottom:25px;padding: 7px;}
div.sponsorManager img	{border: 1px solid #e0e0e0;margin-right: 15px;float:right;}

/* Photo Gallery */
div.photoGallery {background: #f4f4f4;border: 1px solid #e0e0e0;margin-bottom:25px;padding: 7px;}
div.photoGallery img {border: 1px solid #e0e0e0;width: 600px;}
div.photoGallery div.description {margin:30px 120px; clear:both;}

/* Centers eventManager Vertically */
div.eventManager table { height: 100px; }
div.eventManager td { verticle-align: middle; padding:0 5px; }

/* Users */
div.userManager {background: #f4f4f4;border: 1px solid #e0e0e0;margin-bottom:25px;padding: 7px;}
div.userManager img	{border: 1px solid #e0e0e0;width: 185px;margin-right: 15px;float:left;}

/* Centers userManager Vertically */
div.userManager table { height: 70px; }
div.userManager td { verticle-align: middle; padding:0 5px; }

/* Sponsors */
div.sponsorBox {
	text-align:center;
	background: #f4f4f4;
	border: 1px solid #e0e0e0;
	margin-bottom:25px;
	padding: 7px;
}
div.sponsorBox img	{border: none;}
div.sponsorBox table { text-align:left; }
div.sponsorBox td { verticle-align: middle; }

/* Tables */
table.data	{
	border:1px #444; solid;
	table-layout:fixed;
	border-collapse:collapse;
	margin: 15px 0;
}

table.data td	{border:1px #444 solid;padding:10px;}
table.data td.hed	{background-color:#444;border:1px #000 solid;color:#f4f4f4;padding:10px;}

table.noBorder	{border:none; vertical-align:top; margin: 0;}
table.noBorder td	{border:none; vertical-align:top; padding:8px;}

table.gallery {border: none; border-collapse:separate; border-spacing:20px;}
table.gallery td {background: #f4f4f4; border: 1px solid #e0e0e0; padding:10px; width:300px;vertical-align:top; min-height:120px;}
table.gallery td.thumbs	{width:200px;}
table.gallery td.thumbs img	{border: 1px solid #e0e0e0;width: 185px;margin: auto;float:left;}
table.gallery img.thumb	{border: 1px solid #e0e0e0;width: 185px;margin-left: 30px;float:left;}

/* Thumbs Up and Down */
a.vote_up, a.vote_down {
	display:inline-block;
	background-repeat:none;
	background-position:center;
	height:16px;
	width:16px;
	margin-left:4px;
}

a.vote_up {background:url("../../scripts/thumbs/images/thumb_up.png");}
a.vote_down {background:url("../../scripts/thumbs/images/thumb_down.png");}

/* Footer */
#footer {
	font-size:11px;
	border-top: 1px solid #e0e0e0;
	width: 900px;
	margin: 0 auto;
	padding: 15px;
	clear: both;
}

#footer a {color: #808080;}