/* CSS Document for Neundorfer 2007 Redesign */

/* global Styles -----------------------------------*/

* { margin:0; padding:0; }

body { height:100%; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; margin:0; padding:0; }
img { border:none; }
h1 { margin:0 0 7px 0; font-size:14px; color:#0072bc; }
h2 { margin:0 0 11px; font-size:12px; font-weight:bold; color:#0072bc; }
h3 { margin:0 0 4px 0; font-size:11px; font-weight:bold; color:#0072bc; }
h4 { margin:0 0 4px 0; font-size:11px; font-weight:bold; color:#666; }
h5 { margin:0 0 4px 0; font-size:12px; fcolor:#0072bc;}
p { margin:0 0 11px 0; }
a { color:#61b33f; }
dd { margin:0; padding:0; }
.clear { clear:both; }

/* structure--------------------------------------- */

#MastheadContainer { width:100%; height:110px; margin:0 0 10px 0; padding:0; background:#ffffff url(/images/BK_top.jpg) no-repeat; }
#Masthead { width:1212px; height:110px; margin:0 0 0 115px; padding:0; float:left; }
#LogoBK { height:110px; float:left; padding:0; margin:0; }
/*html > body #LogoBK { height:110px; background:#80b7dd url(/images/BK_top.jpg) no-repeat right; float:left; padding:0 0 0 100px; margin:0; }*/

#Container { width:85%; margin:0 auto; }
#LeftColumn { width:175px; vertical-align:top; }
html > body #LeftColumn { width:150px; vertical-align:top; }
#leftContent, #rightContent { margin:18px 0 20px 0; }

#CenterColumn { vertical-align:top; padding:0 15px 0 15px; }
#RightColumnHome { width:20%; vertical-align:top; }
#RightColumn { width:200px; vertical-align:top; }

/* Content Boxes -------------------------------------- */

.MainContentBoxFull { padding:11px 0 11px 0; clear:both; }
.MainContentBoxFull img { margin:0 0 11px 0; }
.MainContentBoxFull li { padding:4px 0 0 20px; list-style-type:none; background:url(/images/GrayBullet.gif) no-repeat; }
.MainContentBoxFull li ul{ margin-bottom:6px; }
.MainContentBoxLeft { margin:0 11px 0 0; float:left; }
.MainContentBoxLeft img { margin:0 0 11px 0; }
.MainContentBoxRight { float:left; }
.MainContentBoxRight img { margin:0 0 11px 0; }

/* HeaderNav ------------------------------------------ */

#HeaderNav { font-size:16px; font-weight:bold; color:#066db2; float:right; padding:45px 100px 0 0; margin:0 0 0 0; }
#HeaderNav a, #HeaderNav a:link, #HeaderNav a:visited { color:#61b33f; font-weight:bold; text-decoration:none; padding:0; margin:0; }
#HeaderNav a:hover { color:#2B2B2B; text-decoration:none; }

/* LeftNav ------------------------------------------ */

#Search{ }
	
.InputBox { width:105px; height:14px; font-size:9px; color:#2B2B2B; margin-right:2px; }
html > body .InputBox { width:93px; }
.InputButton { font-size:9px; color:#0072bc; }
#leftnav, #leftnav li { /* all lists */ padding:0; margin:0; width:150px; list-style:none; line-height:1; font-weight:bold; }
#leftnav { margin-top:10px; }
#leftnav, #leftnav ul { width:150px; }
#leftnav { display:block; }
#leftnav li ul { padding:0; margin:0; width:240px; list-style:none; line-height:1; }
#leftnav li ul a { padding:5px 0 0 0; margin:0; width:240px; }
#leftnav a { display:block; width:150px; padding:5px 0 0 0; text-decoration:none; color:#0072bc; }
#leftnav li ul li { border:none; }
#leftnav li { /* all list items */ float:left; width:125px;  /* width for Opera */ height:22px; padding:0 0 0 25px; 
			  background:url(/images/leftnav_bluedot.jpg) no-repeat; border-bottom:#ccc dashed 1px; }
#leftnav li ul li { /* all list items */ float:left; width:150px;  /*width needed or else Opera goes nuts */ height:22px; padding:0 0 0 25px;
	background:url(/images/leftnav_bluedotsub.jpg) no-repeat; }
#leftnav li ul { /* second-level lists */ position:absolute; background:#bfdcf0; width:240px; left:-999em; 
				 /* using left instead of display to hide menus because display:none isn't read by screen readers */ margin:-16px 0 0 124px; }
#leftnav li ul ul { /* third-and-above-level lists */ margin:-1.2em 0 0 10em; }
#leftnav li:hover ul ul, #leftnav li:hover ul ul ul, #leftnav li.sfhover ul ul, #leftnav li.sfhover ul ul ul { border-bottom:#bfdcf0 solid 1px; 
	left:-999em; }
#leftnav li:hover { background:#bfdcf0 url(/images/leftnav_whitedot.jpg) no-repeat; border-bottom:#bfdcf0 solid 1px; position:static; }
#leftnav li.sfhover { background:#bfdcf0 url(/images/leftnav_whitedot.jpg) no-repeat; border-bottom:#bfdcf0 solid 1px; position:static; }
#leftnav li ul li:hover { background:#bfdcf0 url(/images/leftnav_whitedot.jpg) no-repeat; border:none; position:static; }
#leftnav li ul li.sfhover { width:215px; }
#leftnav li a:hover {
	color:#fff;
	}
#leftnav li:hover ul, #leftnav li li:hover ul, #leftnav li li li:hover ul, #leftnav li.sfhover ul, #leftnav li li.sfhover ul, #leftnav li li li.sfhover ul { /* lists nested under hovered list items */
	left:auto;
	}

/* Right Nav for Secondary Pages -------------------- */

#RightNav { width:200px; list-style:none; margin:0; }
#RightNav li { background:url(/images/RightButton.jpg) left top no-repeat; height:33px; line-height:325%; margin-top:3px; padding:0px 0 0 40px; }
#RightNav li.sfhover { background:url(/images/RightButton.jpg) left top no-repeat; position:static; width:200px; height:33px; }
#RightNav li a { color:#0072bc; text-decoration:none; font-weight:bold; width:200px; height:33px; padding-left:40px; margin-left:-40px; display:block; }
#RightNav li a:hover { color:#61b33f; text-decoration:none; }
#RightNav li:active { background:url(/images/RightButton_active.jpg) no-repeat; height:33px; line-height:325%; margin-top:3px; padding:0px 0 0 40px; }
#RightNav li:hover { background:url(/images/RightButton_active.jpg) no-repeat; height:33px; line-height:325%; margin-top:3px; padding:0px 0 0 40px; }

#GreenNav { width:200px; list-style:none; margin:0 0 11px 0; }
#GreenNav li:active { background:url(/images/RightButton_Active.jpg) no-repeat; height:24px; padding:10px 0 0 40px; }
#GreenNav li { background:url(/images/RightButton_Active.jpg) no-repeat; height:24px; padding:10px 0 0 40px; }
#GreenNav li a { color:#61b33f; text-decoration:none; font-weight:bold; display:block; }
#GreenNav li a:hover { color:#959595; text-decoration:none; }
#NavSub { width:200px; list-style:none; margin:0 0 11px 20px; }
#NavSub li { color:#61b33f; padding:2px 0 5px 25px; background:url(/images/leftnav_bluedot.jpg) no-repeat; }
#NavSub li a { color:#0072bc; text-decoration:none; font-weight:bold; padding:2px 0 5px 0px; }
#NavSub li:hover { background:url(/images/leftnav_greendot.jpg) no-repeat; color:#959595; text-decoration:none; }
#NavSub li a:hover { color:#959595; text-decoration:none; }
#NavSub li:active { /*background:url(/images/leftnav_greendot.jpg) no-repeat; padding:10px 0 0 40px;*/ }
#AvailableDocs { margin:0 0 0 25px; padding:0 0 0 10px }
#AvailableDocs a { padding:0 0 0 0; color:#61b33f; }
#AvailableDocs a:hover { color:#959595; }

/* FooterNav ---------------------------------------- */

#Footer { width:85%; margin:0 auto; padding:5px 0 10px 0; border-top:#CCC dotted 1px; font-size:11px; }
#FooterLeft { float:left; color:#0072bc; }
#FooterRight { float:right; }
#FooterNav li { display:inline; margin-left:5px; }
#FooterNav li a { color:#2B2B2B; }
#FooterNav li a:hover { color:#0072bc; }

/* Classes ----------------------------------------- */

.greenlink { padding:0 0 0 15px; color:#61b33f; font-weight:normal; background:url(/images/Greyarrow.gif) no-repeat; }
.greenlink:hover { background:url(/images/GreyarrowLT.gif) no-repeat; text-decoration:none; }

.FormTable td, th { padding:5px 5px 5px 0; text-align:left; }
.FormTable label { padding:0 5px 0 5px; font-weight:normal; }
.homelinklist { margin:0 0 21px 0; list-style-image:none; list-style-type:none; }
.homelinklist a { padding:0 0 0 15px; color:#61b33f; background:url(/images/Greyarrow.gif) no-repeat; }
.homelinklist a:hover { background:url(/images/GreyarrowLT.gif) no-repeat; text-decoration:none; }
	

/* Products Page ----------------------------------------- */

#categoryList { margin-bottom:20px; }
.clear { height:0px; line-height:0px; display:block; clear:both; }

/*  Workshops Page --------------------------------------- */
#Workshops { line-height:18px; margin:0 0 0 0; padding:0; }
#Workshops p { font-size:12px; line-height:18px; margin:5px 0px; padding:0; width:700px; }
#Workshops h2 { margin:7px 0 7px 0; font-size:14px; color:#0072bc; width:700px; }
	#Workshops h2.TopItem { margin:0 0 7px 0; font-size:14px; color:#0072bc; width:700px; }

#Workshops h2 a, #Workshops h2 a:link, #Workshops h2 a:visited  { color:#0072bc; text-decoration:none; width:700px; }	
	#Workshops h2 a:hover  { color:#0072bc; text-decoration:none; width:700px; }
	
#Workshops h3 { margin:15px 0 11px; font-size:12px; font-weight:bold; color:#0072bc; width:700px; }
#Workshops a, #Workshops a:link, #Workshops a:visited { color:#61b33f; text-decoration:underline; width:700px; font-weight:bold; }
	#Workshops a:hover { color:#61b33f; text-decoration:none; width:700px; font-weight:bold; }
	
#Workshops dl { margin:14px 0px 14px 0px; padding:0; line-height:18px; width:700px; }
#Workshops dt { color:#000; font-weight:normal; padding:0; margin:0 0 5px 0; font-weight:bold; font-size:14px; width:700px; }
#Workshops dd {  font-size:12px; width:700px; margin:0 0 8px 0; padding:0;  }
#Workshops dd.arrow { margin:0 0 8px 0; padding:0 0 0 20px; background:url(../images/dd_bg.jpg) 0 .3em no-repeat; }
#Workshops dd a, #Workshops dd.arrow a  { font-size:12px; font-weight:bold; margin:0; padding:0; }

#Workshops dd.arrow a, #Workshops dd.arrow a:link, #Workshops dd.arrow a:visited { font-weight:bold; width:700px; font-weight:bold; margin:0; padding:0; }
	#Workshops dd.arrow a:hover { font-weight:bold; text-decoration:none; width:700px; margin:0; padding:0; }

.Line { border:none 0; border-top:1px dashed #000; /*the border*/ width:100%; height:1px; color:#ccc; }

.Register { }
.Register table { font-size:12px; line-height:18px; font-weight:normal; }
	.Register td { padding:5px; margin:0; }
	.Register fieldset { margin:0 0 20px 0; padding:0; }
	.Register legend { margin:0px 5px; font-size:14px; font-weight:bold; color:#0072bc; line-height:18px; }
	.Register .required { color:#0072bc; }
	
.RegisterButtons { margin:10px 0 0 0; }