/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background-image: url(bucweeet_background2.png); 
    background-repeat: repeat; 
    color: Gray;
    width: 100%;
    font-size: 0.95em;
    font-family: "Century Gothic", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
}

.hr1 
{
 width:80%; 
 color:Teal;
}


 a:link, a:visited
{
    color: Teal; 
    text-decoration: none;
}

a:hover
{
    color: Teal;
    font-weight:bolder;
    text-decoration: underline;
}

a:active
{
    color: Gray;
    text-decoration: none;
}

p
{
    font-family: "Century Gothic", "Arial", "Helvetica", "sans-serif";
    font-weight: normal;
    color: Gray!important;
    font-style: normal;
    margin-bottom: 10px;
    line-height: 1.3em;
    font-size: 0.95em;
}




/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-family: "Century Gothic", "Arial", "Helvetica", "sans-serif";
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

.h1
{
    font-size: 2.0em;
    color:Teal;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.h13em
{
    font-family: "Century Gothic", "Arial", "Helvetica", "sans-serif";
    text-align:center;
    color: #666666;
    width:100%;
    font-size: 3.0em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.h1Wl
{
    font-family: "Century Gothic", "Arial", "Helvetica", "sans-serif";
    text-align:center;
    width:100%;
    font-size: 2.0em;
    font-weight:bolder;
    color:White;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.h2
{
    font-size: 1.5em;
    font-weight: 300;
}

.h2W2
{
    font-family: "Century Gothic", "Arial", "Helvetica", "sans-serif";
    font-size: 1.5em;
    font-weight: 600;
    color: #666666;
}

.h3
{
    font-size: 1.2em;
}

.h4
{
    font-size: 1.1em;
}

.h5, .h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    background-image: url(bucweeet_background2.png); 
    background-repeat: repeat; 
    position:relative;
    top:-22px;
    width: 100%;
    background-color: #fff;
    margin: 20px auto 0px auto;
/*    border: 1px solid #496077;*/
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;
    top: -22px;
    left: -1px;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #FF0000;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 20%;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 15px 0px 10px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: 1.50em;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-size: 0.95em;
    color:Gray;
}

.blueletters
{    
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-size: 0.95em;
    line-height:1.0em;
    font-weight: normal;
    color: Teal;
    font-style: normal;
}

/* TAB MENU   
----------------------------------------------------------*/
div.hideSkiplink
{
    background-color: #4b6c9e;
}

div.menu 
{
    padding: 4px 15px 4px 4px;
    background-image:url(bucweeet_background2.png);
    background-repeat: repeat; 
    }

div.menu a:link 
{
    padding: 4px 15px 4px 4px;
    color: Teal; 
    background-image:url(bucweeet_background2.png);
    background-repeat: repeat; 
    }
    
div.menu a:visited
{
    color: Teal;
}

div.menu a:hover
{
    color: Silver;
    font-weight:bolder;
    text-decoration: underline;
    background-image:url(bucweeet_background2.png);
    background-repeat: repeat; 
}


div.menu a:active
{
    color: Teal;
    text-decoration: none;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: White;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: White;
    text-decoration: none;
}


/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    background-image: url(bucweeet_background2.png); 
    background-repeat: repeat; 
    color: #666666;
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}
/* this one works
.navBar
{
    background-image: url(bucweeet_background2.png); 
    background-repeat: repeat; 
    background-color:#b6b7bc;
    background-position:10px -30px;
    padding:0px, 10px, 0px, 10px;
    color: Gray;
    font-family: "Century Gothic", "Arial", "Helvetica", "sans-serif";
    font-size: 1.0em;   
    font-weight:normal;
    line-height: 1.0em;
    display: block;
    z-index:100;
    line-height:20px;
}

.navBar a:link
{
    color: Gray;
    background-position:10px -30px;
    text-align:left;
    background-color:#b6b7bc;
    line-height: 1.1em;
    display: block;
    text-decoration:none;
}

.navBar a:visited
{
    color: Gray;
    background-position:10px -30px;
    background-color:#b6b7bc;
    text-align:left;
    line-height: 1.1em;
    display: block;
    text-decoration:none;
}

.navBar a:hover
{
    background-color: White;
    color:White;
    font-weight:normal;
    background-position:10px -30px;
    text-align:left;
    line-height: 1.1em;
    display: block;
    text-decoration:underline;
}
*/
/*
.navBar ul li a, navBar ul li a:visited
{
    background-color: #b6b7bc;
    background-position:10px -30px;
    color:White;
    text-align:left;
    line-height: 1.1em;
    display: block;
    visibility:visible;
}

.navBar ul li a:hover
{
    background-color: White;
    background-position:10px -30px;
    color: black;
    text-align:left;
    line-height: 1.1em;
    display: block;
    visibility:visible;
}

.navBar ul li a:active
{
    background-color: #b6b7bc;
    background-position:10px -30px;
    color: White;
    text-align:left;
    line-height: 1.1em;
    display: block;
    visibility:visible;
}
*/


.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

.menu-link { display: none;}
menu { 
  float: left;
  -webkit-transition: all 0.3s ease;  
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  color:White;
}
.menu ul { 
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  display: inline-table;

}
.menu > li > ul.sub-menu {
	min-width: 10em;
	padding: 4px 0;
	background-color: #f4f4f4;
	border: 1px solid #CCC;
}
.menu ul li { padding: 0px; }
.menu > ul > li { display: inline-block; }
.menu ul li a { display: block; text-decoration: none; color: #000; font-size: .9em; }
.menu ul li > a { height:58px; padding: 19px 12px; }
.menu ul ul { 
  display: none; 
  position: absolute; 
  top:100%;
  min-width: 160px;
  background-color: #f4f4f4;
  border: 1px solid #CCC;
}
.menu ul li:hover > ul { display: block; }
.menu ul ul > li { position: relative; }
.menu ul ul > li a { padding: 5px 15px 5px 10px; height: auto; background-color: #f4f4f4; }
.menu ul ul > li a:hover { background-color: #42BBA3; color: #fff; }
.menu ul ul ul { position: absolute; left: 100%; top:0; }

@media all and (max-width: 768px) {
  .example-header .container { width: 100%; }
  
  a.menu-link { display: block; color: White; background-color: #333; float: right; text-decoration: none; padding: 19px 10px;}
  .menu { clear: both; min-width: inherit; float: none; }
  .menu, .menu > ul ul { overflow: hidden; max-height: 0; background-color: #f4f4f4; color:White; }
  .menu > li > ul.sub-menu { padding: 0px; border: none; }
  .menu.active, .menu > ul ul.active { max-height: 55em; }
  .menu ul { display: inline; }
  .menu > ul { border-top: 1px solid #808080; }
  .menu li, .menu > ul > li { display: block; }
  .menu li a { color: #000; display: block; padding: 0.8em; border-bottom: 1px solid #808080; position: relative; }
  .menu li.has-submenu > a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 0.55em 0.5em;
  }
  .menu li.has-submenu > a.active:after {
    content: "-";
  }
  .menu ul ul > li a { background-color: #e4e4e4; height:58px; padding: 19px 18px 19px 30px; }
  .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; }
}



/* ================================================================
CSS MULTILEVEL DROPDOWN MENU
Original version by Stu Nicholls Copyright (c) 2005-2009
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth2.html
Modified and annotated by Mike Nichols, October 24, 2009
=================================================================== 

/* MENU BAR WIDTH, TAB ALIGNMENT & POSITIONING 
#bucweeet_menu {
	/* width of menu 
	width: 100%;
	/* center menu tabs or not 
	text-align:left;
	/* put your positioning statements here 
}

/*-----HEIGHT OF ITEMS 
/* all menu items 
#bucweeet_menu { height: 22px; }
#bucweeet_menu a { line-height:22px; }
/* all hover items 
#bucweeet_menu a:hover ul,
#bucweeet_menu li.left a:hover ul,
#bucweeet_menu ul li:hover > ul,
#bucweeet_menu li.left:hover > ul { top:22px; }
/* flyout positioning - this number must remain negative 
#bucweeet_menu ul ul li:hover > ul,
#bucweeet_menu li.left ul li:hover > ul { margin-top:-22px;}
/*-----

/* ITEM ARROWS AND FONT STYLING WHEN ITEM HAS DROPDOWNS AND FLYOUTS 
/* menu arrow down 
#bucweeet_menu li a.down {
	background:transparent url(~/App_Themes/arrow-down-black.gif) no-repeat right center;
}
/* menu arrow right, font color and weight when item has flyouts 
#bucweeet_menu li ul a.flyout {
	background:transparent url(~/App_Themes/arrow-right-black.gif) no-repeat right center;
	color: black;
	/* bold or not 
	font-weight: bold;
	/* uppercase or not 
	text-transform: uppercase;
}
/* menu arrow left, font color and weight when item has flyouts 
#bucweeet_menu li.left ul a.flyout {
	background:transparent url(~/App_Themes/arrow-left-black.gif) no-repeat left center;
	color: black;
	/* bold or not 
	font-weight: bold;
	/* uppercase or not 
	text-transform: uppercase;
}

/* ITEM BACKGROUND, BORDER AND FONT STYLING 
/* level one: main menu and default font styling 
#bucweeet_menu {
	/* remove background to get floating tabs 
	background:White;
	/* font family if desired 
	font-family: Verdana,Arial,sans-serif;
	/* cursor style 
	cursor: pointer;
	/* border if desired 
	/*border: 1px solid #000000;
	border-width: 0px 1px 0px 1px;
}

/* level one; main menu tabs 
#bucweeet_menu ul.level1 { background:White; }
#bucweeet_menu ul.level1 a 
{
    background:White; 
	color: Gray;
	font-size: 1.5em;
    font-family: "Arial", "Helvetica", "sans-serif";
    text-align:center;
    font-size: 1.1em;
    font-weight:normal;
    line-height: 22px;
    display: block;
	border: 1px solid Gray;
	border-width: 1px 1px 1px 1px;
	padding:0 20px 0 20px;
	text-decoration:none;
	/* bold or not 
	font-weight: bold;
	/* uppercase or not 
	text-transform: uppercase;
	/* letter spacing 
	letter-spacing: 2px;
	/* item padding 
	/* border if desired 
}
/* level two dropdown 
#bucweeet_menu ul.level2 { background:White; }
#bucweeet_menu ul.level2 a 
{
    background:White; 
	color: Gray;
	font-size: 1.5em;
    font-family: "Arial", "Helvetica", "sans-serif";
    text-align:center;
    font-size: 1.1em;
    font-weight:normal;
    line-height: 22px;
    display: block;
	border: 1px solid Gray;
	border-width: 1px 1px 1px 1px;
	padding:0 20px 0 20px;
	text-decoration:none;
/*    background:White;
	color: Gray;
	font-size: 1.2em;
	padding:0 20px 0 10px;
	border: 1px solid Gray;
	border-width: 1px 1px 1px 1px;
	/* bold or not
	font-weight: bold; 
	#bucweeet_menu ul.level2 a 
{
    background:White; 
	color: Gray;
	font-size: 1.5em;
    font-family: "Arial", "Helvetica", "sans-serif";
    text-align:center;
    font-size: 1.1em;
    font-weight:normal;
    line-height: 22px;
    display: block;
	border: 1px solid Gray;
	border-width: 1px 1px 1px 1px;
	padding:0 20px 0 20px;
	text-decoration:none;
/*    background:White;
	color: Gray;
	font-size: 1.2em;
	padding:0 20px 0 10px;
	border: 1px solid Gray;
	border-width: 1px 1px 1px 1px;
	/* bold or not
	font-weight: bold; 
	/* uppercase or not
	text-transform: none; 
	/* letter spacing 
	/*letter-spacing: 2px;
	/* item padding 
	/* border if desired 
}
/* level three flyout 
#bucweeet_menu ul.level3 { background:White; }
#bucweeet_menu ul.level3 a 
{
    background:White; 
	color: Gray;
	font-size: 1.5em;
    font-family: "Arial", "Helvetica", "sans-serif";
    text-align:center;
    font-size: 1.1em;
    font-weight:normal;
    line-height: 22px;
    display: block;
	border: 1px solid Gray;
	border-width: 1px 1px 1px 1px;
	padding:0 20px 0 20px;
	text-decoration:none;
/*	color: #000000;
	font-size: 1.2em;
	/* bold or not 
	font-weight: bold;
	/* uppercase or not 
	text-transform: none;
	/* letter spacing 
	/*letter-spacing: 2px;
	/* item padding 
	padding:0 20px 0 10px; 
	/* border if desired 
	/*border: 1px solid #000000;
	border-width: 1px 1px 1px 1px;
}
/* level four flyout 
#bucweeet_menu ul.level4 { background:White; }
#bucweeet_menu ul.level4 a 
{
    background:White; 
	color: Gray;
	font-size: 1.5em;
    font-family: "Arial", "Helvetica", "sans-serif";
    text-align:center;
    font-size: 1.1em;
    font-weight:normal;
    line-height: 22px;
    display: block;
	border: 1px solid Gray;
	border-width: 1px 1px 1px 1px;
	padding:0 20px 0 20px;
	text-decoration:none;
/*	color: #000000;
	font-size: 1.2em;
	/* bold or not 
	font-weight: bold; 
	/* uppercase or not 
	text-transform: none; 
	/* letter spacing 
	/*letter-spacing: 2px;
	/* item padding 
	padding:0 20px 0 10px; 
	/* border if desired 
	/*border: 1px solid #000000;
	border-width: 1px 1px 1px 1px;
}
/* hover - these two should be the same 
#bucweeet_menu li a:hover,
#bucweeet_menu li a.flyout:hover 
{
    background:White; 
	color: Gray;
	font-size: 1.5em;
    font-family: "Arial", "Helvetica", "sans-serif";
    text-align:center;
    font-size: 1.1em;
    font-weight:normal;
    line-height: 22px;
    display: block;
	border: 1px solid Gray;
	border-width: 1px 1px 1px 1px;
	padding:0 20px 0 20px;
	text-decoration:none;
	background-color:White;
	color: Gray;
	/* bold or not 
	font-weight: bold;
	/* underline or not 
	text-decoration:none; 
}
#bucweeet_menu li:hover > a,
#bucweeet_menu ul li:hover > a.flyout 
{
    background:White; 
	color: Gray;
	font-size: 1.5em;
    font-family: "Arial", "Helvetica", "sans-serif";
    text-align:center;
    font-size: 1.1em;
    font-weight:normal;
    line-height: 22px;
    display: block;
	border: 1px solid Gray;
	border-width: 1px 1px 1px 1px;
	padding:0 20px 0 20px;
	text-decoration:none;
    /*	background-color:#9DB287;
	color: #FFFFFF;
	/* bold or not 
	font-weight: bold;
	/* underline or not 
	text-decoration:none; 
}

/* INDIVIDUAL LEVEL 1 TAB BACKGROUNDS 
#bucweeet_menu #tab1 { background: #088040; }
#bucweeet_menu #tab2 { background: #6666FF; }
#bucweeet_menu #tab3 { background: #804000; }
#bucweeet_menu #tab4 { background: #004080; }
#bucweeet_menu #tab5 { background: #808000; }
#bucweeet_menu #tab6 { background: #7F7F7F; }
#bucweeet_menu #tab7 { background: #008080; }
#bucweeet_menu #tab8 { background: #A36BFE; }
#bucweeet_menu #tab9 { background: #800040; }
#bucweeet_menu #tab10 { background: pink; }

/*===== DO NOT CHANGE ANYTHING BELOW THIS LINE =====
#bucweeet_menu {z-index: 100; }
#bucweeet_menu a {display:block; }
#bucweeet_menu a:hover ul {left:0; }
#bucweeet_menu li.left a:hover ul {left:auto; right:-1px; }
#bucweeet_menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#bucweeet_menu ul {display:inline-block;}
#bucweeet_menu li {margin:0; padding:0; list-style:none;}
#bucweeet_menu li {display:inline-block; display:inline;}
#bucweeet_menu ul ul {position:absolute; left:-9999px;}
#bucweeet_menu ul.level1 {margin:0 auto;}
#bucweeet_menu ul.level1 li.level1-li {float:left; display:block; position:relative;}
#bucweeet_menu b {position:absolute;}
#bucweeet_menu ul.level1 li.level1-li a.level1-a {float:left;}
#bucweeet_menu ul li:hover > ul {visibility:visible; left:0; }
#bucweeet_menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto;}
#bucweeet_menu li.left:hover > ul {visibility:visible; left:auto; right:0; }
#bucweeet_menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; }
#bucweeet_menu li.left ul a {text-align:right; padding:0 10px 0 20px;}
#bucweeet_menu a:hover a:hover ul,
#bucweeet_menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#bucweeet_menu li.left a:hover a:hover ul,
#bucweeet_menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}
#bucweeet_menu a:hover ul ul, #bucweeet_menu a:hover a:hover ul ul {left:-9999px;}
#bucweeet_menu li.left a:hover ul ul, #bucweeet_menu li.left a:hover a:hover ul ul {left:-9999px;}
#bucweeet_menu table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-4px;}
#bucweeet_menu table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}
#bucweeet_menu li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-4px;}
#bucweeet_menu li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}
*/