html, body {font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; font-size:100%; padding:0; margin:0; background:#4451B6; color:#000060; }
#main { margin:10px auto; width:780px; text-align:left; font-size:.8em; border:1px solid #000060; background:#f0f0f0; position:relative; }
#header { padding:0; height:160px; text-indent:-5000px; width:780px;}
#header[id] {background:transparent url('http://ttsed.com/images/TTS.png') 10px 20px no-repeat; } 
#header, #header h1, #header h2, #header h3 {padding:0; margin:0;}
#header h3 {height:160px; width:300px; position:absolute; top:0; right:0; }
#ag #header h3 { background: url('../images/bg/cowface.jpg') bottom right no-repeat; }
#auto #header h3 { background:url('../images/bg/coolcar.jpg') bottom right no-repeat; }
#engineering #header h3 { background:url('../images/bg/mooncrane.jpg') top right no-repeat; }
	
/* links & colors */
a { text-decoration:underline; color:#4451b6; }
a.email {width:130px; padding:0 10px 0 25px; background:url('../images/env.gif') 0 center no-repeat; display:block; margin:0;}
a:visited {color:#369; }
a:hover, a:active {color:#A84D79; }
p a {text-decoration:underline;}
img.l {float:left; padding-right:15px;}
a img {border:none;}
#partner {position:relative;}
iframe {margin:0 auto; z-index:1; position:relative; background:white;}
embed, object {width:350px; height:292px;}
.byline {font-size:.8em;}
.byline a {padding-right:10px;}

/*header font*/
h1, h2, h3, .pullquote, #nav a, #save a {font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; }
h2 {color:#369; margin-bottom:5px; padding-bottom:0;}
hr {margin:30px 0; color:#4451b6; }
h2 a img {padding:2px;}
h2 a:hover img {border:2px solid #4451b6; padding:0;}
h3#related { text-transform:uppercase; font-size:1.1em;}


.pullquote {width:250px; font-size:25px; background:#fff; padding:5px; border:1px solid black; margin-top:0 }
#sidebar {background:#efefef; border:1px dashed #eee;}
p.us { font-size:16px; font-wieght:bold;}

/* nav colors/sizes */
#nav { background:#7A217A; font-size:16px;  }
	#nav li a { padding:3px 1em; color:#fff; background:#7A217A; width:auto; font-weight:bold; text-decoration:none;}
	#nav li a:hover, #nav a.current { color:#fff; background:#000060; }
	/*drop down styles*/
	#nav li ul {width:200px;}
	#nav li li a { border-bottom:1px solid #181878; background:#306090; width:20em; color:#fff; font-weight:normal; text-align:left; font-size:14px;}
	#nav li li li a { border-bottom:1px solid #eee; background:#000060; color:#fff; width:10em; font-weight:normal;}
	#nav li li li a {background:#fff; color:#000060;}

/*nav layout*/
#nav { padding:0; margin:0 0 5px; text-align:center; float:left; width:100%; clear:both; line-height:1; position:relative; z-index:50000}
	#nav ul { padding:0; margin:0 auto; list-style:none; line-height:1; }
	#nav li { position:relative; float:left; list-style:none;  }
	#nav li ul { position:absolute; left:-999em; }
	#nav li ul ul { left:-999em; }
	#nav li a { display:block; }
	#nav li ul { position:absolute;	width:15em; left:-999em;}
	#nav li ul ul { /* third-and-above-level lists */ margin:-1.5em 0 0 15em; }
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left:-999em;}
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left:0; z-index:50000}
	
#content { padding:20px 5px 5px 20px; line-height:150%; }
#content h1 {text-align:center;  }
#vendorlinks {text-align:center; padding-top:0; margin-top:0; font-size:.8em; text-decoration:none;}
#sidebar {float:right; width:250px; margin-left:10px; padding:5px; overflow:hidden; font-size:.9em; clear:right; }
#footer { text-align:center; padding:10px 5px; clear:both; background:#F0F0F0;}

h1 {font-size:1.75em; line-height:1.5em; }
h2 {font-size:1.5em; }
h3, dt {font-size:1.25em; }
	dt {padding:15px 0; font-weight:bold;}
h4 {font-size:1em; }
h1, h2, h3, h4 {margin-bottom:3px; padding-bottom:0;}
p {padding-right:60px;}

.clear {clear:both; }
.left {text-align:left; }
.right {text-align:right; }
.lalign {float:left; margin-right:10px; }
.ralign {float:right; margin-left:10px; }
.collapse {display:none; visibility:hidden;}
.expand {display:block; visibility:visible;}

/* --- FORMS --- */
#contactform, #prevlist {float:right; width:260px; margin-left:10px; background:#dfdfdf;}
form {line-height:normal;}
.form, #prevlist { margin:10px 0; padding:15px; border:1px solid #369; }
.form fieldset {  border-color:#000; border-width:1px; border-style:solid; padding:5px; margin:0; }
.form label {  display:block; float:left; width:100px; padding:0; margin:5px 0 0; text-align:right; }
.form fieldset legend {  font-size:1.1em; }
.form input, .form textarea, .form select { width:140px; margin:5px 0 0 5px; }
.form textarea {  overflow:auto; }
.form .req {font-weight:bold; } 
.form br {  clear:left; }
.form input.button {margin-left:75px;}

/*blog*/
p.dateheader {padding:0; margin:10px 0; color:#ccc;}
#prevlist {padding:5px 15px;}
#prevlist h3, #prevlist ul {padding:0; margin:0;}
#prevlist li {padding-bottom:4px; list-style-type:none; margin:0;}

a.cwd {color:#F0F0F0; font-size:11px; display:block; margin:100px 0 200px; text-decoration:none;}
#save {position:absolute; top:10px; right:5px;}
#save a {display:block; color:white; background:#7a237a; margin-left:5px; float:right; text-decoration:none; font-size:12px; font-weight:bold; width:100px; text-align:center; }
#save form {text-align:right;}
#share {padding:15px 0;}

#frameinfo {position:absolute; top:180px; right:5px; font-size:15px; color:#fff; background:#660066; z-index:50000; padding:3px 5px;}

#blog .form, #prevlist {float:right; clear:right; list-style-type:none;}

a.player {	display:block; width:350px; height:290px; text-align:center; margin:5px 0; }
a.player b {color:#000; font-size:11px; padding:25px 0 0; display:block; font-weight:normal; }
a.player img {	margin-top:100px; border:0px;}
a.player:hover {	border:1px solid #000;}