﻿/*

	ldrive.css
	common styles


*/




/*
	html elements

*/

h1, h2, h3, h4, h5, h6 {
	font-family:"Trebuchet MS","Times New Roman",Times,serif; 
	font-weight:normal;
	margin: 0px;
	padding: 0px;	
}

h1 { font-size:19pt; margin-bottom: 10px; margin-top: 10px; color:#0; }
h2 { font-size:14pt; margin-bottom: 10px; margin-top: 30px; }
h3 { font-size:11pt; }

body {
	background-color:#FFFFFF;
	font-family: Arial, Georgia, Helvetica, sans-serif;
	font-size: 8pt;
	margin: 0px;
	padding: 0px;
	overflow:scroll;
}

p, table {
	margin-left: 30px;
	margin-right: 60px;
}

table table {
	margin:0px;
}

a img {	border: 0px; }




/*
	general content-specific styles 

*/

#main {
	background-color:#FFFFFF; 
	width:620px;
	margin:0px auto 32px auto;
	padding:6px 10px 2em 10px;
}

#content, .content {
	padding-left:26px;
	padding-top: 20px;
}

#content ul, .content ul {
	margin-left: 5em;
}

p.info { 
	font-style: italic;
	margin-top: 1.5em;
	margin-bottom:0;
}
p.info:first-line {
	font-style:normal;
	font-weight:bold;
}




/*
	logo, site navigation

*/

img.logo {
	margin:0px 0px 0px 26px;
	border:0px;
}

#nav ul {
	width:582px;
	height:25px;
	padding:0px;
	margin:2px auto 0px auto;
	background: url('nav-background.png');
	background-repeat:no-repeat;
}

#nav li {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	display:inline;
	overflow:hidden;
	line-height:22px;
}

#navSpace {
	float: left;
	width: 112px;
}

#nav li a {
	float: left;
	width: 90px;
	margin: 0px;
	text-align: center;
	background-image: url('nav-background.png');
	background-repeat:no-repeat;
	overflow: hidden;
	text-decoration:none;
	color:#D5D5D5;
	font-family: "Segoe UI",Tahoma,Arial,Helvetica,sans-serif; 
	font-size:9pt;
	font-weight:bold;
}

#nav li a:hover {
	background-color:#808080;
	color:#FFFFFF;
}

#nav li a:active {
	background-color:#555555;
	color:#FFFFFF;
}

#n1 { background-position:   0px 0px; }
#n2 { background-position: -90px 0px; }
#n3 { background-position:-180px 0px; }
#n4 { background-position:-270px 0px; }
#n5 { background-position:-360px 0px; }
#n6 { background-position:-450px 0px; }

#n1:hover { background-position:   0px -25px; }
#n2:hover { background-position: -80px -25px; }
#n3:hover { background-position:-165px -25px; }
#n4:hover { background-position:-235px -25px; }
#n5:hover { background-position:-305px -25px; }
#n6:hover { background-position:-482px -25px; }

#n1:active{ background-position:   0px -50px; }
#n2:active{ background-position: -90px -50px; }
#n3:active{ background-position:-180px -50px; }
#n4:active{ background-position:-270px -50px; }
#n5:active{ background-position:-360px -50px; }
#n6:active{ background-position:-450px -50px; }

