/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
Layout/Structure Style Sheet
version: 1.1
author: Scott Perlitch
email: sperlitch@kvcc.edu
website: http://www.kvcc.edu
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* =Basic Elements
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* =Generic Classes
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* =Basic Layout
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#home #content { width: 960px; padding: 0; border: none; background-color: #000;}
#home #footer-wrapper #connect {
  width: 270px;
}

#home #contact-info {
  right: 23px;
}
#home #quick-links {
  right: 50px;
}

/* =Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
	
/* =Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* =Content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#home #events-news-exhibits { position: absolute; width: 892px; bottom: 0; right: 0; height: 228px; background-color: #509aa6; text-align: center;
}



#home #events-news-exhibits ol li {display: inline-block; width: 252px; vertical-align: top; margin: 20px 15px; text-align: left; color: #fff;

zoom: 1;	*display:inline;}
#home #events-news-exhibits h3 { font-size: 16px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; color: #fff;}

#home #events-news-exhibits ol li img { padding: 10px 0 5px 0; background: #509aa6;  width: 250px;}

#home #events-news-exhibits ol li p {font-size: 12px;}


#home #band-container-test { position: relative; z-index: 100; height: 270px; margin-top:-315px; background: url(../media/homepage/band-bg.png) no-repeat top left;
 zoom: 1; filter: alpha(opacity=90); opacity: 0.9;}


/* these are used for the new homepage in place of events-news-exhibits styles */
#home .article_briefs { position: absolute; width: 892px; bottom: 0; right: 0; height: 228px; background-color: #509aa6; text-align: center;
}
#home .article_briefs h1 {font-size: 20px; text-transform:none!important; font-weight: bold; text-align:left; padding:10px 0px 0px 38px;}
#home .article_briefs h1 a {color: #fff;}
#home .article_briefs h1 a:hover {color: #333;}
#home .article_briefs ol li {height: 150px; display: inline-block; width: 252px; border-right:#399 solid thin; border-left: #399 solid thin; padding: 5px 15px; text-align: left; color: #fff; zoom: 1;	*display:inline; vertical-align:text-top;}
#home .article_briefs h7 {font-size: 14px; font-weight: bold; letter-spacing: -0.4px;}
#home .article_briefs ol li img { background: #509aa6;  width: 250px;}
#home .article_briefs ol li p {font-size: 12px; font-weight:100;}
#home .article_briefs ol li a {text-decoration:none; color:#FFF; }
#home .article_briefs ol li a:hover {color:#333; }
#home #band-container { position: relative; z-index: 100; height: 270px; margin-top:-315px; background: url(../media/homepage/band-bg.png) no-repeat top left;
 zoom: 1; filter: alpha(opacity=90); opacity: 0.9;}

#home #bottom-band p { font-size: 14px; font-weight:100; color:#222222;}
#home #bottom-band .band-heading { font-weight:100!important; font-size: 20px; color:#222222; text-transform:none!important; padding: 10px 0px;}
#home #bottom-band .band-heading a {  color:#741669; text-transform:none!important;}
#home #bottom-band .band-heading a:hover { color:#999999; }

#home #bottom-band { position: relative; z-index: 100; height: 225px; margin-top:-270px; background: #EFEFEF ;
 zoom: 1; filter: alpha(opacity=90); opacity: 0.9;}


#home #bottom-band #left{ width: 35%; height: 185px; float:left;    margin: 10px;
}
#home #bottom-band #left #imagedown{ position:relative; margin-top: 29px;
}

#home #bottom-band #rightly { width: 57%; height: 185px; float:left;    margin-top: 10px;
}

#home #bottom-band #seperator
{	
    width: 1.5px;
    height: 185px;
    margin: 20px;
    background-color: #999;
	float:left;
}


/* =Sidebar
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* =Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#site-info { position: relative; left: 70px;}
#ownership, #license { left: 30px;}