body { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.166; margin: 0px; padding: 0px; font-size:12px; }

a {color: #006699; text-decoration: none;}
a:link {color: #660000; text-decoration: none;}
a:visited {color: #660000; text-decoration: none;}
a:hover {color: #0000CC; text-decoration: none;}

h1 {font-family: Arial,Verdana,sans-serif; font-size: 190%; margin: 0px; padding: 0px; 
color: #ff;

text-shadow: 1px 1px 6px #eee;}
h2 {
	color: #333;
	font-family: Arial,sans-serif;
	font-size: 114%;
	margin: 0px;
	padding: 0px;
	background-color: #00486a;
}
h3 { color: #bb1111; font-family: Arial,sans-serif; font-size: 100%; margin: 0px; padding: 0px; }
h4 { color: #333333; font-family: Arial,sans-serif; font-size: 100%; font-weight: normal; margin: 0px; padding: 0px; }
h5 { color: #334d55; font-family: Arial,Verdana,sans-serif; font-size: 100%; margin: 0px; padding: 0px; }
h6 { font-size: 114%; color: #FFFFFF; }

ul {list-style-type: square;}
ul ul {list-style-type: disc;}
ul ul ul {list-style-type: none;}
ul a:link, ul a:visited {display: block;}
ul {list-style: none; margin: 0; padding: 0;}
li {border-bottom: 1px solid #EEE;}

label { font-family: Arial,sans-serif; font-size: 100%; font-weight: bold; }
label {color: #334d55;}

p {text-align:justify;}
td {vertical-align:top;}



/***********************************************/
/* Layout Divs */
/***********************************************/
/*#header { background: #000033 url('../images/BannerTileBackground.gif') repeat-x; height: 60px; margin: 0px; padding: 0px; }
#masthead { height: 35px; line-height: 35px; margin: 0px; padding: 0px; }
*/

#header { background: #000033 url('/images/BannerTileBackground.gif') repeat-x; height: 86px; margin: 0px; padding: 0px; }
#masthead { height: 60px; line-height: 35px; margin: 0px; padding: 0px; 
background:url('/images/banjotransparent.gif') no-repeat;
text-align: center;
}


/*#siteName { margin: 0; padding: 0 0 0 10px; float:left; }*/
#siteName { margin: 0px 100px; padding: 0 0 0 10px; text-align:center; font-size:25px;}
#siteName {color: #FFFFFF;}
#pageName {margin: 0px;padding: 0px 50px 0px 15px;width:380px;float:right;}
#content { margin: 0px; padding: 0px; border:0px solid red; }
#content img {
	float: inherit;
	height: auto;
	width: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 0;
}
#content .instrumentthumbs {text-align:center;padding:0px;padding-top:20px;margin:0px auto;}
#content .instrumentthumbs img {padding:0px;margin:0px;border:0px;}
#content li { list-style-image: none; line-height: 13px; list-style-type: none; }
#content h2 {color:#FFFFFF;clear:right;border:1px solid #000;background:#00486A;padding:5px;margin-bottom:10px;}

#body #leftcol{width:150px;border-right:1px solid gray;}
#body  #centercol {width:100%;}
#body #rightcol{width:150px;border-left:1px solid gray;}

/************** #headlines styles **************/
#headlines { width: 175px; padding-right: 0px; }
#headlines { border-left: 1px solid white; border-bottom: 1px solid #cccccc; padding:0px; }
#headlines { margin: 0px; padding: 0px 0px 20px 5px; font-size: 80%; }
#headlines p { padding: 5px 0px 5px 0px; }


/************** .feature styles ***************/
.feature {
	font-size: 9pt;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.feature h1 {border:1px solid #000;background:black;padding:5px;margin-bottom:10px;}
.feature h3 {padding: 30px 0px 5px 0px;text-align: center;}
.feature img {
	float: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


/************** .story styles *****************/
.story {clear: both;padding: 5px;font-size: 9pt;}
.story p, .splash p {
	padding: 0px 0px 10px 0px;
	font-size: 20px;
}
.splash {padding: 10px 0px 0px 10px;font-size: 75%;}


/************* #siteInfo styles ***************/
#siteInfo {clear: both;font-size: 75%;margin:20px auto;padding: 0px;}
#siteInfo img {padding: 4px 4px 4px 10px;vertical-align: middle;}
#siteInfo {color: #cccccc;border: 1px solid #cccccc;}
#siteInfo {color: #333;border: 1px solid #cccccc;}


/*********** #sectionLinks styles ***********/
#sectionLinks { margin: 0px; padding: 0px; font-size: 12px; }
#sectionLinks h3 {padding: 10px 0px 2px 10px; color:#043e65;  }
#sectionLinks a {display: block;padding: 2px 0px 2px 10px;}
#sectionLinks a {border-top: 1px solid #cccccc;}
#sectionLinks a:hover {background-color: #dddddd;}


/*********** .relatedLinks styles ***********/
.relatedLinks { margin: 0px; padding: 0px 0px 10px 10px; font-size: 90%; }
.relatedLinks h3 { padding: 10px 0px 2px 0px;  color:#043e65;}
.relatedLinks a:link, .relatedLinks a:visited { display: block; }

/************** .members styles **************/
.members {padding:3px 10px;margin:20px 0px;display:block;}


/************** #advert styles **************/
#advert {padding: 30px 0px 10px;}
#advert img {display: block;}


/*#######BOXES####**/
.boxsmall { float:right; border-right: #999999 1px solid; border-top: #999999 1px solid; margin: 0px 0px 0px 0px; border-left: #999999 1px solid; width: 170px; border-bottom: #999999 1px solid; border:1px solid #7E9AD2; color:#000; 
padding:0px; margin:0px; margin-right:40px; }
.boxsmall .boxbody p { clear:left; display:block; padding:10px; margin:0px; }
.boxsmall .boxbody img .ross { width:200px; padding:0px; margin:0px; }
.boxsmall .boxbody ul li { list-style-image:none; padding:0px 0px 2px 0px; font-size:11px; }

.boxright { padding-right: 0px; padding-left: 3px; float: right; padding-bottom: 0px; margin: 5px 20px; padding-top: 0px; font-family:Arial,Comic sans ms; }
.boxright .boxbody { padding:2px 0px 2px 2px; font-weight: normal; margin: 0px; width: 100%; line-height: 13px; }
.boxright .boxbody p { padding:0px 0px 0px 0px; margin:0px 5px 0px 0px; font-size: 11px; text-align: left; }
.boxright ul { margin: 8px 4px 5px -2px; margin:0px; padding:0px 0px 0px 0px; font-weight: normal; font-size: 11px; line-height: 13px; list-style-type: none; }
.boxright li { margin: 0px; padding:0px; display: block; list-style-image: none; line-height: 13px; list-style-type: none; }
.boxright ul {color: #333;}

.boxpopout { margin: 0px 0px 10px 0px; border: #7e9ad2 0px solid; width: 145px !important; width:155px; }

.boxhead { margin: 0px; padding:0px 0px 0px 10px; }
.boxhead h2 { margin: 0px; padding:0px 0px 0px 0px; font-weight: bold; font-size: 12px; line-height: 13px; }

.boxbody .largeimage { margin: 2px 15px 3px 5px; float: right; }
.boxbody a { font-weight: normal; font-size: 10px; text-decoration: underline; }
.boxbody ul li { list-style-image:url(none); }
.boxbody {color: #999999;}
.boxbody a {color: #6688cc;}

#popout a {color:red;}
#popout a { padding:4px 4px 4px 0px; display: block; z-index: 24; left: 0px; width: 140px; text-decoration: none; }
/*2007 scrollfix*/
#popout a:hover { position:relative! important; }
#popout a:hover {background:#CCCCCC;color:#0000FF;}
#popout a span { display: none }

/* ######### */
/* 2011-al */
/*
#popout a:hover span { font-weight: normal; font-size: 11px; }
#popout a:hover span { border: 1px solid #000; background: orange; color: #000; background: silver; }
#popout a:hover span { padding: 20px 10px 10px 23px; display: block; height:180px; z-index: 3; width: 380px; line-height: 13px; }
#popout a:hover span { float: right; position: absolute; top:0px !important; top: 200px; right: 185px !important; right: 208px; }
*/
#popout a:hover span {
	font-weight: normal;
	font-size: 11px; 
	border: 1px solid #a7a7a7;
	color: #fff; 
	height: 44em;
	width: 30em;
	-moz-border-radius: 4em 1em 4em 1em;
	border-radius: 1em 4em 1em 4em;
	background: #000033 url('../images/BannerTileBackground_big.gif') repeat-x; 
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 5px 5px 4px #a6a6a6;
	box-shadow: 3px 3px 4px #000;
	padding: 20px 10px 10px 23px; 
	display: block; height:180px; 
	z-index: 3; 
	width: 380px; 
	line-height: 13px; 
	float: right; 
	position: absolute; 
	top:0px !important; 
	/*top: 200px; */
	right: 185px !important; 
	/*right: 208px;	 */
}
/* ######### */

#popout a:hover span img { float:left; height:182px; width:141px; margin-right:8px; border:0px; }
#popout a:hover span p { margin: 0px; }
#popout a:hover span b { margin: 0px 0px 10px 155px; padding:5px 20px 5px 0px; display: block; font-size:14px; margin-left:155px; border-top:1px solid #000; border-bottom:1px solid #000; }
#popout h2 { margin-left:-10px; padding:2px; }
#popout h2 { background:#00486A; color:#FFFFFF; }
#popout h2 { border:1px solid #acacac; color:#FFFFFF; }
#popout ul { padding-top: 4px; list-style-position: inherit; list-style-type: none; }
#popout ul li a { margin-left:5px; padding:0px; font-size: 11px; line-height: 15px; list-style-type: none; list-style-image: none; }
#popout ul li a {color: #697477;}



#popout h2 {
	background: #00486A url(/images/arrow-square.gif) no-repeat right -51px;
	padding: 6px 5px;
	margin: 10;
	font: 100%/100% Verdana,Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	
	cursor: pointer;
	width:150px;
}
#popout h2:hover {
	color: #ffff00;
	background-position: right 5px;
background-color: #2268AC;
border: 1px inset #fff; 

}

#popout h2:active {
	background-position: right 5px;
background-color: #2268AC;
border: 1px inset #fff; 



}

#popout .boxhead {margin:10px 0px;}
#popout .boxhead:active {background-color: #2268AC;
border: 1px inset #fff; 
}

div .spec { margin-left:100px; width:490px; border:0px solid red; padding:0px; margin:0px; font-weight:normal; }
div .spec span { float:left; border:0px solid green; padding:0px; margin:0px; width:240px; font-weight:bold; display:block; }

.price {border:1px solid #000;font-size:14px;color:yellow;font-weight:bold;}
.price a {font-size:22px;text-decoration:underline;color:red;text-decoration:underline;}


/*#####################*/
/*	Search Form    */
/*#####################*/
.searchform {
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	border: solid 1px #d2d2d2;
	padding: 3px 5px;
	
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);

	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}
.searchform input {
	font: normal 12px/100% Arial, Helvetica, sans-serif;
}
.searchform .searchfield {
	background: #fff;
	padding: 6px 6px 6px 8px;
	width: 102px;
	border: solid 1px #bcbbbb;
	outline: none;

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.searchform .searchbutton {
	color: #fff;
	border: solid 1px #494949;
	font-size: 11px;
	height: 27px;
	width: 27px;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	background: #5f5f5f;
	background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
	background: -moz-linear-gradient(top,  #9e9e9e,  #454545);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}

/*from html */
.style1 { font-size: 24px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; }
.style3 {font-size: 18px}
.style4 {font-size: 13px}
.style5 { font-size: 14px; color: #0033FF; font-weight: bold; }
.style7 {font-size: 13px; color: #00486A; }
.style9 {font-size: 13px; color: #043e65; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
.style12 {color: #697477}
.style13 {color: #00486A}
.BanjoteacherText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #697477;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.Banjoteacherlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	color: #697477;
	text-decoration: underline;
}
.Banjoteacher10Bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #697477;
}
.Banjoteacher12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	color: #697477;
}
banjoteacher12bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
}
.Banjoteacher14Bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #697477;
}
.banjoteachersmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #697477;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.BanjoTeacherHeading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #FFFFFF;
}
.imageright {
	float: right;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.imageleft {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.imagecenter {
	float: inherit;
	margin-right: auto;
	margin-left: 75px;
}
newbodytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #e5e5e5;
}
NewTitel24 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	color: #FFFFFF;
}
NewTitel16 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #FFFFFF;
}
NewTitle12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
}
newbodytext10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #e5e5e5;
}
newbodytext9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #e5e5e5;
}
.newtext12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #e5e5e5;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.newbodytext9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #e5e5e5;
}
.newbodytext10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #e5e5e5;
}
.newbodytext14 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #e5e5e5;
}
NewTitelText24 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	color: #FFFFFF;
}
.NewTitelText16 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #FFFFFF;
}
.NewTitelText14 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #FFFFFF;
}
.NewTitelText12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
}
.bottomlinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #0000CC;
	text-decoration: underline;
}
.NewTiteText-24 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	color: #FFFFFF;
}
.NewText-20 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #FFFFFF;
}
#body #centercol #content .new2727-12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #272727;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#body #centercol #content .New2727-14 {
	font-size: 14px;
	color: #272727;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#body #centercol #content .New2727-16 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #272727;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#body #centercol #content .New2727-18 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #272727;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#body #centercol #content .New2727-20 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	color: #272727;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#body #leftcol #sectionLinks .SectionLinkHeading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #043e65;
}
#body #leftcol #sectionLinks .links-side {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #660000;
	text-decoration: underline;
}
#body #centercol #content .newtext12 .new2727-12-light {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #3E3E3E;
}
.imageleft {
	float: left;
	margin-top: 5px;
}