@import url('reset.css');
@import url('equal.css');
/*@import url('listmenu_h.css');*/
/*@import url('datepicker.css');*/
/*@import url('transparent-overlay.css');*/

/**************************************************/
/* PAGE DESIGN */
/**************************************************/
html, body{
	background-image:url(/_images/bg.png);
	margin:0; 
	padding:0; 
	width:100%; 
	height:100%; 
}
#background{
	position:absolute; 
	z-index:1; 
	width:100%; 
	height:100%;
}
#page-container{
	position:absolute; 
	width:100%; 
	height:100%; 
	top:0; 
	left:0; 
	overflow:auto; 
	z-index:2;
} 
#masthead{ 
	background:#CECECE url(/_images/logo.png) no-repeat;
	background-position:center;
	border-top:3px solid #666666;
	border-left:3px solid #666666;
	border-right:3px solid #666666;
}
#nav{ 
	background:#666666;
	border-left:3px solid #666666;
	border-right:3px solid #666666;
}
#container{
	background:#FFFFFF;
	border-bottom:3px solid #666666;
	border-left:3px solid #666666;
	border-right:3px solid #666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#col-left{ 
	background:#CECECE;
	border-right:3px solid #666666;
}
#col-content{  							
	background:none;								/* GETS BACKGROUND COLOR FROM CONTAINER */
}
#col-right{ 
	background:none; 
}
#footer{ 
	line-height:25px;
	background:#666666;
	color:#FFFFFF;
}

/**************************************************/
/* GENERIC */
/**************************************************/
p, h1, h2, h3, h4, h5, h6, ul, ol{ 
	margin-top:10px;
	margin-bottom:10px;
}
a{
	color:#000063;
}
strong{
	font-weight:bold;
}

/**************************************************/
/* MASTHEAD */
/**************************************************/
#masthead{
}
#masthead h1{
	margin: 30px 0 0 175px;
	font-weight:bold;
	font-size:1.2em;
}
#masthead .strapline h2{
	margin: 5px;
	font-size:0.8em;
	font-weight:bold;
	color:#000063;
	text-align:right;
}
#masthead .strapline h3{
	margin: 20px 5px 5px 0;
	font-size:0.8em;
	font-weight:bold;
	color:#000063;
	text-align:center;
}
#masthead .logo{
	float: left;
}
#masthead .logo a{
	color:#000063;
	text-decoration: none;
}
#masthead .strapline{
	float: right;
	width: 670px;
}

/**************************************************/
/* LEFT COLUMN(NAV) */
/**************************************************/
#col-left ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#col-left li a{
	display: block;
	color: #666666;
	border-bottom:3px solid #666666;
	padding:10px 10px 10px 10px;	
	text-decoration: none;
	text-align:center;
	_margin-bottom:0; /* IE6 HACK */
}
/* KEEP MENU ITEMS HIGHLIGHTED */
#index #col-left li a#index,
#lyra-index #col-left li a#lyra-index{
	font-weight: bold;
	color:#000063;
}
#col-left li a:hover{
	color: #000063;
}

/**************************************************/
/* CONTENT AREA */
/**************************************************/
#content-wrapper hr{
	margin-top:40px;
	border-top:1px dashed #0160A2;/*the border*/
}
#content-wrapper h1{
	font-size:14px;
	font-weight:bold;
	color:#000063;
	margin: 10px;
}
#content-wrapper p{
	font-size:12px;
	color:#000063;
	margin: 10px;
	line-height:14px;
}
#content-wrapper ul li{
	list-style-type:disc;
	margin: 5px 5px 5px 30px;
	color:#000063;
	line-height:14px;
}
#col-content{
}

/**************************************************/
/* FOOTER */
/**************************************************/
#footer{
	font-size:9px;
	margin-top:40px;
}
#footer a{
	color:#FFFFFF;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#footer .logo{
	float: left;
	padding-left:175px;
}
#footer .strapline{
	float: right;
	padding-right:20px;
}

/**************************************************/
/* LYRA PHOTOS */
/**************************************************/
div.gallery-container {
	border:1px solid #FFFFFF;
}
div.gallery {
	width:80px;
	height:80px;
	float:left;
	margin:5px;
	padding:5px;
	text-align:center;
}