/*

BNI IBC Stylesheet
Created by SpinWeb [Tony Williams]
Last Updated on 3/17/09

*/



/*Markup Tags ______________________________________________________________________________________________________________________________________________*/


#body {
font:10pt "lucida grande", tahoma, verdana, arial, sans-serif;
line-height:17px;
margin:0;
color:#08b3fe;
margin:0;
background:#2a5671 url("graphics/images/bg-body.gif") repeat-x;
}


h1 {
color:#023222;
font:13pt "lucida grande", tahoma, verdana, arial, sans-serif;
margin:0 0 10px 0;
padding: 0;
}

h2, .heading { 
font:12pt "lucida grande", tahoma, verdana, arial, sans-serif;
font-weight: normal;
}


h3, .sub-heading {
font:11pt "lucida grande", tahoma, verdana, arial, sans-serif;
}
.left {
    float: left;
    margin: 0 10px 10px 0;
    border:3px solid #F49F0A;
}

.right {
    float: right;
    margin: 0 0 10px 10px;
    border:3px solid #F49F0A;
}

a {
color:#0e7eb1;
text-decoration:underline;
}

a:hover {
text-decoration:none;
}

p, .paragraph {
margin:0 0 15px 0;
font:10pt "lucida grande", tahoma, verdana, arial, sans-serif;
}

img {
border:0;
}


input, select, textarea {
font: 10pt "lucida grande", tahoma, verdana, arial, sans-serif;
padding:1px;
}


hr {
border:0;
color: #cccccc;
background-color:#cccccc;
height: 1px;
margin:15px 0 15px 0;
text-align: left;	
}


address {
font-style:normal;
margin-bottom:15px;
margin-top:-10px;
font-size:13pt;
}

	


/*Wraps ______________________________________________________________________________________________________________________________________________*/


#wrapParent {
width:983px;
margin:0 auto 0 auto;
padding:0;
}


#flash {
margin-bottom:10px;
border-bottom:1px solid #0b161c;
}


#wrapLeftHome {
width:652px;
float:left;
margin-right:10px;
}


#wrapRightHome {
width:320px;
float:left;
}

.content {
padding:15px;
}



/*Wraps Interior ______________________________________________________________________________________________________________________________________________*/


#wrapParent2 {
width:983px;
margin:0 auto 0 auto;
padding:0;
background:url("graphics/images/bg-interior.gif") repeat-y;
}


#contentInterior h1 {
padding:3px 0 20px 0;
/*margin-bottom:20px;*/

}

#contentInterior h2 {
color:#f49f0a;
}


#contentInterior {
color:#545454;
background:url("graphics/images/bg-hd-main.jpg") no-repeat;
float:left;
}

#contentInterior .content {
padding-top:0;
width: 643px;

}

#wrapLeft {
width:673px;
float:left;
}

#wrapRight {
width:310px;
float:left;
padding-top:10px;
}

#wrapRight h1, #wrapRight #news h1 {
background:url("graphics/images/bg-hd-right.jpg") no-repeat;
padding:3px 0 0 15px;
height:28px;
}


#wrapRight #news, #wrapRight #events {
width:300px;
border:0;
}




.banner {
border:5px solid #ffffff;
float:left;
margin:0;
padding:0;
}

/*Head ______________________________________________________________________________________________________________________________________________*/


#head {
background-color:#1d3b4d;
float:left;
width:100%;

}

#headLeft {
width:50%;
float:left;
padding:15px 0 15px 30px;

}

#headRight {
width:40%;
float:right;
text-align:right;
padding: 15px 15px 15px 0;
}

#myAccountLink {
font-size:10px;
position:relative;
left:-40px;
color:white;
}


/*nav______________________________________________________________________________________________________________________________________________*/



/* MenuBegin:nav */
ul.nav { margin: 0; border: 0; padding: 0; list-style: none; line-height: 22px;}
ul.nav li { margin: 0; border: 0; padding: 0; float: left;/*Gecko*/ display: inline; list-style: none; position: relative; background-color:#1d3b4d; }
ul.nav ul { margin: 0; border: 0; padding: 0; list-style: none; width: 122px; display: none; position: absolute; top: 22px; left: 0; }
ul.nav ul li { position: relative; display: block !important; display: inline;/*For IE*/ float: left;/*IE 7*/ position: relative; }

/* 1st Level */
ul.nav a { color: #1d3b4d; background:url("graphics/images/nav-tab.jpg") no-repeat; text-decoration: none; width: 123px;text-align: center; padding: 5px 0px; font: normal 10pt "Lucida Grande", tahoma, verdana, arial, sans-serif; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; height: auto !important; height: 1%; /*For IE*/ }
ul.nav a.last { border-right: 0; margin-right:0; width:122px; }
ul.nav li a:hover { background-position:0 -28px;}

/* 2nd Level */
ul.nav li:hover li a,
ul.nav li.over li a { color: #ffffff; background: #1d3b4d; text-decoration: none; border-top: 1px solid #de9011; border-bottom:0; float: none; text-align:left; padding:0 10px 0 10px; border-right:0; }
ul.nav li:hover li a:hover,
ul.nav li:hover li:hover a,
ul.nav li.over li a:hover,
ul.nav li.over li.over a { color: #fff; background: #de9011; text-decoration: none; }
ul.nav li:hover li:hover li a.first,ul.nav li.over li.over li a.first,  { border-top: 0; }
ul.nav li:hover li:hover li a.first,ul.nav li.over li.over li a.last,  { border-bottom: 0; }
.nav ul li a, .nav ul li a.last {width:150px;}


/* Do Not Move - Must Come Before display:block for Gecko */
ul.nav li:hover ul,ul.nav li.over ul { display: block; }
ul.nav .nav ul :after /*IE 7*/ { clear: both; display: block; font: 1px/0px serif; content: ; height: 0; visibility: hidden; }
/* MenuEnd:nav */



/*Welcome ______________________________________________________________________________________________________________________________________________*/


#welcome {
background: #ffffff url("graphics/images/bg-welcome.jpg") top right no-repeat;
color:#545454;
padding:15px 15px 15px 15px;
}


#welcome div {
width: 412px;
}


/*Newsletter ______________________________________________________________________________________________________________________________________________*/

#newsletter, #newsletterHome {
background-color:#172f3d;
font-weight:bold;
margin-bottom:10px;
color:#FFFFFF;
padding:0 5px 2px 15px;
height:36px;
float:left;
width:653px;
}

#newsletterHome {
width:632px;
}


