/* 
===================================================================================================================

CSS style sheet by Andy Gee http://andygee.me.uk

===================================================================================================================
*/

/* 
===================================================================================================================

GLOBAL Settings

===================================================================================================================
*/		

html {
	font-size: 100%; /* Reset font size for old versions of IE. */
	}	
.clb { clear: both; }
.rhs { float: right; }
.lhs { float: left; }

ul, ol {
	margin: .25em 0 2em;
	padding: 0;
	}
dl {
	margin: .5em 2em 3em;
	padding: 0;
	}	
dt {
	margin: 1em 0 .25em;
	padding: .2em 0;
	}
dd {
	margin: 0 0 .5em 2em;
	padding: .2em 0;
	}
ol li {
	margin: .2em 0 .8em 2.5em;
	padding: .2em 0;
	}	
ul li {
	margin: .2em 15px .8em;
	padding: .2em 0;
	}	
    
    /* ==============================
    
    Standard Page Links
    
    ============================== */
        
a:link {
	background-color:inherit;
    color:#333;
	}
a {
	background-color:inherit;
    color:#333;
	}    
a:visited {
	background-color:inherit;
    color:#000;
	}
a:hover {
	background-color:inherit;
    color:#087;
	}
a:active {
	background-color:inherit;
    color:#780;
	}                
    
	
/* 
===================================================================================================================

Main Page Layout Settings 

===================================================================================================================
*/

body {
	background-color: #fff; 
	color: #333;   
	text-align: center; 
	margin: 0;
	padding: 10px 0 0;
	font-family: verdana, helvetica, "lucida grande", "trebuchet ms", arial, sans-serif;
	font-size: 62.5%;
	line-height: 2;
	}
html>body {
	font-size: 12px;  /* Reset font size for good CSS browsers. */
	} 
div#wrapper {
	width: 895px;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	background: #fff url(faux-column.gif) repeat-y top right;    
	color: #db8;
	}

     
	
/* 
===================================================================================================================

Page Header Settings

===================================================================================================================
*/

div#heading {
	padding: 10px 10px 0 0;
	margin: 0;
	height: 230px;
    background-color: #333;
	color: #db8;
	border-bottom: 1px solid #db8;    
	}
div#headliner {
	padding: 0;
	margin: 0;
	height: 220px;
    background: #333 url(borcq_beads_header.jpg) no-repeat top right;   
	color: #db8;
    position: relative;
	}    

div#headliner h1 {
	background-color: transparent;
	color: #333;
	margin: 0;
	padding: 0;
	font-size: 3em;
	font-weight: bold;
	font-family: georgia, palatino, "palatino linotype", "times new roman", times, serif;
	text-indent: -5000px;
	}
img#borcq-logo {
    position: absolute;
    top: 0;
    left: 10px;
    border-right: 10px solid #333;
    margin: 0;
    padding: 0;
    }
    

/* 
===================================================================================================================

Page Content Settings

===================================================================================================================
*/

div#page-content-wrapper {
    float: left;
	width: 719px;
	margin: 0;	
	padding: 0;
	overflow: hidden;
    background-color: #fff;
    color: #333;
    }
div#page-content {
    margin: 0;	
	padding: 0 30px 0 0;
	overflow: hidden;
    }
#page-content h2 {
	background-color: transparent;
	color: #333;
	margin: .2em 0 .2em;
	padding: .1em 0;
	font-size: 1.4em;
	font-weight: bold;
	font-family: arial, helvetica, "lucida grande", "trebuchet ms", verdana, sans-serif;
	}	
#page-content h3 {
	background-color: transparent;
	color: #333;
	margin: .2em 0 .2em;
	padding: .1em 0;
	font-size: 1.6em;
	font-weight: bold;
	font-family: arial, helvetica, "lucida grande", "trebuchet ms", verdana, sans-serif;
	}
#page-content h4 {
	background-color: transparent;
	color: #333;
	margin: .7em 0 0;
	padding: .3em 0 .1em;
	font-size: 1.7em;
	font-weight: bold;
	font-family: arial, helvetica, "lucida grande", "trebuchet ms", verdana, sans-serif;
	}	
#page-content p {
	background-color: transparent;
	color: #333;
	margin: 0 0 .7em;
	padding: .1em 0;
	}		
img.inset {
	padding: 0;
	}			
img.rhs {
	margin: 1em 0 1em 1em;
	}	
img.lhs {
	margin: 1em 1em 1em 0;
	}	
div.big-picture-box {
	margin: 0;
	padding: 0;
	}
div.big-picture-box img {
	margin: 10px 0;
	padding: 0;
    border: none;
	}		
div.detail-box {
   float: left;
   width: 500px;
   } 	
	
/* 
===================================================================================================================

YouTube player Settings

===================================================================================================================
*/

