/*
	Ad Fed MN, Stylesheet for AD2 screen media
	Last Updated: 05 March 2008
	
	This stylesheet is used to modify the styles of layout.css for the Ad2 portion of the Ad Fed website.
*/



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Global
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body {
	background: #121d32 url(../images/ad2/bg-body.jpg) top left repeat-x;
}
a {
	color: #121b30;
}
td {
	border-bottom: 1px solid #e2f4fd;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#header {
	background: url(../images/ad2/bg-header.gif) 0 0 no-repeat;
	}
div#header h1 {
	background: url(../images/ad2/logo.jpg) 0 0 no-repeat;
	margin-top: 1px;
	display: block;
	width: 631px;
	height: 147px;
	overflow: hidden;
}
div#intro {
	margin: -188px 0 0 35px;
	width: 625px;
}
#intro h2 {
	float: left;
	text-indent: -99999px;
	background: url(../images/ad2/logo-intro.gif) 0 0 no-repeat;
	margin: 5px 8px 0 18px;
	width: 68px;
	height: 90px;
}
#intro p {
	height: 100px;
	margin-top: 15px;
}
div#intro ul li {
	background: url(../images/ad2/bg-subnav-off.gif) 0 13px no-repeat;	
}
div#intro ul li.active {
	background: url(../images/ad2/bg-subnav-on.gif) 0 0 no-repeat;	
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Main Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul#navigation,
ul#navigation-logoff {
	margin: -138px 0 0 630px;
	background: url(../images/ad2/nav.gif) top left no-repeat;
	}
	
ul#navigation-logoff {
	background: url(../images/ad2/nav-logoff.gif) top left no-repeat;
}

ul#navigation #nav-aboutus a:hover, body.aboutus ul#navigation #nav-aboutus a {background: transparent url(../images/ad2/nav.gif) -21px -170px no-repeat;}
ul#navigation #nav-ad2 a:hover, body.ad2 ul#navigation #nav-ad2 a {background: transparent url(../images/ad2/nav.gif) -21px -193px no-repeat;}
ul#navigation #nav-membership a:hover, body.members ul#navigation #nav-membership a {background: transparent url(../images/ad2/nav.gif) -21px -216px no-repeat;}
ul#navigation #nav-events a:hover, body.events ul#navigation #nav-events a {background: transparent url(../images/ad2/nav.gif) -21px -242px no-repeat;}
ul#navigation #nav-news a:hover, body.news ul#navigation #nav-news a {background: transparent url(../images/ad2/nav.gif) -21px -266px no-repeat;}
ul#navigation #nav-legislation a:hover, body.legislation ul#navigation #nav-legislation a {background: transparent url(../images/ad2/nav.gif) -21px -289px no-repeat;}
ul#navigation #nav-memberlogin a:hover {background: transparent url(../images/ad2/nav.gif) -140px -170px no-repeat;}
ul#navigation #nav-jobs a:hover, body.jobs ul#navigation #nav-jobs a {background: transparent url(../images/ad2/nav.gif) -140px -193px no-repeat;}
ul#navigation #nav-blog a:hover, body.blog ul#navigation #nav-blog a {background: transparent url(../images/ad2/nav.gif) -140px -216px no-repeat;}
ul#navigation #nav-mentorship a:hover, body.mentorship ul#navigation #nav-mentorship a {background: transparent url(../images/ad2/nav.gif) -140px -242px no-repeat;}
ul#navigation #nav-sponsors a:hover, body.sponsors ul#navigation #nav-sponsors a {background: transparent url(../images/ad2/nav.gif) -140px -266px no-repeat;}
ul#navigation #nav-contactus a:hover, body.contactus ul#navigation #nav-contactus a {background: transparent url(../images/ad2/nav.gif) -140px -289px no-repeat;}
ul#navigation-logoff #nav-aboutus a:hover, body.aboutus ul#navigation-logoff #nav-aboutus a {background: transparent url(../images/ad2/nav-logoff.gif) -21px -170px no-repeat;}
ul#navigation-logoff #nav-ad2 a:hover, body.ad2 ul#navigation-logoff #nav-ad2 a {background: transparent url(../images/ad2/nav-logoff.gif) -21px -193px no-repeat;}
ul#navigation-logoff #nav-membership a:hover, body.members ul#navigation-logoff #nav-membership a {background: transparent url(../images/ad2/nav-logoff.gif) -21px -216px no-repeat;}
ul#navigation-logoff #nav-events a:hover, body.events ul#navigation-logoff #nav-events a {background: transparent url(../images/ad2/nav-logoff.gif) -21px -242px no-repeat;}
ul#navigation-logoff #nav-news a:hover, body.news ul#navigation-logoff #nav-news a {background: transparent url(../images/ad2/nav-logoff.gif) -21px -266px no-repeat;}
ul#navigation-logoff #nav-legislation a:hover, body.legislation ul#navigation-logoff #nav-legislation a {background: transparent url(../images/ad2/nav-logoff.gif) -21px -289px no-repeat;}
ul#navigation-logoff #nav-memberlogoff a:hover {background: transparent url(../images/ad2/nav-logoff.gif) -140px -170px no-repeat;}
ul#navigation-logoff #nav-jobs a:hover, body.jobs ul#navigation-logoff #nav-jobs a {background: transparent url(../images/ad2/nav-logoff.gif) -140px -193px no-repeat;}
ul#navigation-logoff #nav-blog a:hover, body.blog ul#navigation-logoff #nav-blog a {background: transparent url(../images/ad2/nav-logoff.gif) -140px -216px no-repeat;}
ul#navigation-logoff #nav-mentorship a:hover, body.mentorship ul#navigation-logoff #nav-mentorship a {background: transparent url(../images/ad2/nav-logoff.gif) -140px -242px no-repeat;}
ul#navigation-logoff #nav-sponsors a:hover, body.sponsors ul#navigation-logoff #nav-sponsors a {background: transparent url(../images/ad2/nav-logoff.gif) -140px -266px no-repeat;}
ul#navigation-logoff #nav-contactus a:hover, body.contactus ul#navigation-logoff #nav-contactus a {background: transparent url(../images/ad2/nav-logoff.gif) -140px -289px no-repeat;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Main Image
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#header img {
	border-right: 4px solid #0b0c0e;
	border-left: 4px solid #0b0c0e;
	border-bottom: 4px solid #0b0c0e;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Member Login
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#memberlogin {
	margin: -138px 0 0 630px;
	background: url(../images/bg-memberlogin.gif) top left no-repeat;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Highlight -- homepage (+ base classes)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#highlight,
