@charset "UTF-8";
/************************************************************
*
*	BandFo = Band + Info
*  bfStyle.css - BandFo CSS Style sheet
*  Copyright 2008 - Alpine Studio, LLC
*
*************************************************************/

* {margin: 0px; padding: 0px; }
html { font: small/1.4 "Lucida Grande", Tahoma, sans-serif; }
body { font-size: 12px; background-image: url(bfBackGround3.png); background-repeat: repeat; text-align: center; padding: 20px; }
h1 { font-weight: bold; font-size: 130%; margin: 0px 0px 10px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; }
h2 { font-weight: bold; font-size: 115%; margin: 0px 0px 10px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; }
h3 { font-weight: bold; font-size: 100%; margin: 0px 0px 10px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #000099; }
h4 { font-weight: bold; font-size: 95%; margin: 0px 0px 10px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; }
a:link { color: #000099; text-decoration: underline; }
a:visited { color: #3d3d99; text-decoration: underline; }
a:hover { color: #5c5ce6; text-decoration: underline; }
a:active { color: #5c5ce6; text-decoration: underline; }
/*
.a:link img { border: 2px solid #000099; }
a:visited img { border: 2px solid #3d3d99; }
a:hover img { border: 2px solid #5c5ce6; }
a:active img { border: 2px solid #5c5ce6; }
*/
p { margin: 0px 0px 10px 0px; }
ul.menu { border-top:1px solid #000000; list-style-image:none; list-style-position:outside; list-style-type:none; }
ul.menu li { border-bottom:1px solid #CCCCCC; margin: 0px; padding:5px 0pt 4px; clear:both; }
ul.guild { border-top:none; list-style-image:none; list-style-position:outside; list-style-type:none; }
ul.guild li { border-bottom: none; margin: 0px; padding:5px 0pt 4px; clear:both; }
ul.guildSub { border-top: 1px solid #000000; list-style-image:none; list-style-position: inside; list-style-type: disc; }
ul.guildSub li { border-bottom: none; margin: 0px; padding:5px 0px 4px 10px; }
ul.TutVids { border-top:1px solid #000000; list-style-image: none; list-style-position: outside; list-style-type: none; }
ul.TutVids li { border-bottom:1px solid #CCCCCC; margin: 0px; padding:5px 0px 4px; clear: both; height: 85px; }
ul.TutVidsRt { border-top:1px solid #000000; list-style-image: none; list-style-position: outside; list-style-type: none; }
ul.TutVidsRt li { border-bottom:1px solid #CCCCCC; margin: 0px; padding:5px 0px 4px; clear: both; height: 100px; }

/*   Navigation   */
#navBar { background: #000099; list-style-type: none; float: left; }
#navBar li { margin: 0; padding: 0; float: left; text-align: center;}
#navBar a { float: left; width: 172px; color: #FFF; text-decoration: none; line-height: 2.5; text-align: center; border-right: 1px solid #FFF; }
#navBar #nav_con a { border: none; }
#navBar a:hover { background: #0000e6; }
#bodyHome #navHome a, 
#bodyElearning #navElearning a,
#bodyEvents #navEvents a,
#bodyGuild #navGuild a,
#bodyStore #navStore a,
#bodyAbout #navAbout a { background: #999999; color: #1A1303; font-weight: bold; }

/*   Page Layout   */
#divWrapper { background: #cccccc; width: 904px; margin: 0 auto; text-align: left; }
#divMember { padding: 0; margin: 0 21px 0 0; float: right; }
#divHeader { text-align: center; padding: 20px 0px 0px 0px; margin: 0px 0px 0px 20px; }
#flashcontent { display: inline; } 
#divNav { text-align: center; padding: 0px 0px 0px 0px; margin: 20px 0px 0px 20px; clear: both; }
#divBanner { margin: 20px 0 0 0; float:left; width: 904px; }
#divMain { width: 560px; float: left; background: #FFFFFF; margin: 20px 0px 20px 20px; padding: 10px;}
#divLeftCol { width: 270px; float: left; }
#divLeftColArticle { width: 560px; float: left; }
#divRtCol { width: 270px; float: right; }  
#divExtras { width: 244px; float: right; margin: 20px 20px 20px 0px; padding: 10px; background: #999999; }
#divExtrasAd { width: 244px; float: right; margin: 20px 20px 20px 0px; padding: 10px; background: #999999; text-align: center; }
#divExtras2, #divExtras3, #divExtras4 { width: 244px; float: right; margin: 0px 20px 20px 0px; padding: 10px; background: #999999; }
#divMiniPanel { background: #ebebeb; padding: 0px 10px; }
#divFoot { font-size: 85%; text-align: center; clear: both; margin: 20px; padding: 10px;}

/*   Classes   */
.fltLeft { float: left; }
.fltRight { float: right; }
.imgBorder { margin: 5px; border: #000000 solid thin; }
.imgBorderNoMar { border: #000000 solid thin; }
.imgNoBorder { margin: 5px; border: none;}
.imgfltLeftBorder { float: left; margin: 5px; border: #000000 solid thin; }
.imgNoBorderLeft { margin: 5px; border: none; float: left; }
.imgNoBorderRt { margin: 5px; border: none; float: right; }
.imgTutVids { border: #000099 solid 2px; margin: 3px; float: right; clear: both; }
.poweredBy { font-size: 10px; text-align: center;}
.imgHeader { float: left; vertical-align: top; border: #000000 solid thin; }
.freebie { color: #990000; font-style: italic; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; }
.flashHeader { float: left; margin: 0px 0px 0px 200px; clear: both; }
.banner { border: #000099 solid thin; display: block; margin: 0 auto; }