@charset "utf-8";
/* CSS Document */
/*Start of the Drop Down Menu CSS, this is needed for the menu to work properly!!!*/

/*This is the id that holds the menu buttons. Everything can be chaned here except overfolw. Overflow MUST be visible!!!*/
#MenuHolder{
/*The next 4 should fine how they are, change them at your discretion*/
display:block;
overflow:visible;
clear:both;
position:relative;
/*Change the color here the change the font color of the buttons*/
color:#3366FF;
/*Change the font size and weight here to change how the text on the buttons look*/
font-size:12px;
/*This centers the div*/
margin:0px auto;
/*Change the background color for the buttons here*/
background-color:#FFFFFF;
}

/*This just tells browsers to not display the drop down boxes until a mouse over*/
.NoShow{
display:none;
visibility:hidden;
position:relative;
overflow:visible;
}

/*Very little should be touched here. Width can be changed if the boxes need to be larger or smaller depending on how many you have, also the border and background color can be changes. Margin and padding should be left alone, if the links need to be moved do so below with the padding for the li elements. Text aling should remain left otherwise the link position is very messed up.*/
.Show{
width:200px;
background-color:#EBEBEB;
/*Nothing Below here should have to be changed*/
padding:0px;
margin:0px;
display:block;
visibility:visible;
position:absolute;
text-align:left;
z-index:100;
border:1px solid #3366FF;
}

/*The only think that should be changed here is the list style type if squares or something else is wanted. If they are wanted then there may have to be some manipulation of the padding and margin both for the ul and li. Increasing the padding and margin should display the list style if you change it to something besides none*/
.Show ul{
list-style-type:none;
padding:0px;
margin:0px;
}

/*This is pretty much the same as the ul above. Here though you can change the padding to change the space between links. Changing the padding-left will give it more space from the left edge of the drop down menu edge. You could add in padding-top and give them space between eachother is wanted and etc. */
.Show li{
list-style-type:none;
border-bottom:1px solid #3366FF;
padding:5px;
padding-right:0px;
margin:0px;
}

/*Changing the color here will change the link color in the drop down menus. */
.Show a:link{
color:#3366FF;
text-decoration:none;
display:block;
}

.Show a:visited{
color:#3366FF;
text-decoration:none;
display:block;
}

.Show a:hover{
color:#000000;
text-decoration:none;
}

/*This just describes the botton that will be moused over. This can be changed if needed. Note the background color of the buttons is actuall applied to the table in MenuHolder not here. */
.button{
position:relative;
height:20px;
overflow:visible;
text-align:center;
}
/*End of the Drop Down Menu CSS*/