#highlight-event,
#highlight-job {
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	background: #20232a url(../images/bg-highlight.gif) top left no-repeat;
	}
	#highlight-event { background: none; background-color: #20232a; border-bottom: 20px solid #0b0c0e; padding-bottom: 20px; }
	#highlight-job { background: none; background-color: #20232a; border-bottom: 20px solid #0b0c0e; padding-bottom: 20px; }

	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Highlight -- events
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#highlight-event .secondary p a {
	color: #4acfd8;
}
#highlight-event .event-date p {
	background: transparent url(../images/ad2/bg-date.gif) top left no-repeat;
}
#highlight-event .event-details p {
	color: #fff;
}
#highlight-event .event-files ul li {
	color: #fff;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Content -- sections
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.section {
	clear: both;
	border: 1px solid #0b0c0e;
	border-top: 4px solid #0b0c0e;
	background-color: #fff;
	background: #e2f4fd url(../images/ad2/bg-section.gif) bottom left repeat-x;
}
div.section h2 {
	color: #fff;
	background-color: #0b0c0e;
}
div.section h3 {
	color: #121b30;
}
div.section h3 a {
	color: #121b30;
}
div.section h4 {
	color: #121b30;
	border-bottom: 1px solid #121b30;
}
div.section p {
	color: #121b30;
}
div.section p.author {
	color: #121b30;
}
div.section p.author span {
	color: #0b0c0e;
}
div.section p.more {
	color: #121b30;
}
div.section p.intro:first-letter {
	background-color: #121b30;
}
div.section p.divide {
	background: none;
}
div.section p.tags a {
	color: #97bfdf;
}
div.section .sponsorLogo {
	float: left;
	margin-top: 0;
	margin-right: 15px;
}
table.contacts {
	color: #121b30;
}
table.contacts a {
	color: #0b0c0e;
}
table.upcoming td.name a { 
	color: #0b0c0e;
}
table.past td.name a { 
	color: #0b0c0e; 
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Content -- section variations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#content div.tagged {
	background: #e2f4fd url(../images/ad2/bg-article-tagged.gif) bottom left repeat-x;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Sidebar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#sidebar ul li {
	color: #4acfd8;
}

#sidebar div.tags 			{ background-color: #0b0c0e; }
#sidebar div.articles h2		{ background: url(../images/ad2/header-tags-articles.gif) top left no-repeat; }
#sidebar div.events h2		{ background: url(../images/ad2/header-tags-events.gif) top left no-repeat; }
#sidebar div.news h2			{ background: url(../images/ad2/header-tags-news.gif) top left no-repeat; }

#sidebar div.categories 		{ background-color: #0b0c0e; }

#sidebar div.jobs 		{ background-color: #0b0c0e; }
#sidebar div.jobs h2 		{ background: url(../images/ad2/header-jobs.gif) top left no-repeat; text-indent: -99999px; height: 27px; }

#sidebar div.rss 		{ background-color: #0b0c0e; }
#sidebar div.rss h2 		{ background: url(../images/ad2/header-rss.gif) top left no-repeat; text-indent: -99999px; height: 27px; }

#sidebar div.newsletter 			{ background: url(../images/ad2/bg-newsletter.gif) top left no-repeat; height: 213px; }
#sidebar div.newsletter h2 		{ background: url(../images/ad2/header-flash.gif) top left no-repeat; text-indent: -99999px; height: 105px; margin-top: 2px; }

#sidebar div.featuredsponsors	{ background-color: #0b0c0e; }
#sidebar div.featuredsponsors h2 	{ background: url(../images/ad2/header-featuredsponsors.gif) top left no-repeat; text-indent: -99999px; height: 30px; }
#sidebar div.featuredsponsors p	{ margin: 0; background: none; height: 30px; float: left; width: 270px; }
#sidebar div.featuredsponsors p a 	{ color: #4acfd8; margin: 5px 0 0 127px; float: left; }

#sidebar div.sponsors			{ border: solid 4px #0b0c0e; }
#sidebar div.sponsors	h2	 	{ background-color: #0b0c0e; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer {
	background: url(../images/ad2/bg-footer.gif) top left no-repeat;
	margin-bottom: 20px;
	height: 50px;
}
#footer h2 {
	background: url(../images/ad2/footer.gif) top left no-repeat;
	margin: 8px 0 0 254px;
}
#footer p {
	color: #fff;
	text-align: right;
}