/*
-----------------------------------------------
Client: Bagby Lightining
Function: Screen CSS definitions.
Author:   Jason Walle | jwalle@edreamz.com
Modified:  March 28, 2007
Copyright: Copyright (C) 2007 E-dreamz, Inc. 
----------------------------------------------- */

body {
	background-color: #333;
	margin: 0;
	padding: 0;
}

body, p, div, td {
	color: #6c6c6c;
	font: normal normal normal 12px/15px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a {outline: none;}

.clear {
	margin: 0;
	padding: 0;
	clear: both;
	height: 0;
}

.blue{color: #3289ce;}

.hidden{display:none;}

/* Formatting
----------------------------------------------- */
a, a:link, a:visited {
	color : #0668A5;
	text-decoration : underline
}

a:hover, a:active {
	color : #CC0000;
	text-decoration : underline
}

a img {border: 0;}

p{margin: 6px 0; padding: 0;}

img.header-title{margin: 20px 0 10px 0;}

/* Layout
----------------------------------------------- */
#wrapper {
	width: 772px;
	margin: 0 auto;
	padding: 0 4px;
	background: #fff url(../images/structure/bg.gif) repeat-y top left;
	border-bottom: 4px solid #fff;
}

#credits {width: 772px; margin: 0 auto;	padding: 0 4px;}
#credits p {text-align: right; color:#777;; font-size: 95%;}
#credits a {color:#777;}


#leftColumn {
	width: 160px; 
	background-color: #063060;
	float: left;
}

	#leftColumn #logo {
		border-bottom: 4px solid #fff;		
	}

	#leftColumn #search {
		padding: 25px 0 40px 10px;
	}

	#leftColumn input.searchbox {
		width: 110px; 
		height: 18px;
		padding: 0;
		margin: 0;
		border: 1px solid #7c7c7c; 
		font-size: 95%;
	}

	#leftColumn #news {
		padding: 0 11px;
	}

	#leftColumn #news p {
		padding: 5px 0 7px 0;
		margin: 0;
	}

	#leftColumn #news .sideDate {
		color: #fff;
		font-size: 85%;
	}

	#leftColumn #news .sideHeadline, #leftColumn #news a.sideHeadline:link, #leftColumn #news a.sideHeadline:visited {
		color: #3399ff;
		font-weight: bold;
		font-size: 95%;
		text-decoration: none;
	}

	#leftColumn #news a.sideHeadline:hover, #leftColumn #news a.sideHeadline:active {
		color: #fff;
		font-weight: bold;
	}	


#rightColumn {
	float: right; 
	width: 608px;
}

	#rightColumn #homeCallouts {
		border-top: 4px solid #fff;
		border-bottom: 4px solid #fff;
	}

	#homeGrayCallouts {
		border-bottom: 4px solid #fff;
	}
	
	#homeGrayCallouts ul{
		margin: 0;
		padding: 0;
	}
	
	#homeGrayCallouts ul li {
		padding: 0;
		margin: 0;
		float: left;
		list-style:none;
	}
	
	#homeGrayCallouts li a{
		display: block;
		height: 44px;
		text-indent: -9999em;
	}
	
	#homeGrayCallouts a.architect{background: url(../images/buttons/b-home-architects.gif) no-repeat left top; width: 223px;}
	#homeGrayCallouts a.contractor{background: url(../images/buttons/b-home-contractors.gif) no-repeat left top; width: 200px;}
	#homeGrayCallouts a.national{background: url(../images/buttons/b-home-national.gif) no-repeat left top; width: 185px;}

	#homeCopy {
		background-color: #e7e5e5;
		padding: 10px;
	}
	
	#homeCopy p {
		padding: 0 0 10px 0;
		margin: 0;
	}

.int-right{width: 180px; float: right;}
.int-left{width: 396px; float: left; padding-left: 11px; font-size: 11px;}
.int-left p, .int-right p{font-size: 11px;}

.port-left{float: left; width: 281px; margin: 10px 0 0 11px; font-size: 11px;}
.port-right{float: right; width: 288px; margin: 10px 20px 0 0; font-size: 11px;}
.port-right p, .port-left p{font-size: 11px;}

.port-sub-images{margin: 10px 0 0 0; text-align:center;}

.port-item{clear: both; width: 210px; margin-left: 25px;}
.port-item img{float: left; width: 50px;}
.port-item p{float: right; width: 150px; margin: 0 0 10px 0; padding: 0;}

.admin-content{padding: 10px 10px 10px 11px; font-size: 11px;}
.admin-content ul {margin: 0 0 0 15px;}
.admin-content ul li{padding: 2px 0;}
.admin-content p{font-size: 11px;}

