* {

/*  padding: 0;*/

margin: 0;

}



body {

margin:0;

padding: 0;

background: #111;

color: #444;

font: 12px Arial, Verdana, Tahoma, sans-serif;

line-height: 20px;

}



img {border: none;}

a{ color: #173D7F; text-decoration: none; }

a:hover {  color: #000; }



#content {

width: 1000px;

margin: 20px auto;

padding: 10px;

background: #fff;

}



#header {

background: #000 url(images/logo.png) no-repeat;

height: 200px;

}

#header h1 { 

font-size: 22px;

letter-spacing: -1px;

padding: 15px 0 0 10px;

color: #fff;

}

#header h1 a { 

color: #fff;

text-decoration: none;

}

#header h1 a:hover {

color: #ccc;

}

#header h2 {

font-size: 16px;

color: #ccc;

padding: 0 0 0 10px;

}



#navigation {

background: #111 url(images/sblank.gif) repeat-x;

height: 30px;

line-height: 30px;

margin: 10px auto;

}

#navigation li {

float:left;

list-style-type:none;

/* border-right:1px solid #ffffff; */

}

#navigation li a {

display:block;

padding:0 20px;

text-decoration:none;

color: #fff;

letter-spacing:1px;

font: 12px Arial, Verdana, Tahoma, sans-serif;

line-height: 30px;

font-weight: bold

}

#navigation li a:hover {

background: url(images/sblank_over.gif) repeat-x;

color:#000;

}



.login_form {

  margin : 5px;

}


.logout_button{

  float: left;

}



.logout_text {

   color: #EE0000;

}



.left {

float: left;

width: 220px;

padding: 5px;

line-height: 14px;

}

.left h2 {

margin-top: 10px;

font: bold 12px Verdana, 'Trebuchet MS', Sans-serif;

padding: 5px 0 5px 5px;

border-bottom: 1px dotted #999;

}

.left ul  {

color: #999;

text-align: left;

margin: 3px 0 8px 0; 

padding-left: 20px;

text-decoration: none;	

list-style-type:square;	

}

.left ul li {

padding: 2px 0 2px 0px;

margin: 0 2px;	

}

.left ul a {

font-weight: 600;

color: #173D7F;

}

.left ul a:hover { color : #333; }



/* search form */

form {

	padding: 0 8px 6px 0;

}

.styled {

	border: 1px solid #DDD;

	padding: 4px;

}

.submit_button {

	background: url(images/search.gif) no-repeat right bottom;

	border: none;

	height: 27px;

	width: 27px;

}



#search {

	float: right;

	width: 200px;

	padding-top: 7px;

}



/* side nav */

#menu {

	width: 200px;

	margin: 3px;

	}

	

#menu ul {

	list-style: none;

	margin: 0;

	padding: 0;

	}	

#menu li a {

	height: 32px;

  	voice-family: "\"}\"";

  	voice-family: inherit;

  	height: 24px;

	text-decoration: none;

	}	

	

#menu li a:link, #menu li a:visited {

	color: #FFF;

	display: block;

	background:  url(images/menu_side.gif);

	padding: 8px 0 0 35px;

	}

/* 

#menu li a:hover {

	color: #FFF;

	background:  url(images/menu_side.gif) 0 -32px;

	padding: 8px 0 0 35px;

	}

*/

/* total width neto = 550px  */

.wide {

margin-bottom: 10px;

clear:both;

}

.middle { 

float: right;

width: 720px;

padding: 10px;

margin-right: 20px;

}

.middle h2 {

padding: 2px 0 5px 0px; 

font: bold 14px Verdana, 'Trebuchet MS', Sans-serif;

color: #444;	

/*border-bottom: 1px dotted #999;*/

margin-bottom: 5px;

margin-top: 10px;

}



.right {

padding: 10px;

float:right;

width: 120px;

}



.logout {

  	color: #FFF;

	background:  url(images/menu_side.gif) 0 -32px;

	padding: 4px 1px 1px 25px;

    text-align: right;

    margin : 2px;

}



#footer { 

background: #222;

color: #eee;

margin-top:20px;

height: 30px;

line-height: 30px;

text-align: center;

}

#footer a {  color: #aaa; text-decoration: none; }

#footer  a:hover { color: #777; }



h3 {

background-image: url(images/sblank.gif);

height: 23px;

padding: 5px 0 5px 10px;

color: #FFFFFF;

}



h4 {

font-size: 16px;

padding: 15px 0 15px 55px;

background: url(images/arrow.png) left no-repeat;

}



h5 {

font-size: 14px;

background: url(images/more.jpg) left no-repeat;

padding: 8px 5px 15px 13px;

}



h5 a {

color: #FFFFFF;

}



h5 a:hover{

color: #999999;

}