body {
	margin : 0;
	color : #333333;
	font : 12px Arial, Helvetica, sans-serif;
	text-align : center;
	background : #e2dac4 url( ../images/bg2.jpg ) repeat-x top left;
}

* {
	margin : 0;
	padding : 0;
}

p {
	line-height : 1.4;
}

img {
	border : none;
}

ul {
	list-style-type : none;
}

.button{
	width: 90px;
	height: 25px;
	background: url(../images/button_bg.gif) repeat-x top left;
	cursor: pointer;
	color : #333333;
	font : 12px Arial, Helvetica, sans-serif;
}

.button:hover{
	background: url(../images/button_bg_o.gif) repeat-x top left;
}

#loginform input.login {
	width: 50px;
	height: 20px;
	margin: 0px 0px 5px 10px;
	background: url( ../images/button.gif ) no-repeat;
	border: none;
}


#container {
	width : 810px;
	padding: 0 5px;
	margin : 0 auto;
	text-align : left;
	background: url( ../images/canvas_bg.png ) repeat-y top left;
	*display: table;
}

span.header {
	width : 100%;
	display: block;
	height: 113px;
	text-align: left;
	border-bottom: 20px solid #004667;
	background : #578094 url( ../images/header_bg.gif ) repeat-y top left;
}

#logo {
	width: 810px;
	padding: 0 6px;
	margin : 0 auto;
	background: url(../images/header.jpg) no-repeat top right;
}

#lms {
	margin : 10px 2px 0 0;
	float : right;
	text-align:right;
}

#navi {
	width : 810px;
	margin-top: 7px;
	height : 30px;
	border-bottom: 4px solid #723a45;
}

#navi ul {
	margin-left : 33px;
}

#navi li {
	float : left;
}

#navi a {
	height : 30px;
	background-repeat : no-repeat;
	float : left;
	margin-right: 2px;
}

#navi span {
	display : none;
}

#footer {
	padding-top : 7px;
	text-align : center;
	font-size : 12px;
	font-style: italic;
	color: #FFF;
	background: #004667;
}

#footer .address {
	color : #333333;
}

#footer .links {
	margin-top : 10px;
	font-size : 10px;
}

#footer a {
	color : #9b9191;
}

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

#footer a.usasbs {
	color : #333333;
}

#footer a.usasbs:hover {
	color : #b70a4c;
}

a.home {
	width : 98px;
	background-image : url( ../images/lmsmenu/home.gif );
}

a.about {
	width : 119px;
	background-image : url( ../images/lmsmenu/about.gif );
}

a.information {
	width : 186px;
	background-image : url( ../images/lmsmenu/information.gif );
}

a.contact {
	width : 131px;
	background-image : url( ../images/lmsmenu/contact.gif );
}

a.training {
	width :200px;
	background-image : url( ../images/lmsmenu/training.gif );
}

a:hover, a.currentDir{
	background-position : 0 -30px;
}