/* CSS Document */

body {
	font: 100% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: #f3f3f3 url(images/bg.gif) repeat-y top left;
	}
	
	
ul {
	list-style: none;
	padding: 0;
	margin: 0 0 6px;
	}		
	
ul.top {
	margin-top: 20px;
	}

#wrapper {
	width: 900px;
	}

.home {
	background: url(images/face-turquoise.jpg) no-repeat right 45px;
	}
	
.one {
	background: url(images/face-light-blue.jpg) no-repeat right 45px;
	}

.two {
	background: url(images/face-light-green.jpg) no-repeat right 45px;
	}
	
.three {
	background: url(images/face-yellow.jpg) no-repeat right 45px;
	}	
	
.lan {
	background: url(images/face-languages.jpg) no-repeat right 45px;
	}	
	
.cli {
	background: url(images/face-clients.jpg) no-repeat right 45px;
	}	
	
.test {
	background: url(images/face-testimonials.jpg) no-repeat right 45px;
	}		

	
.admin {
	background: url(images/admin-bg.jpg) no-repeat right 45px;
	}	
		
	
#header {
	position: relative;
	width: 757px;
	height: 120px;
	margin: 0;
	padding: 28px 0 0 143px;
	}
	
.home #header, .admin #header {
	background: url(images/face-turquoise-small.gif) top left no-repeat;
	}	
	
.one #header {
	background: url(images/face-blue-small.gif) top left no-repeat;
	}
	
.two #header {
	background: url(images/face-green-small.gif) top left no-repeat;
	}	
	
.three #header {
	background: url(images/face-turquoise-small.gif) top left no-repeat;
	}		

h1 { 
	display: none;		
	}
	
h2 {
	font-weight: normal;
	font-size: 170%;
	}	

.home h2 {
	color: #056b84;
	}

.one h2 {
	color: #2dbcff;
	}
	
.two h2 {
	color: #7a85b3;
	}	
	
.three h2 {
	color: #056b84;
	}
	
	
#toplinks {
	position: absolute;
	top: 73px;
	right: 100px;
	}
	
#toplinks li {
	float: left;
	font-size: 70%;
	margin-left: 17px;
	text-transform: uppercase;
	}	
	
#toplinks a {
	text-decoration: none;
	color: #7984b1;
	}
	
#toplinks a:hover {
	color: #afb6d3;
	}
	
#mainnav ul {
	margin: 0;
	}	
	
#mainnav li {
	padding: 0;
	float: left;
	margin: 0;
	}
	
#mainnav a {
	display: block;
	width: 221px;
	height: 28px;
	margin: 0;
	padding: 0;
	}	
	
#mainnav a span {
	display: none;
	}	
	
#mainnav a#translation {
	background: url(images/translation-bg.gif) 0 0 no-repeat;
	}
	
#mainnav a#interpreting {
	background: url(images/interpreting-bg.gif) 0 0 no-repeat;
	}

#mainnav a#tuition {
	background: url(images/tuition.gif) 0 0 no-repeat;
}
	
#mainnav a#languages {
	background: url(images/languages.gif) 0 0 no-repeat;
}

#mainnav a#clients {
	background: url(images/clients.gif) 0 0 no-repeat;
}
	
#mainnav a#transcription {
	background: url(images/transcriptions.gif) 0 0 no-repeat;
}
	
#mainnav a#translation:hover, #mainnav a#interpreting:hover, #mainnav a#tuition:hover, #mainnav a#languages:hover, #mainnav a#clients:hover, #mainnav a#transcription:hover {
	background-position: -221px 0px;
	}
	
	
#mainnav li.active a#translation, #mainnav li.active a#interpreting, #mainnav li.active a#tuition, #mainnav li.active a#languages, #mainnav li.active a#clients, #mainnav li.active a#transcription {
	background-position: -442px 0px;
	}
	
#mainnav li.active a#translation:hover, #mainnav li.active a#interpreting:hover, #mainnav li.active a#tuition:hover, #mainnav li.active a#languages:hover, #mainnav li.active a#clients:hover, #mainnav li.active a#transcription:hover {
	background-position: -442px 0px;
	}	

#leftcol {
	width: 221px;
	float: left;
	padding: 0 0 20px;
	}

