*{
margin:0;
padding:0;}

:focus,:active {
outline:0
}

ul,ol {
list-style:none;
}

img{
border:0
} 

body { 
font: .74em Sans-Serif; 
color: #444; 
background: #f4f4f4; 
line-height: 1.6em; }

a { 
text-decoration: none; 
color: #008080; 
}

p  { 
margin: 0 0 15px; 
}
.wrap { 
margin: 0 auto; 
width: 960px; 
}

#header {
 height: 160px; 
 background: #080808 url(../images/bg.jpg) no-repeat center top; 
 color: #ccc; 
 margin: 0 0 30px; 
 }
 
#header p { 
float: right; 
margin: 20px 4px 0 0;
font-weight: 600; 
}

#logo { 
float: left; 
margin: 40px 20px 50px 0; 
color: #fff; 
letter-spacing: .2em; 
font-size: 1.9em; 
}

#logo a {
 color: #fff;
 }

h1 { 
letter-spacing: -0.04em; 
font-size: 1.8em; 
text-shadow: 1px 1px 1px #000; 
margin: 0 0 10px 0;
}

h2 { 
font-size: 1.4em; 
text-shadow: 1px 1px 1px #fff; 
margin:10px 0 10px 0; color: #008080; 
}

h3 { 
font-size: 1.2em; 
margin: 0 0 6px; 
}

#menu { 
clear: both; 
padding: 13px 0 0; 
}

#menu li { 
display: inline; 
font-size: 1.2em; 
}

#menu li a { 
float: left; 
padding: 0 18px 0 0; 
margin: 0 21px 0 0; 
color: #ddd;
 border-right: 1px solid #505052; 
 }
 
#menu li.last a {
 border: 0; 
 padding: 0; 
 }
 
#menu li a:hover { 
color: #fff; 
}

#menu li a.current { 
font-weight: bold; 
color: #fff; 
}

#main { 
clear: left; 
float: left; 
width: 960px; 
} 

.l { 
float: left; 
width: 800px; 
}

.l p { 
font: 1.24em "Times New Roman", Serif;
text-align: justify;
}

.l p:first-of-type {
font-weight: 600;
padding: 10px 0px;
}

.l img { 
float: left;
margin: 0 13px 5px 0; 
border: 2px solid #fff; 
}

.line { 
clear: both; 
border-bottom: 1px dotted #ccc;
padding: 10px 0 0; 
margin: 0 0 20px; 
}

#side { 
float: right; 
width: 105px; 
color: #808080;
font-weight: bold;
background: #fff; 
border: 1px solid #999;
padding: 11px; 
margin: 0 0 20px; 
}

#side a { 
color: #fff; 
}

#side a:hover { 
color: #008080;
}

#side ul {
font-size: 12px;
}

#side li { 
margin-bottom: 7px;
padding: 7px;
border: 1px solid #000000;
background-color: #2f3130;
-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,.20), 0px 0px 3px rgba(0, 0, 0, .40);
-moz-box-shadow: 3px 3px 6px rgba(0,0,0,.20), 0px 0px 3px rgba(0, 0, 0, .40);
box-shadow: 3px 3px 6px rgba(0,0,0,.20), 0px 0px 3px rgba(0, 0, 0, .40);
}

#side li:hover {
background-color: #454454;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
}
.clear {
clear: both;
}

.box {
width: auto ;
float: left;	
font-style: italic;
font-family: arial, sans-serif;
font-weight: 800;
text-align: left;
clear: both;
margin-bottom: 10px;
padding: 4px;
}
	
#footer { 
clear: both; 
height: 30px; 
padding: 20px 0; 
color: #888; 
border-top: 1px dotted #ccc; 
}

#footer ul { 
float: left; 
width: 200px; 
}

#footer ul li { 
padding: 0 0 3px; 
}

#footer p { 
float: right; 
width: 720px; 
text-align: right; 
}