/* ********************************************************************************************************************************** */
/* R E S E T
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.12.1
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
/* ******************************************* Fix IE6 background flicker ****************************************************** */
html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
/* Browser specific (not valid) styles to make preformatted text wrap */
 pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
} 
/* ********************************************************************************************************************************** */
/* Generic Styling */
* {
    padding: 0;
    margin: 0;
} 
body {
	background: #eeeeee;
	background-repeat: repeat-x;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
    	font-size: 1em;
}
a {
	color: #B22037;
	text-decoration: none;
}
a:hover {
	color:Silver;
	text-decoration: underline;
}
.right a:hover img {	
						/* Hoover opacity effect */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40, finishopacity=80, style=0);
-moz-opacity: 0.4;
}
#header 
{
    margin: 0px auto;
    margin-top: -20px; /* align at top */
    width: 800px;
	height: 120px;
	background: #B22037 url(header.jpg);
	background-repeat: no-repeat;
}
#header h1 { padding-left: 30px; padding-top: 22px; font-size: 1.4em; color: #FFF; }
#header h1 a { font-size: 1.4em; color: #FFF; text-decoration: none;}
#header h2 { padding-left: 30px; padding-top: 0px; font-size: .8em; color: #FFF;}
#wrap {
margin: 0px 0px 0px 0px;
width: 800px;
background: #ffffff  url("midwrap.jpg") repeat-y;
}
#topwrap {
background: #eeeeee url(topwrap.jpg);
background-repeat: no-repeat;
width: 800px;
height: 40px;
margin: 0 auto;
}
#botwrap {
background: #eeeeee url(botwrap.jpg);
background-repeat: no-repeat;
width: 800px;
height: 40px;
margin: 0px auto;
}
#content {
padding: 0px 30px 0px 30px;
background: #ffffff;
}
.right {
	float: left;
	width: 520px;
	margin: 0px 0px 0px 10px;
	font-size: 1em;
	color: #222222;
	text-align:left;
}
.right a {
	color: #B22037;
	text-decoration: underline;
}
.right a:hover {
	color: silver;
	text-decoration: none;
}
.left {
	float: left;
	width: 160px;
	margin: 0px 10px 0px 10px;
	text-align:left;
	background: #ffffff;
}
.left ul {
	padding: 0px 0px 15px 0px;
	margin:0;
}
.left li {
	margin-bottom:5px;
	list-style-type: none;
	color: #B22037;
	background: #AE1C33;
	padding: 5px;
	font-size: .9em;
}
.left li a{ color: #fff; }
.right h2 { color: #B22037; font-size: 14px; margin-bottom: 10px;}
#clear {
	background: #eee url('midwrap.jpg');
	display: block;
	clear: both;
	width: 100%;
	_width: 1000px;  /* Fix for IE */
	height:0px;
	overflow:hidden;	
}
#footer {
  	margin: 0px auto 0 auto;
	text-align: center;
	padding: 10px 0 10px 0;
	color: #666;
	background: #eee;
}
.right img { 
	padding : 3px;
	border: 4px dashed silver;
	margin-top: 7px;
	margin-right: 7px;
	margin-left: 0px;
	margin-bottom: 7px;
	/* padding: 4px 4px 4px 4px; */
}