/* CSS resets compliments of Eric Meyer */

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

/*  color and character codes
spade           &#9824;
club            &#9827;
heart           &#9829;
diamond         &#9830;
Darker Blue          #006488
Medium Blue          #39c6f3
Lighter Blue         #71beda
Very Light Blue      #71beda
Green                #88c641
Red                  #d42127
Yellow               #f6e21f
Gray text
Black text


*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Start of presentation CSS */

body {
        margin:3px;
        padding:3px;
        font: 100% Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
        line-height: 1.5em;
        text-align:center;
        background-color:#006488;
        }

/* main container for the rest of the objects */
#maincontainer{
        width: 1100px; /*Width of main container*/
        margin: 0 auto; /*Center container on page*/
        }

/* main container for the rest of the objects */

div#mainwrap {
        width:1100px;
        height:auto;
        background-color:#ffffff;
		margin: 0 auto;
		text-align:left;
		border: 0px solid #f00;   /* for debugging only */
		}

/* header container */
div#header {
		width:1080px;
		height:255px;
		background-color:#fff;
    	border: 0px solid blue; /* for debugging only */
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		}


/* logo container */
div#logobox {
		width:413px;
		height: 250px;
		background:#fff url(bbtlogo250.png) no-repeat;
		border: 0px solid green;  /* for debugging only */
		margin:0px 3px 20px 0px;
		padding:0px 0px 0px 0px;
		float:left
		}

div#logotext {
		width:250px;
		height: 160px;
/*		background:#fff url(logo06200.png) no-repeat;   */
		border: 0px solid blue;  /* for debugging only */
		margin: 40px 50px 0px 300px;
		padding:5px 0px 0px 0px;
		float:left
		}

p.logotextinfo  {
        color:#2cb431;
        color:#006488;
		margin: 0px 0px 0px 50px;
		padding:0px 0px 0px 0px;
        font: 250% Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
        font-style: normal;
        font-weight:700;
        line-height: 1.0em;
        text-align: left;
        }
/* email and phone box */
div#bgbox {width:316px;
		height:250px;
		background:#fff url(rsbnz250250.png) no-repeat;
		border: 3px solid gold;  /* for debugging only */
		margin:10px 20px 0px 0px;
		padding:0px 0px 0px 0px;
		float:right;
        }

/* phone and email content */
p.infocontenttop{
        color:#2cb431;
        color:#540870;
		margin:120px 25px 0px 0px;
		padding:0px 0px 0px 0px;
        font: 120% Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight:700;
        line-height: 1.0em;
        text-align: right;
        }
a.infocontenttop:link a.infocontenttop:visited a.infocontenttop:hover{
        color:#2cb431;
        color:#540870;
		margin:120px 25px 0px 0px;
		padding:0px 0px 0px 0px;
        font: 120% Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight:700;
        line-height: 1.0em;
        text-align: right;
}

p.infocontentbot  {
        color:#2cb431;
        color:#540870;
		margin:5px 25px 0px 0px;
		padding:0px 0px 0px 0px;
        font: 120% Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight:700;
        line-height: 1.0em;
        text-align: right;
        }
a.infocontenttop:link a.infocontenttop:visited a.infocontenttop:hover{
        color:#2cb431;
        color:#540870;
		margin:5px 25px 0px 0px;
		padding:0px 0px 0px 0px;
        font: 120% Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight:700;
        line-height: 1.0em;
        text-align: right;
}
/* navigation tabs */

.halfmoon{
        margin-bottom: 0px;
        margin-left: 5px;
        height: 40px;
        border: 0px dotted green;  /*for debugging only */
        }

.halfmoon ul{
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background-color: #ffffff;
        height: 40px;
        font: 120% Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        list-style-type: none;
        text-align: left; /*set to left, center, or right to align the menu as desired*/
        border: 0px dotted red;  /*for debugging only */
        }

.halfmoon li{
        display:inline;
        height: 40px;
        margin: 0px;
        }

.halfmoon li a{
        text-decoration: none;
        height: 100%;
        padding: 5px 20px 5px 20px;
        margin: 5px 0px 0px 0px;
        border: 0px solid pink;  /*for debugging only */
        color:#ddf0f7;
        background: #006488;
        }
