* {
margin: 0;
padding: 0;

}

/* -------- General -------- */
html, body {
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
line-height: 18px;
color: #32393d;
height:100%;
background-image:url(/images/bg.jpg); 
background-attachment:scroll;
}



a {
color: #ffffff;
font-weight:bold;
text-decoration: none;
}

a:hover {
color: #FF9900;
font-weight:bolder;
}

a.link {
color: #000000;
font-weight:bold;
text-decoration:underline;
}

a.link:hover {
color: #000000;
font-weight:bolder;
text-decoration:underline;
}

#Masthead {
position:relative; 
width: 964px;
margin: 0 auto;
BACKGROUND-IMAGE: url(/images/header_bg.gif);
BACKGROUND-REPEAT: no-repeat;
text-align:left;
min-height: 100%;
overflow: hidden;

}

* html #Masthead {
	height:100%;
}

#Menu {
position: relative;
margin: 0 auto;
clear: both;
background-color:#003366;
height: 30px;
}

#Promo {
position: relative;
clear: both;
width: 964px;
height:inherit;
}

#Footer {
position:inherit;
margin: 0px;
clear:both;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 5px;
margin-top: 5px;
width: 964px;
height: 8px;
border-top: 1px solid #92969c;
background-color:#FFFFFF;
text-align:center;
}


#Logo {
float: left;
width: 698px;
height: 125px;
margin: 10px 0 0 10px;
display: inline;
}

#Container {
position:relative;
min-height: 100%;
margin: 0 auto;
width: 964px;
background-color: #ffffff;
border-left: 1px solid #92969c;
border-right: 1px solid #92969c;
overflow: hidden;

}

* html #Container {
height: 100%;
}

#column2{
	position:relative;
	width:690px;
	float:left;
	height:inherit;
	padding: 4px;
}
 
#column1{
	position:relative;
	width:250px; 
	float:left;
	height:inherit;
	margin:5px; 
	left: 0px;
}

/*BEGINS--This is where the magic happens for transparent background--BEGINS!*/
#box {  
     /*Any properties you'd want the box to have.*/
     /*Would probably be position, dimension type stuff.*/
     /*Though personally I would have a div outside this
       to control the dimensions.*/
	 float: left;
     width: 100%;
	 height:inherit;
	 position:inherit;
}



#ContainerBottom {
clear: both;
position: relative;
width: 100%;
}

#list-menu {
width: 220px;
/* this width value is also effected by
the padding we will later set on the links. */
}

#list-menu ul {
margin: 0; 
padding: 0;
list-style-type: none;
} 

#list-menu li {
margin: 2px 0 0;
} 

#list-menu a {
display: block;
width:220px;
padding: 2px 2px 2px 10px;
border: 1px solid #000000;
background: #003366;

text-decoration: none; /*lets remove the link underlines*/
} 

#list-menu a:link, #list-menu a:active, #list-menu a:visited {
color: #ffffff;
}

#list-menu a:hover {
border: 1px solid #000000;
background: #333333;
color: #FF9900;
}