.ceu-count{font-size: 11px; text-align: right; padding: 10px; background: #b0b0b0;}

.three-columns{font-size: 11px; margin: 0 0 15px 11px; color: #62a6d7;}
 .title{color: #07325f; font-size: 12px; font-weight: bold; text-decoration: none;}
 .title:hover{text-decoration:underline;}
.three-columns .lt, .three-columns .mid, .three-columns .rt{width: 180px; float: left; font-size: 11px;}
.three-columns .mid{margin: 0 20px;}
.three-columns .mid.grey, .three-columns .lt.grey{border-right: 1px solid #ddd;}
.three-columns dl, dl.events{margin: 8px 0 0 0; padding: 0; font-size: 11px;}
.three-columns dt, dl.events dt{margin: 0; padding: 0; color: #62a6d7;}
.three-columns dd, dl.events dd{margin: 0 0 10px 0; padding: 0; color: #62a6d7;}

table td{font-size: 11px;}

#form, #form td{font-size: 11px;}
#form input, #form textarea{padding: 4px; border: 1px solid #c8c8c8; border-top-color: #b8b8b8; border-bottom-color: #DCDDDF;}

/* Subnav
----------------------------------------------- */
#subnav {
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;
}

#subnav ul{
	margin: 0;
	padding: 0;

}

#subnav ul li {
	padding: 0;
	margin: 0;
	float: left;
	list-style:none;
}

#subnav li a{
	display: block;
	height: 43px;
	text-indent: -9999em;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#subnav li a:hover, #subnav li a.selected{
	background-position: 0 -43px;
}

#subnav a.temp{background: url(../images/buttons/bs-temp.gif) no-repeat left top; width: 608px;}

#subnav #aoverview a{background-image: url(../images/buttons/ba-overview.gif); width: 92px;}
#subnav #aclients a{background-image: url(../images/buttons/ba-our-clients.gif); width: 108px;}
#subnav #apeople a{background-image: url(../images/buttons/ba-our-people.gif); width: 104px;}
#subnav #afacility a{background-image: url(../images/buttons/ba-our-facility.gif); width: 112px;}
#subnav #aaffiliations a{background-image: url(../images/buttons/ba-affiliations.gif); width: 192px;}

#subnav #larchitectural a{background-image: url(../images/buttons/bp-architectural.gif); width: 120px;}
#subnav #loutdoor a{background-image: url(../images/buttons/bp-outdoor.gif); width: 94px;}
#subnav #lcommercial a{background-image: url(../images/buttons/bp-commercial.gif); width: 110px;}
#subnav #lspecialty a{background-image: url(../images/buttons/bp-specialty.gif); width: 116px;}
#subnav #lprintable a{background-image: url(../images/buttons/bp-printable.gif); width: 168px;}

#subnav #pback a{background-image: url(../images/buttons/p-back.gif); width: 484px;}
#subnav #pprev a{background-image: url(../images/buttons/p-prev.gif); width: 60px;}
#subnav #pnext a{background-image: url(../images/buttons/p-next.gif); width: 64px;}

#subnav #cplanning a{background-image: url(../images/buttons/cplanning.gif); width: 136px;}
#subnav #ccontact a{background-image: url(../images/buttons/ccontact.gif); width: 103px;}
#subnav #cassoc a{background-image: url(../images/buttons/cassoc.gif); width: 265px;}

#legend {
	padding: 0;
	margin: 0;
	text-align:right;
}



.prodlistitem {
	padding: 0 12px;
}

.prodlistitem .header, .header {
	font-weight: bold;
	font-size: 115%;
	color: #3289ce;
	padding: 0;
	margin: 0;
}

.prodlistitem .prodcontent {
	width: 510px;
	float: left;
}

.prodlistitem .prodkey {
	width: 45px;
	float: right;
}

.prodlistitem .prodcontent p, .prodlistitem .prodkey p {
	padding: 0 0 10px 0;
	margin: 0;
}

a.prodLink{
	background: url(../images/icon-prod-arrow.gif) no-repeat left center;
	font-size: 10px;
	font-weight: bold;
	color: #ca339a;
	padding-left:18px;
	text-decoration: none;
	display: block;
	width: 250px;
	margin: 0 0 15px 0;
}



#port-nav a{
	display: block;
	width: 200px;
	height: 200px;
	float: left;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999em;
	margin: 1px;
}

#port-nav a:hover{
	 background-position: 0 -200px; 
}