/*
.halfmoon li a:visited{
        color: #2a003a;
        }
*/
.halfmoon li a:hover, .halfmoon li.selected a{
        color: #006488;
        background-color: #ddf0f7;
/*        width: 200px;        */
        }


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_e{
        position:absolute;
        top: 0;
        font: 100% Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-style: normal;
        border: 0px solid #657f27; /*THEME CHANGE HERE*/
        border-width: 0 0px;
        line-height:1em;
        z-index:100;
         color:#ddf0f7;
        background: #006488;
        width: 140px;
        visibility: hidden;
        }


.dropmenudiv_e a{
        width: auto;
        display: block;
        text-indent: 5px;
        border: 0px solid #71beda ; /*THEME CHANGE HERE*/
        padding: 5px 5px 5px 5px;
        margin: opx 0px 0px 0px;
        text-decoration: none;
        color:#ddf0f7;
        background: #006488;
        }

* html .dropmenudiv_e a{ /*IE only hack*/
        width: 100%;
        }

.dropmenudiv_e a:hover{ /*THEME CHANGE HERE*/
        color: #006488;
        background-color: #ddf0f7;
        padding: 5px 5px 5px 5px;
        margin: 0px 0px 0px 0px;
        font-weight:400;
        }

/* ######### Responsive CSS ######### */

@media screen and (max-width: 480px){

.halfmoon{
        margin-bottom: 0;
    	}

.halfmoon ul{
        border-bottom-width :0;
        }

.halfmoon li{
        margin: 0;
        display: inline-block;
        margin-top: 10px;
        }

.halfmoon li a{
        padding: 10px;
        font-size: 120%;
        border-left: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: none;
        }

.dropmenudiv_e{
        width: 100% !important;
        display: none;
        position: static;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        }

.dropmenudiv_e a{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        }
}

/* end of navigation tabs */


/* content wrapper box for all of content section */
#contentwrapper{
        height:auto;
        float: left;
        width: 100%;
        }

/* left column box specs */
#contentcolumn{
        height:auto;
        margin-right: 230px;
        float:right; /*Set right margin to RightColumnWidth*/
        border: 0px solid yellow;  /* for debugging only */
        }


div#picholderbanner  { width:600px;
		height:45px;
        background: #ffffff;
        border: 0px solid #8a75ff;   /* for debugging only */
        float:left;
		margin: 0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
}

div#banner { width:600px;
		height:80px;
        background: #ffffff;
        border: 0px solid #8a75ff;  /* for debugging only */
        color: #9f2824;
        float:left;
		margin: 0px 0px 0px 0px;
		padding:0px 0px 0px 50px;
        }

p.banner {
        background: #ffffff;
        border: 0px solid #8a75ff;   /* for debugging only */
        color: #9f2824;
        color: #606060;
        font: 170% "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: bold;
		margin: 0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
        }
span.banner {
        color:#2cb431;
        color:#540870;
/*        text-decoration: underline;   */
}

div#picholderleft  { width:360px;
		height:477px;
        background: #ffffff url(standing.png) no-repeat;
        border: 2px solid #8a75ff;  /* for debugging only */
        float:left;
		margin: 0px 15px 0px 25px;
		padding:0px 0px 0px 0px;
        }

.contentholder{
		width:390px;
		height: 276px;
        height: auto;
		background-color:#ffffff;
		border: 0px solid yellow;    /* for debugging only */
		margin: 460px 0px 0px 0px;
		padding:0px 0px 15px 0px;
		float:left;
}

ul.eddielist {
        list-style-image:  url(lileddie.png);
		list-style-position: inside;
		color: #2a003a;
	    margin: 10px 10px 10px 25px;
		padding: 0px 0px 10px 0px;
		font: 100% "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-align: left;
		font-weight: 500;
        line-height: 1.0em;
		}
li.normal {
        list-style-image:  &#9824);
        color: #2a003a;
	    margin: 0px 0px 0px 0px;
		padding: 5px 0px 0px 0px;
		}