#newsletter p, #newsletterHome p {
margin:0;
padding:0;
display:inline;
}

.newsletterBtn {
color:#08b3fe;
text-align:right;
position:relative;
left:130px;
}

#newsletterHome .newsletterBtn {
left:100px;
}


.newsletterBtn img {
position:relative; 
top:7px; 
left:8px;
}




/*Events / Spotlight ______________________________________________________________________________________________________________________________________________*/


#eventSpotlight {
background:url("graphics/images/bg-events-spotlight.gif") 0 38px repeat-x;
float:left;
}

#eventSpotlight h1, #news h1 {
background:url("graphics/images/bg-hd-callouts.jpg") no-repeat;
padding:3px 0 0 15px;
height:28px;
}

#events {
width:337px;
float:left;
border-right:solid 10px #2a5671;
}



#spotlight {
width:305px;
float:left;
}

.eventDateHeader {
/*padding-bottom: 12px;*/
color: #172f3d;
}

.eventHeadline {
color:#f49f0a;
font-weight: bold;
}

#events .eventHeadline {
font-size: 10pt;
}

/*News ______________________________________________________________________________________________________________________________________________*/

#news a, #events a {
color:#FFFFFF;
font-weight:bold;
}

#news .content, #events .content {
padding-top:10px;
}

#news .moreLink, #events .moreLink, .random .moreLink {
color:#f8a20b;
text-decoration:none;
}

#news .moreLink:hover, #events .moreLink:hover, .random .moreLink:hover {
color:#FFFFFF;
}

.newsListPublishline, .eventDate {
/*font-style:italic;*/
font-size:11px;
}

#news .content {
padding: 0 15px 0 15px;
}


/*MyAccountBox ______________________________________________________________________________________________________________________________________________*/


.myAccountBox {
background-color:#2a5671;
padding-bottom:10px;
padding-top:10px;
margin-bottom:20px;
}

.myProfile {
color:white;

}

.myAccountBox div {
background-color:#172f3d;
padding:15px;
margin:0 10px 0 10px;
}

.myAccountBox ul {
margin-left:0;
padding-left:20px;
color:#08b3fe;
}

.myAccountBox li {
margin-bottom:10px;

}

.myAccountBox h1 {
background:url("graphics/images/bg-hd-myaccount.jpg") no-repeat;
padding:3px 0 0 10px;
margin-bottom:0;
margin-left:10px;
text-indent:10px;
}


.myAccountBox a {
color:white;
}

#form table input {
margin-top:10px;
}


#form table textarea {
margin-top:10px;
width:400px;
}


/*Search Box ______________________________________________________________________________________________________________________________________________*/

.searchBtn {
position:relative;
top:5px;
}



/*Poll ______________________________________________________________________________________________________________________________________________*/

#poll {
color:#f8a20b;
background:url("graphics/images/bg-polls.gif") repeat-x;
}

#poll .content {
padding-top: 0;

}

.pollQuestion {
color:white;
padding-bottom: 8px;
font-weight: bold;
}

.pollVote {
padding-top: 8px;

}

#poll form {
margin: 0;
padding: 0;
}

.pollResultChoices {

}


/*Footer ______________________________________________________________________________________________________________________________________________*/


#footer {
width:935px;
margin:0 auto 0 auto;
padding:8px 25px 0 25px;
clear:both;
background-color:#1d3b4d;
height:32px;
border-top:solid 10px #2a5671;
}

#footer a {
color:#f8a20b;
}

#spinweblink {
position:relative;
top:7px;
left:3px;
}

#copyright {
float:left;
}

#studio {
text-align:right;
float:right;
}

/*sendpageBody ______________________________________________________________________________________________________________________________________________*/