#pchurch{background-image: url(../images/port/church.jpg);}
#peducational{background-image: url(../images/port/educational.jpg);}
#pindustrial{background-image: url(../images/port/industrial.jpg);}
#pmedical{background-image: url(../images/port/medical.jpg);}
#poutdoor{background-image: url(../images/port/outdoor.jpg);}
#precreational{background-image: url(../images/port/recreational.jpg);}
#pretail{background-image: url(../images/port/retail.jpg);}
#psustainable{background-image: url(../images/port/sustainable.jpg);}
#pworkplace{background-image: url(../images/port/workplace.jpg);}

.clearafter:after, .clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

 .clearafter, .clear {display:inline-block;}
  /* Hide from IE Mac \*/
 .clearafter, .clear {display:block;}
 /* End hide from IE Mac */

 * html .clearafter, * html .clear{height: 1px;}

span.bagbyEvent{background: #063060; }
span.communityEvent{background: #777;}
span.communityEvent, span.bagbyEvent{color: #fff; padding: 3px; margin-top: 2px;}

.cal{width: 596px; margin: 5px auto;}
.cal .month{font-size: 16px; font-family: Arial, Verdana, sans-serif; display: block; height: 20px; background: #E8EEF7; text-align: right; color:#446688; border: 1px solid #839ABF; border-bottom: 0; padding-top: 3px; padding-right: 10px;}
.cal .month a{text-decoration: none; font-size: 12px;}
.cal .day_names{border: 1px solid #839ABF; border-bottom: 0; border-right: 0; background:#c3d9ff; height: 20px;}
.cal .day_names div{ font-family: Arial, Verdana, sans-serif; background:#c3d9ff; padding: 2px; font-weight: bold; color: #063060; font-size: 11px; width: 80px; float: left; text-align: center;border-bottom: 1px solid #839ABF; border-right: 1px solid #839ABF;}
.cal .calDays{ border-left: 1px solid #ddd; min-height: 425px;}
.cal .calDays div{line-height:12px; font-family: Arial, Verdana, sans-serif; padding: 2px; width: 80px;  height: 80px; float: left; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;  font-size: 10px;}
.cal .calDays div a{text-decoration: none;}

.cal .calDays div.today{background: #ffffcc;}
.cal .calDays div.today a{color:#a32929; font-weight: bold;}
.cal .calDays div a.bagbyEvent{background: #063060; color: #fff;}
.cal .calDays div a.communityEvent{background: #777; color: #fff;}
.cal .calDays div a.bagbyEvent, .cal .calDays div a.communityEvent, .cal .calDays div a.moreEvent{display: block; padding: 2px; width: 75px; margin: 3px 0; font-weight: normal;}

.cal .calDays div a.moreEvent{background: #fff; margin-top: 12px; margin-left: 3px;}

#eventList{width: 600px; background: #fff; padding: 8px; margin: 15px auto; min-height: 440px;}
.evt{margin: 5px 0; border-bottom: 1px solid #ddd; padding: 6px;}
/* Main Navigation
----------------------------------------------- */
#b_home a {background: url(../images/buttons/b-home.gif) no-repeat top left;}
#b_about a {background: url(../images/buttons/b-about.gif) no-repeat top left;}
#b_products a {background: url(../images/buttons/b-lighting-products.gif) no-repeat top left;}
#b_portfolio a {background: url(../images/buttons/b-project-portfolio.gif) no-repeat top left;}
#b_events a {background: url(../images/buttons/b-events.gif) no-repeat top left;}
#b_contact a {background: url(../images/buttons/b-contact.gif) no-repeat top left;}
#b_blog a {background: url(../images/buttons/b-blog.gif) no-repeat top left;}
#b_resources a {background: url(../images/buttons/b-resources.gif) no-repeat top left;}

#navigation {
	height: 162px;
	margin: 10px 0; 
}

#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 160px;
}

#nav li{
	text-indent: -9999em;
}

#nav a{
	display:block;
	height: 27px;
	width: 160px;	
	outline: none;
}

#nav a:hover, #nav a.selected, #nav a:active{
	background-position: 0 -27px;
}


/*** MSG Styles ***/

	#msg{
		width: 95%;
		font-family: Verdana, sans-serif;
		margin: 5px 0 10px 0;
 		padding: 5px 5px 5px 10px;
		line-height: 20px;
	}

	.notice{
		font-size: 11px;
	    background: #fff8cc;
	    color: #31363e; 
		border: 1px solid #ffdc50;
		}
	.notice small{font-size: 10px; color: #707173;}
	.notice p{margin: 0; padding: 0;}
	.notice a{font-weight: bold; color: #fc683b;}

	.success{
	    background: #E2F9E3;
	    color: #060; 
		border: 1px solid #9c9;
		}
		
	.error{
		background: #FFE3E0;
	    color: #E31B0C; 
		border: 1px solid #DC6E66;
		}

/*** end msg ***/