span.normal {
		color: #300030;
		}


/*  General CSS  */

p.content  {
        color:#ffffff;
        color:#2a003a;
		margin: 10px 20px 0px 25px;
		padding:0px 0px 0px 0px;
        font: 100% "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-style: normal;
        line-height: 1.4em;
        }
p.boldcontent  {
        color:#ffffff;
        color:#9f2824;
        font-weight: 700;
	    margin: 10px 10px 0px 25px;
		padding: 10px 0px 0px 0px;
        font: 100% "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-style: normal;
        line-height: 1.5em;
        }

span.boldcolor {
        color:#9f2824;
        font-weight: 700;
        }

h2.content  {
        color:#2cb431;
        color:#006488;
        font: 150% "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 700;
		margin: 5px 0px 0px 0px;
		padding:0px 0px 0px 0px;
        }

p.tabcontentbox  {
        color:#ffffff;
        color:#482000;
		margin: 10px 0px 010px 25px;
		padding:0px 0px 0px 0px;
        font: 1.4em "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-style: normal;
        line-height: 1.3em;
        }



/* right column */

#rightcolumn{
        float: left;
        height: 900px;
        width: 230px; /*Width of right column*/
	    margin: 45px 0px 10px -245px;
		padding: 0px 0px 0px 0px;
		border: 0px solid #8a75ff;
        background: #ffffff;
        }

div#picholderright {width:200px;
        height: 277px;
        margin-left: 15px;
        margin-top: 10px;
		background: #ffffff url(window3a.png);
        }
p.rightcol  {
        color:#ffffff;
        color:#482000;
		margin: 10px 10px 0px 25px;
        font: 80%em "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-style: normal;
        }
p.smallcontent  {
        color:#ffffff;
        color:#482000;
		margin: 10px 10px 0px 25px;
		padding: 0px 0px 0px 0px;
        font: 80% "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-style: normal;
        line-height: 1.3em;
        }
ul.small {
        list-style-image:  url(purppaw.png);
		list-style-position: inside;
		color: #992489;
	    margin: 10px 10px 10px 25px;
		padding: 0px 0px 10px 0px;
        font: .8em "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-align: left;
		font-weight: 500;
        line-height: 1.2em;
		}
li.normal {
		color: #300030;
	    margin: 0px 0px 0px 0px;
		padding: 5px 0px 0px 0px;
		}

span.normal {
		color: #300030;
		}

span.redtext {
		color: #c00000;
		}

div#vslogo {width:200px;
        height: 58px;
		margin: 15px 0px 0px 15px;
		padding: 0px 0px 0px 0px;
		background: #ffffff url(VSPDT-logow.png);
        }

div#rcolbox2 {width:220px;
        height: 200px;
        border: 0px solid #550;
		margin: 20px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background: #ffffff;
        }


a.vslink:link {color: #8a75ff;
        font-weight:400}
a.vslink:hover {color: #2a003a;
        font-weight:700}
a.vslink:visited {color: #8a75ff;
        font-weight:400}


a.genlink:link {color: #8a75ff;
        font-weight:400}
a.genlink:hover {color: #2a003a;
        font-weight:400}
a.genlink:visited {color: #8a75ff;
        font-weight:400}


a.tablink:link {color: #9a3324;
        font-weight:400;
        }
a.tablink:visited {color: #9a3324;
        font-weight:400}
a.tablink:hover {color: #9a3324;
        font-weight:700}

#footer{
        clear: left;
        width: 1100px;
        background: #d4ccff;
        color: #33004d;
        border-top: 2px ridge #33004d;
        margin: 10px 0px 0px 0px;
        padding: 0px 0px 5px 0px;
        font: 1.0em "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-size: .6em;
        text-align: left;
        line-height: 1.5em;
}

p.footerp  {
        color:#ffffff;
        color:#482000;
        margin: 10px 10px 5px 25px;
        padding: 0px 0px 5px 0px;
        font: 1.2em "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
        line-height: 1.2em;
        }

/*
#footer a{
color: #FFFF80;
}
*/

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

/* .clearfix {display: inline-block;}    a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
