* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	font: 70%/150% verdana, arial, helvetica, sans-serif;
	color: #221;
	background: #004780 url(i/bg.jpg) 50% 0 repeat-y;
}

body.admin {
	background-image: url(i/bg_wide.jpg);
}


hr {
	border: 0;
	border-top: 1px dotted #666;
	margin: 0 0 1.5em 0;
}


a {
	color: #258;
}

a:hover {
	color: #58b;
	text-decoration: none;
}	

p, ul, hr, form {
	margin: 0 0 1.3em 0;
}

p.intro {
	font: 1.5em/130% georgia, times, "times new roman", serif;
	font-style: italic;
	color: #a74;
}
p.jump {
	font-size: .9em;
	margin-bottom: 2em;
}

li {
	margin-left: 2em;
	list-style-type: square;
}
li ul {
	margin-bottom: 0;
}
li ul li {
	list-style-type: circle;
}

/*---headers---*/

h1, h2, h3, h4, h5 {
	font-family:  georgia, times, "times new roman", serif;	
	font-weight: normal;
	line-height: 110%;
	color: #036;
	margin-bottom: .2em;
}

h1 {	font-size: 2.2em;	}
h2 {	font-size: 1.5em;	}
h3 {	font-size: 1.5em;	}
h4 {	font-size: 1.2em; font-weight: bold;	}
h5 {	font-size: 1.1em;	}



/*--- basic parameters ---*/

#wrap, #head {
	width: 750px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

#head {
	background-color: #fff;
	background-position: 0 0;
	background-repeat: no-repeat;
	border-bottom: 10px solid #025;
}





	
#logo {
	margin-left: 20px;
}


#con, .footer {
	width: 539px;
	margin: 28px;
	float: left;
	background: #fff;
	display: inline;
}

body.admin #con {
	width: 690px;
}

.footer {
	border-top: 1px solid #dcb;
	font-size: .9em;
	color: #654;
	padding: .5em 0;
	float: left;
	clear: both;
	margin-left: 180px;
}

body.admin .footer {
	margin-left: 29px;
}

/*--- NAVIGATION ----*/

#nav {
/* 	background: #a74; */
	width: 150px;
	float: left;
	}



#nav ul {
	margin-bottom: 20px;
	list-style: none;
	float: left;
	width: 150px;
}

#nav ul li {
	margin: 0;
	border-bottom: 1px solid #dcb;
	float: left;
	overflow: hidden;
	width: 150px;
}

#nav li a {
  display: block;
	padding-top: 30px;
	height: 0px !important;
	height /**/:30px; /*for IE5/Win only */	
	overflow: hidden;
}

#nav li a:hover, #nav li a:active, #nav li a.current {
	background-position: -150px 0;
}

a#home { background-image: url(i/nav/home.gif); }
a#company { background-image: url(i/nav/company.gif); }
a#services { background-image: url(i/nav/services.gif); }
a#locations { background-image: url(i/nav/locations.gif); }
a#resources { background-image: url(i/nav/resources.gif); }
a#careers { background-image: url(i/nav/careers.gif); }
a#contact { background-image: url(i/nav/contact.gif); }
a#irewards { background-image: url(i/nav/irewards.gif); }

#nav p, #nav h4 {
	width: 130px;
}

#nav p {
	font-size: .9em;
	line-height: 130%;
	color: #ffe;
}

#nav hr {
	margin-left: 10px;
	width: 130px;
	border-top: 1px dotted #cba;
}

#nav h4 {
	color: #fff;
}

#nav p, #nav h4 {
	padding: 0 6px 0 10px;
}

#nav a {
	color: #fff;
}



/*--- in the content ---*/

div.newsbox {
	width: 530px;
	background: #eed;
	float: left;
}



.newsbox h3 {
	background: #369;
	padding: 4px 0 4px 10px;
	color: #fff;
	border-bottom: 5px solid #fff;
}

.newsbox img {
	border: 1px solid #369;
	padding: 2px;
	margin: 5px 10px 10px 10px;
	float: left;
	display: inline;
}

.newsbox p, .newsbox ul {
	padding: 0 10px;
}

/*--- forms ---*/

input, textarea, label {
	width: 250px;
	display: block;
	margin-bottom: 1em;
	padding: 1px;
}

label {
	margin-bottom: .2em;
	padding: 0;
}

input.but {
	width: auto;
	display: inline;
}

input:focus, textarea:focus, select:focus {
	background: #ffc;
}


.required {
	color: #c00;
}


/*---page-specific styles----*/

body.resources #con img {
	float: left;
	margin: 0 1em 1em 0;
	border: 0;
}

body.resources #con p, body.resources #con h4 {
	margin-left: 70px;
}

body.resources hr {
	visibility: hidden;
	clear: both;
}


/*--- misc content styles ---*/
.r {
	float: right;
}
.l {
	float: left;
}

.breakrt {
	width: 210px;
	margin-left: 1em;
}

/*--- admin styles ---*/
table.branchlist {
	width: 680px;
	border-collapse: collapse;
	border: 1px solid #fff;
	}
table.branchlist tr {
	border-bottom: 1px solid #369;
}
table.branchlist td, table.branchlist th {
	padding: 2px 4px 2px 2px;
}
table.branchlist th {
	background: #eee;
}
table.branchlist tr:hover {
	background: #ffc;
}