#leftcol form {
	color: white;
	text-transform: uppercase;
	padding: 13px 17px 0px;
	margin: 13px 0 0 0;
	height: 1%;
	}	
	
.home form#client {
	background-color: #04afa6;
	}
	
.one form#client {
	background-color: #2dbcff;
	}
	
.two form#client {
	background-color: #46bc18;
	}
	
.three form#client {
	background-color: #ffbe00;
	}	
	
form#student {
	margin-top: 6px;
	background-color: #7984b1;
	}	
	
form h4 { 
	font-weight: normal;
	margin: 0 0 11px;
	padding: 0;
	font-size: 70%;
	letter-spacing: 1px;
	}
	
label {
	font-size: 70%;
	letter-spacing: 1px;
	display: block;
	margin: 0 0 3px 0;
	}
	
input, textarea {
	color: #666;
	padding: 1px 3px;
	font-size: 70%;
	margin: 0 0 9px 0;
	border: 1px solid #bfbfbf;
	width: 178px;
	}
	
textarea {
	font-size: 130%;
	height: 80px;
	width: 220px;
	font: 100% Arial, Helvetica, sans-serif;
	}	
	
#onecol input {
	font-size: 100%;
	}

input.pw {
	width: 138px;
	float: left;
	}
	
input.login {
	width: 29px;
	border: 0;
	float: right;
	}
	
input.logout {
	width: 37px;
	border: 0;
	margin: 10px 0 20px; 
	padding: 0;
	}
	
	
#leftcol p {
	padding: 18px 16px;
	margin: 4px 0;
	font-size: 70%;
	line-height: 1.2;
	}	

.home p.clienttext {
	background-color: #a7dddd;
	}

.home p.clienttext a {
	color: #333;
	}
	
.one p.clienttext {
	background-color: #d4ebf9;
	}
	
.one p.clienttext a {
	color: #333;
	}	
	
.two p.clienttext {
	background-color: #c3eabe;
	}
	
.two p.clienttext a {
	color: #333;
	}	
	
.three p.clienttext {
	background-color: #f4ddbe;
	}	
	
.three p.clienttext a {
	color: #333;
	}	
	
p.studenttext {
	background-color: #d0d5e9;
	}	
p.studenttext a {
	color: #333;
	}	
	
p.studenttext a:hover, .three p.clienttext a:hover, .two p.clienttext a:hover, .one p.clienttext a:hover, .home p.clienttext a:hover {
	color: #666;
	}
	
#leftcol p.downloadpdf {
	padding: 0;
	}

#leftcol p.downloadpdf span {
	display: none;
	}

p.downloadpdf a {
	background: url(images/download-pdf.gif) 0 0 no-repeat;
	width: 221px; 
	height: 65px;
	display: block;
	}
	
p.downloadpdf a:hover {
	background-position: -221px 0px;
	}	
	
#main {
	float: left;
	width: 679px;
	}
	
#subnav {
	width: 467px;
	height: 135px;
	padding: 35px 0 0 85px;
	border-bottom: 3px solid #f0f2f3;
	background: url(images/links-bg.jpg) top left no-repeat;
	}	
	
#subnav ul {
	padding: 0 10px 20px 40px;
	float: left;
	background:url(images/hollow-arrow.gif) top left no-repeat;
	width: 180px;
	}	
	
.admin #subnav ul {
	width: 180px;
	}
	
#subnav li {
	font-size: 70%;
	line-height: 1.2;
	padding-bottom: 2px;
	}
	
.admin #main #subnav ul li {
	padding-bottom: 2px;
	}
	
#subnav a {
	color: white;
	text-decoration: none;
	}
	
#subnav a:hover {
	color: #bde7e6;
	}
	
#content {
	width: 479px;
	padding: 16px 0 20px 73px;
	font-size: 75%;
	line-height: 1.2;
	}	
	
#onecol {
	width: 427px;
	}

#content h3 {
	font-weight: normal;
	font-size: 140%;
	margin: 20px 0 10px;
	clear: both;
	}	
	

#content h4 {
	margin: 15px 0 2px 0;
	font-weight:normal;
	font-size: 110%;
	}
	