.video-box {
	text-align: center;
	padding: 1em;
	}
#ytplayer {
	margin: 20px auto;
	padding: 0;
	}
	
/* 
===================================================================================================================

Side-Bar Content Settings

===================================================================================================================
*/

div#side-bar-wrapper {
    float: right;
	width: 175px;
	margin: 0;	
	padding: 0;
	line-height: 1.6;
    background-color: #333;
    color: #ccc;
    }
div#side-bar {
    background-color: #333;
	color: #db8;
	margin: 10px;	
	padding: 0 0 10px;
	overflow: hidden;
	}	
#side-bar h3 {
	background-color: transparent;
	color: #db8;
	margin: .25em 0;
	padding: .25em 0;
	font-size: 1.5em;
	font-weight: bold;
	font-family: arial, helvetica, "lucida grande", "trebuchet ms", verdana, sans-serif;
	}
#side-bar h4 {
	background-color: transparent;
	color: #db8;
	margin: 2em 0 0;
	padding: .3em 0 .1em;
	font-size: 1.2em;
	font-weight: bold;
	font-family: arial, helvetica, "lucida grande", "trebuchet ms", verdana, sans-serif;
	}	

#side-bar dl, #side-bar ul, #side-bar ol {
	margin: .25em 0 1em;
	padding: 0;
	}
#side-bar dt {
	margin: .2em 0 .1em;
	padding: 0;
	}
#side-bar dd {
	margin: .1em 0 .1em 1em;
	padding: 0;
	}
#side-bar ol li {
	margin: .1em 0 .1em 2.5em;
	padding: 0;
	}	
#side-bar ul li {
	margin: .1em 0 .1em 15px;
	padding: 0;
	}	
span.link-text {
	margin: 0 0 0.5em;
	padding: .2em 0;
    background-color:#333;
	color: #db8;
	display:block;
    }
div.sc-link-box a {
	text-decoration:none;
    border:none;
    }    		    
div.sc-link-box img {
	text-decoration:none;
    border:none;
    }
div.sc-link-box a:link img {
	text-decoration:none;
    border:none;
    }    
div.sc-link-box a:link span.link-text {
	text-decoration:none;
    background-color:#333;
	color: #db8;
	}
div.sc-link-box a:visited span.link-text {
    text-decoration:none;
	background-color:#333;
	color: #db8;
	}
div.sc-link-box a:hover span.link-text {
	text-decoration:underline;
	background-color:#333;
	color: #db8;
	}
div.sc-link-box a:active span.link-text {
	text-decoration:underline;
	background-color:#333;
	color: #db8;
	}	    	    	    	    	    	    	    	    	
    
    		
	
/* 
===================================================================================================================

Navigation Menu

===================================================================================================================
*/

#side-bar ul.navigation-menu {
	list-style-type: none;
	margin: .1em 0 .3em;
	padding: 0;
	}
#side-bar ul.navigation-menu li {
	margin: 0 0 2px;
	padding: 0;
	}
.navigation-menu a, span#nav-loc {
	display: block;
	margin: 0;
	padding: .5em 5px;
	font-weight: bold;
	}
span#nav-loc {
	border: 1px solid #c83;
    background-color: #333;
    color: #c83;
	}    
.navigation-menu a {
	border: 1px solid #db8;
	}    
.navigation-menu a:link, .navigation-menu a:visited {
	background-color: #333;
	color: #db8;
	text-decoration: none;
	}
.navigation-menu a:hover, .navigation-menu a:active {
	background-color: #c83;
	color: #333;
	text-decoration: none;
	}
	
/* 
===================================================================================================================

Footer Content Settings

===================================================================================================================
*/

div#footer {
	clear: both;
 	background-color: #333;
	color: #db8;
	text-align: center;
	margin: 0;
	padding: .5em 10px;
    border-top: 1px solid #db8;
    border-bottom: 1px solid #db8;    
	}
div#footer p {
	margin: .25em;
	padding: 0;
	}
div#footer a:link {
	background-color:inherit;
    color:#c83;
	}
div#footer a {
	background-color:inherit;
    color:#c83;
	}    
div#footer a:visited {
	background-color:inherit;
    color:#c83;
	}
div#footer a:hover {
	background-color:inherit;
    color:#087;
	}
div#footer a:active {
	background-color:inherit;
    color:#780;
	}                
h6#attribution {
	margin: 5px 0 0;
	padding: 5px;
	background-color: #fff;
	color: #333;
	text-align: center;
	font: normal normal normal 11px/14px calibri, verdana, helvetica, "lucida grande", arial, sans-serif;
	}
h6#attribution a {
	text-decoration: none;
	background-color: inherit;
	color: #333;
	}
	
/* 
===================================================================================================================

CSS style sheet by Andy Gee http://andygee.me.uk

===================================================================================================================
*/
		
/* END of styles. */