/* CSS Document */

* { margin:0; padding:0;}
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555; }
img { border:none;}
#container {   border-bottom:1px solid #fff; }
#header { background:url(../images/header_bg.jpg) repeat-x; padding-left:7%; }
#header #slogan { position:absolute; left:58%;}
#navigation { border-top:2px solid #fff;background:url(../images/nav_bg.jpg) repeat-x; height:39px; } 
a { color:#0066CC; text-decoration:underline; }


#nav {  margin:0px 4%; padding-top:5px; }

#nav li {  list-style-type:none; display:inline; }
#nav li a {  color:#eee; text-decoration:none; display:block; float:left;  padding:7px 1.2%;  text-align:center; } 

#nav li a:hover, #nav li a.active { color:#fff; font-weight:bold;}
.menu li ul a:hover { color:#fff; font-weight:bold; background:#2881bf; width:18.8em;}




.menu ul { /* all lists */


font-size:11px;

	margin: 0;

	list-style: none;


	text-transform:uppercase; 



}


.menu ul li { /* all list items */

	float: left;

	position: relative;



	display:block;

 z-index:2;


	width:13em;

	

}



.menu ul li a {  text-decoration:none; 

line-height:1.4em;

 display:block; 

width: 19em;


 }

*html .menu ul li a { width:10em; }

*html .menu ul li ul a { width:19em;  }

.menu li ul { /* second-level lists */

	display: none;

	position: absolute;

	left: 0;

	width: 19em;
	
	border:1px solid #0E77BB;


}


.menu li ul a { border-top:1px solid #09639F;}







.menu li:hover ul, .menu li.over ul { /* lists nested under hovered list items */

margin-top:29px;

	display: block;

background:transparent url(http://www.atticustrophies.co.uk/images/opaque.png); 

background:transparent filter: alpha(opacity=95);


background:#4099CF; 
 z-index:100;


 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);


opacity:0.95;




}


#contentwrap {display:block;background:url(../images/content_bg.jpg) repeat-x;  height:230px;  z-index:0;position:relative;  }
*body #contentwrap {height:100%; }
#content { display:block; float:left; padding:15px 5px 0 5px; font-size:12px; margin-left:9%; margin-right:2%; max-width:67%; width:47%;   }
#smallcontent { width:39%;  float:left; }
*html #content { margin-left:4.4%; width:47%;} 
#content h1 {font-size:22px; color:#0f75bc; padding-bottom:10px;  }
#content h2 {font-size:16px; color:#0f75bc; margin:5px 0;  }
#content h3 {font-size:16px; color:#73A533; margin:25px 0;  }
#content h3 a { text-decoration:none; color:#73A533; }
#content h1 span {color:#73a533; } 
#content table {margin-top:-5px; padding:0; float:right; margin-right:5%; color:#0F75BC; font-weight:bold;}
#content td { padding:2px;}
#content ul { list-style-position:inside; padding-bottom:15px;}
#content input, select {font-size:11px; }
#content li.indent { padding-left:15px;}
#content li a { color:#0f75bc; line-height:30px;}
#content p {display:block;margin:15px 0; line-height:20px; }
#content p.message { color:#BF2323;}
#rightside { float:left; padding:15px 0 0 0; max-width:23%; width:13%; }
#footerwrap {background:url(../images/footer_bg.jpg) repeat-x ;clear:both; height:150px; z-index:0;  }
#buttons { position:relative; bottom:150px;clear:both; height:20px;  margin-left:8%; }
#footer {  background:#cdecfc;padding:5px 0; color:#0F75BC; font-weight:bold;}
#footer p {  text-align:center;}
#adz { text-align:center; padding:5px;font-size:10px; color:#888; }
#adz span { position:absolute; right:5px;}
#adz a { color:#888; text-decoration:none;}