body {margin:0;padding:0;background:#505050 url('images/bg.gif');background-repeat:repeat;}

/* Layout */

ul {width:90%;padding-left:35px;color:black;text-decoration:none;font:13px/1.3em geneva,arial,sans-serif}
ol {width:90%;padding-left:35px;color:black;text-decoration:none;font:13px/1.3em geneva,arial,sans-serif}
#center {border-style:solid;border-width:10px;border-color:#000000;border-top:none;border-bottom:none;height:100%;max-width:1000px;min-width:520px;background:#FFF;padding-top:0;margin:0 auto;}
#border {border-style:none;border-color:black;border-width:2px;border-top:none;border-bottom:none;min-width:150px;width:100%;height:100%;background:#FFF;margin-top:0;padding-top:0;}
#logo {width:100%;height:200px;min-width:400px;background:#000 url('images/topbanner.jpg') repeat}
#main {width:100%;float:left;background:#FFFFFF url('images/AmericanLegionbg2.jpg');background-position:center;background-repeat:no-repeat}


/* Tables */

table.center {margin-left:auto; margin-right:auto;border:medium;}
table.news {border-style:none;border-color:black;border-width:2px;margin-left:auto; margin-right:auto; width:600px;}
td.newstop {background:#505050 url('images/bg.gif');background-repeat:repeat;font:16px/1.3em arial,sans-serif;font-weight:bold;color:#FFFFFF;text-align:center;}
td.newsmid {font:16px/1.3em arial,sans-serif;font-weight:bold;color:black;text-align:center;}
tr.header {background:#505050 url('images/bg.gif');background-repeat:repeat;font:16px/1.3em arial,sans-serif;font-weight:bold;color:#FFFFFF;text-align:center;}
td.scores {background:yellow;}

/* Text/Fonts */

h1 {font:18px/1.3em arial,sans-serif;font-weight:bold;color:black;text-indent:5px;text-align:center;width:100%;background:white url('images/bar.gif') no-repeat center left}
h2 {font:16px/1.3em arial,sans-serif;font-weight:bold;color:black;text-indent:16px;width:100%;text-align:center;background:white url('images/bar.gif') no-repeat center left}
h3 {font:16px/1.3em arial,sans-serif;font-weight:bold;color:black;text-indent:12px;text-align:left;width:163px;background:white url('images/bar.gif') no-repeat center left}
h1 + h2 {margin-top:10px}
h1 + h3 {margin-top:10px}
p + p {margin-top:0;margin-bottom:0}
.caps {font-variant:small-caps;font-size:11px;margin-bottom:14px}
p {width:97%;padding-left:15px;color:black;text-decoration:none;font:13px/1.3em geneva,arial,sans-serif}
p.title {padding-left:5px;padding-top:5px;font-weight:bold;font-style:italic;color:#f4f4f4;font:33px/1.2em  "arial black",geneva,sans-serif;margin:0}
p.toptext {width:97%;padding-left:15px;color:black;text-decoration:none;font:16px geneva,arial,sans-serif;font-weight:bold;text-align:center;}
p.centered {width:auto;padding-left:15px;color:black;text-decoration:none;font:14px geneva,arial,sans-serif;text-align:center;}
p.centeredbold {width:97%;padding-left:15px;color:black;text-decoration:none;font:16px/1.3em geneva,arial,sans-serif;font-weight:bold;text-align:center;}
p.centeredboldlg {width:97%;padding-left:15px;color:black;text-decoration:none;font:16px geneva,arial,sans-serif;font-weight:bold;text-align:center;}
p.code {width:90%;font-size:13px;margin-left:30px;background:#e5e5e5}
p.blink {font:16px/1.3em arial,sans-serif;font-weight:bold;color:black;font-decoration:blink;text-align:center;}

/* Images */

img {border:0}
img.centered {display:block;margin-left:auto;margin-right:auto}


/* Links */

a:link {color:#0e03f2;text-decoration:none;font:16px geneva,arial,sans-serif; font-weight:bold;}
a:visited {color:#0e03f2;text-decoration:none;font:16px geneva,arial,sans-serif; font-weight:bold;}
a:active {color:#0e03f2;text-decoration:none;font:16px geneva,arial,sans-serif; font-weight:bold;}
a:hover {color:#0e03f2;text-decoration:underline;font:16px geneva,arial,sans-serif; font-weight:bold;}


/* Footer */

#footer {background:#0e03f2 url('images/footershadow.png') repeat-x;margin-top:10px}
p.footer {margin-bottom:0;padding-bottom:0;text-align:center;background:transparent;font:10px geneva,arial,sans-serif}
p.footer a:link {color:black;text-decoration:none;font:10px geneva,arial,sans-serif}
p.footer a:visited {color:black;text-decoration:none;font:10px geneva,arial,sans-serif}
p.footer a:active {color:black;text-decoration:none;font:10px geneva,arial,sans-serif}
p.footer a:hover {color:black;text-decoration:underline;font:10px geneva,arial,sans-serif}


/* Bottom Nav */

#menu a.active {color:#FFF;text-decoration:none;background:transparent url('images/linkbg.jpg') no-repeat top right;font:16px geneva,arial,sans-serif;padding:9px 15px 11px 6px}
#navtwo {text-align:center;padding-top:1px;padding-bottom:1px;background:#e5e5e5 url('images/linkbg.jpg');background-repeat:repeat-x}
#navtwo a:link {display:inline;color:#FFF;text-decoration:none;background:transparent center right;font:14px geneva,arial,sans-serif;padding:1px 15px 1px 6px}
#navtwo a:visited {display:inline;color:#FFF;text-decoration:none;background:transparent center right;font:14px geneva,arial,sans-serif;padding:1px 15px 1px 6px}
#navtwo a:active {color:#FFF;text-decoration:none;display:inline;background:transparent center right;font:14px geneva,arial,sans-serif;padding:1px 15px 1px 6px}
#navtwo a:hover {display:inline;color:#FFF;text-decoration:underline;background:transparent center right;font:14px geneva,arial,sans-serif;padding:1px 15px 1px 6px}


/* Positioning */

.twoleft {width:175px;margin-left:5px;margin-right:5px;margin-bottom:5px;float:left}
.tworight {width:154px;margin-left:5px;margin-bottom:5px;float:right}
.right {float:right}
.left{float:left}


/* Top Welcome box */

.box { 
  background: #C0C0C0; width:69%; text-align:center; margin:auto;
}
.boxtop { 
  background: url(images/ne.gif) no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
	text-align:center;
  height: 10px; 
  background: url(images/nw.gif) no-repeat top left; 
  
}
.boxbottom { 
  background: url(images/se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 10px; 
  background: url(images/sw.gif) no-repeat bottom left; 
}
.boxcontent {
	text-align:center;					
  padding: 0px 10px 0px 10px;
}


/* Main Navigation */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {font-family: arial, sans-serif; width:1000px; height:16px; position:relative; font-size:16px; z-index:100;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:109px; height:20px; text-align:center; font-weight:bold; color:#fff; border:1px solid #fff; background:#0e03f2; line-height:20px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none; width:100%}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#000;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#000; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#0e03f2; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.menu ul li:hover ul li a:hover {background:#0e03f2; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}


/* Image Gallery */

#dhtmlgoodies_slideshow{
width:750px;	/* Total width of slideshow */
margin: auto;
}

#previewPane {
border:none;
margin-bottom:10px;	
text-align:center;
vertical-align:middle;
padding-top:10px;
position:relative;
		
/* CSS HACK */
height: 460px;	/* IE 5.x */
height/* */:/**/460px;	/* Other browsers */
height: /**/460px;
}

#previewPane img{
line-height:460px;
}

#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
font-weight:bold;
text-align:center;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
font-size:1.3em;
	}

#galleryContainer{
width:750px;
height:460px;	/* Height of the images + 2 */
border:none;
position:relative;

overflow:hidden;
padding:1px;

/* CSS HACK */
height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
height/* */:/**/102px;	/* Other browsers */
height: /**/102px;			
}

#arrow_left{
position:absolute;
left:0px;
z-index:10;
background-color: #FFF;
padding:1px;
}

#arrow_right{
position:absolute;
right:0px;
z-index:10;
background-color: #FFF;
padding:1px;		
}

#theImages{
position:absolute;
height:100px;
left:40px;
width:100000px;
}
	
#theImages #slideEnd{
float:left;
}

#theImages img{
float:left;
padding:1px;
filter: alpha(opacity="50");
opacity: 0.5;
cursor:pointer;
border:1px;
}

#waitMessage{
display:none;
position:absolute;
left:200px;
top:150px;
background-color:#FFF;
border:3px double #000;
padding:4px;
color:#555;
font-size:0.9em;
font-family:arial;	
}
	
#theImages .imageCaption{
display:none;
}