.home #content h3, .home #content h4, .home #content a {
	color: #056b84;
	}	
	
.one #content h3, .one #content h4 {
	color: #2dbcff;
	}	
	
.one #content a {
	color: #2dbcff;
	}	

.two #content h3, .two #content h4 {
	color: #7a85b3;
	}	
	
.two #content a {
	color: #7a85b3;
	}	

.three #content h3, .three #content h4 {
	color: #7984b1;
	}	
	
.three #content a {
	color: #7984b1;
	}	

#content #intro img, #content #onecol img {
	float: left;
	border: 4px solid #04afa6;
	margin: 0 20px 10px 0;
	}
	
#content #onecol img.acrobat {
	float: right;
	border: 0;
	margin: 0 0 10px 20px;
	}	
	
#content #col1 img, #content #col2 img {
	border: 4px solid #04afa6;
	margin: 10px 0;
	}
	
.one #content #onecol img, .one #content #intro img, .one #content #col1 img, .one #content #col2 img {
	border-color: #2dbcff;
	}
		
.two #content #onecol img, .two #content #intro img, .two #content #col1 img, .two #content #col2 img {
	border-color: #46bc18;	
	}
	
.three #content #onecol img, .three #content #intro img, .three #content #col1 img, .three #content #col2 img {
	border-color: #ffbe00;
	}	
	
#content a {
	text-decoration: none;
	}
	
	
#content a:hover {
	color: #333;
	}
	
#intro {
	width: 427px;
	border-bottom: 1px solid #e6e7e8;
	padding-bottom: 20px;
	}	
	
#intro h4 {
	font-size: 130% !important; 
	color: black !important;
	margin: 5px 0 0 0;
	}
	
#content p {
	margin: 2px 0 6px;
	}	
	
#content p.link {
	margin-top: 6px;
	}
	
#content li {
	background: url(images/bullet.gif) 0 6px no-repeat;
	padding: 0 0 1px 25px;
	}	
	
	
#col1, #col2 {
	width: 230px;	
	float: left;
	}
	
#col1 {
	margin-right: 19px;
	}
	
table {
	margin: 10px 0;
	border-collapse: collapse;
	border: 1px solid #a9dcdd;	
	border-width: 1px 0 0 1px;
	}
	
th, td {
	text-align: left;
	padding: 5px;
	border: 1px solid #c8eaeb;	
	border-width: 0 1px 1px 0;
	vertical-align: top;
	}
	
th {
	border-bottom-color: #a9dcdd;
	}
	
	
#footer {
	clear: both;
	width: 840px;
	padding: 5px 0 16px 0;
	margin: 0 0 0 58px;
	border-top: 1px solid #e7e7e7;
	text-align: center;
	width: 781px;
	}
	
#footer p {
	color: #9ea0a3;
	font-size: 70%;
	margin: 10px 0 0;
	padding: 0; 
	}	
	
#footer p.links {
	text-transform: uppercase;
	font-size: 60%;
		}
	
#footer a {
	color: #9ea0a3;
	}
	
#footer a:hover {
	color: black;
	}	
	
#footer p.links a {
	color: black;
	text-decoration: none;
	margin: 0 10px;
	}

#footer p.links a:hover {
	color: #9ea0a3;
	}	
	
#client-upload, #student-upload {
	margin-top: 20px;
	}
	
form#client-upload input, form#student-upload input {
	width: auto;
	font-size: 100%;
	}
	
.admin #content input {
	width: 200px;
	font-size: 100%;
	padding: 3px 5px;
	}	
	
.admin #content input.login {
	float: none;
	width: auto;
	padding: 0;
	}

.admin #content label {
	font-size: 100%;
	}
	
form#option2 {
	margin-top: 20px;
	}	
	
form.quote label {
	font-size: 100%;
	letter-spacing: normal;
	width: 190px;
	padding-right: 10px;
	float: left;
	clear: both;
	margin: 0 0 14px;
	}	
	
form.quote label span {
	color: #999;
	}	
	
form.quote input, form.quote textarea {
	width: 214px;
	margin: 0 0 10px;
	padding: 3px;
	float: left;
	font-size: 100%;
	}
	
form.quote .bton {
	width: auto;
	clear: both;
	margin-left: 200px;
	}