.sendpageBody, .shoppingCartTable {
background-color:#FFFFFF;
color:#545454;
 background:url("graphics/images/tile-nav.gif") repeat-x 0 -12px;
 padding-top: 5px;
}


.sendpageBody h1, .sendpageHeader {
font:13pt "lucida grande", tahoma, verdana, arial, sans-serif;
margin:10px 0 20px 0;
}


.sendpageBody input {
margin-bottom:8px;
}


.sendpageBody form {
margin: 0;
font:11px Verdana;

}

.sendpageBody p, .sendpageBody span {
padding:15px;

}

.sendpageBody span {
font-weight:bold;
}

.sendpageBody td {
font:11px "lucida grande", tahoma, verdana, arial, sans-serif;
}


/*FAQ ______________________________________________________________________________________________________________________________________________*/

.faq {
list-style-type:none;
background-color:#c4d5ff;
border:1px solid #1d2c4f;
}

.faq li {
background: url("graphics/images/arrow-blue.gif") no-repeat 0 5px;
padding:0 0 6px 8px;
text-decoration:none;
font-weight:bold;
}

.faq a, .FAQQuest a {
color:#172f3d;
}


.FAQQuest a {
font-weight:bold;
text-decoration:none;

}

.FAQA, .FAQQ {
color:#08b3fe;
font-weight: bold;

}

.myaccountHeading {
color:#023222;
font:13pt "lucida grande", tahoma, verdana, arial, sans-serif;
margin:0 0 10px 0;
padding:3px 0 0 0;
}


/*Members Module Styles ______________________________________________________________________________________________________________________________________________*/


.membersList {
float:left;
margin:10px 0 15px 0;
width:100%;
border-bottom: 1px solid #cccccc;
padding-bottom: 25px;
}

.detail {
border:0;
}


.short {
width: 60%;
}


.short hr {
clear:both;

}

.membersImage {
float:left;
margin:0 15px 15px 0;
border:3px solid #f49f0a;
}


.membersList p {
margin-bottom:7px;
}


.membersInfo span, .membersList span {
font-weight: bold;
color:#172f3d;
}

.membersInfo span a {
color:white;

}

.membersInfo h2 {
margin-top: 0;
}


/*Members Random Module Styles ______________________________________________________________________________________________________________________________________________*/


.random {
border-bottom: 0;
}

.detail {
border:0;

}


.random span {
color:white;
font-weight: normal;
}

.random h2 {
margin-top: 0;
color:#f49f0a;
}




/*Blog Module Styles ______________________________________________________________________________________________________________________________________________*/


.blogTitle {
font:12pt "lucida grande", tahoma, verdana, arial, sans-serif;
font-weight: normal;
color:#f49f0a;
}

.blogDate, .blogPosted {
font-weight: bold;
}

#blog_userid, #blog_email {
margin-bottom: 8px;

}


/*Photo Album / Gallery ______________________________________________________________________________________________________________________________________________*/


.photoAlbum {
color:#bfbfbf;
}

.photoThumb {
float:left;
width:100px;
height:100px;
margin:0;
}


/*.photoThumb img {
border:1px solid #990505;
}

.photoImage img {
border:1px solid #990505;
}*/

#gallery {
list-style:none;
float:left;
margin:0;
padding:0;
}


#gallery li {
list-style-type:none;
margin:0;
padding:20px 15px 20px 0;
float:left;
width:100px;
height:100px;
/*border-top:1px solid #cccccc;*/
}


#gallery a img {
border:1px solid #1d3b4d;
}

#gallery a img:hover {
border:1px solid #f8a20b;
}

.thumbBox {
padding:15px;
float:left;
clear: both;
}


.albumPic img {
border:3px solid #f49f0a;
margin-bottom: 10px;
}


/*Lightbox ______________________________________________________________________________________________________________________________________________*/


#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(graphics/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(graphics/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(graphics/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
#freedom_calendar { position: absolute; left: 100px; top: 100px; width: 175px; z-index: 100; visibility: hidden; clip:rect(0px 175px 145px 0px); height:145px; }

/* ModuleBegin::commerce */
.shoppingAlert { color: red; }
.shoppingBody { font-size: 8pt; }
.shoppingCartEvenRow { background-color: #ffffff; color:#002d62; }
.shoppingCartOddRow { background-color: #ebebeb; color:#002d62; }
.shoppingCartTableHeader { background-color: #002d62; color: #ffffff; font-size: 8pt; font-weight: bold; }
.shoppingForm { font-size: 8pt; color:#002d62; }
.shoppingFormQuantity { background-color: #ffffff; font-size: 8pt; }
.shoppingFormRequired { font-size: 8pt; font-weight: bold; color:#002d62; }
.shoppingFormRequired input, .shoppingFormRequired select { font-weight: normal; color:#000; }
.shoppingHeading { color:#002d62; }
.shoppingInStock { }
.shoppingItemHeading { }
.shoppingOutOfStock { color: #dd0000; }
.shoppingLowStock { }
.shoppingTable { background-color: #e8e8e8; color:#002d62; }
.shoppingTableBorder { background-color: #ffffff; }
.shoppingFormRequired { width: 1%; }
/* ModuleEnd::commerce */