body { margin:0; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color:#000000; background:url(../img/body-bg.gif) top left repeat-x #ffffff; text-align:center; }
h1, h2, h3 { margin:0 0 0.25em; color:#ff3333; }
h1 { font-size:1.8em; }
h2 { font-size:1.5em; font-weight:normal; padding-top:10px;}
h3 { font-size:1.3em; font-weight:normal; }
p { margin:0 0 0.5em; }
a { color:#cccc33; }
a:link, a:visited { text-decoration:underline; }
a:active, a:focus, a:hover { text-decoration:none; }
ul { margin:0; padding:0; }
textarea { font-family:Arial, Helvetica, sans-serif; font-size:100%; }

div#container, div#footer { margin:0 auto; width:900px; }
div#container { margin-bottom:17px; }

div#header, div#navigation, div#content { text-align:left; }

div#navigation { float:right; font-size:1.4em; margin:-75px -7px 0 7px; }
div#navigation ul { /* all lists */ margin:0; padding:0; list-style:none; }
div#navigation li { /* all list items */ float:left; position:relative; z-index:500; margin-left:18px; }
div#navigation li a { text-decoration:none; padding-bottom:18px; }
div#navigation a:link, div#navigation a:visited { color:#ffffff; }
div#navigation a:active, div#navigation a:focus, div#navigation a:hover { color:#cccc33; }

div#navigation li ul { /* second-level lists */ z-index:600; position:absolute; top:22px; left:0; font-size:0.8em; background-color:#ffffff; margin:0; width:132px; }
div#navigation li ul table { border-collapse:collapse; }
div#navigation li ul tr, div#navigation li ul td { border:1px solid #ff3333; }
div#navigation li ul a { display:block; padding-bottom:3px; padding:3px; width:132px; }
div#navigation li ul a:link, div#navigation li ul a:visited { background-color:#ffffff; color:#000000; }
div#navigation li ul a:active, div#navigation li ul a:focus, div#navigation li ul a:hover { background-color:#ff3333; color:#ffffff; }

div#content { margin:6px 0 0; }

div#left { width:210px; float:left; margin-right:17px; height:100%; }
div#three-steps, div#map, div#newsletter { padding:7px; }
div#map, div#parking { margin-top:17px; }
div#newsletter { margin-bottom:17px; }

div#three-steps { background:url(../img/green.gif) top left repeat; text-align:center; }
div#three-steps ul { text-align:left; margin-left:6px; }
div#three-steps ul li { line-height:1.6em; margin-bottom:0.6em; padding:3px 0 0 23px; }
li#arrow { background:url(../img/step.gif) top left no-repeat; list-style:none; }
li#one { background:url(../img/step1.gif) top left no-repeat; list-style:none; }
li#two { background:url(../img/step2.gif) top left no-repeat; list-style:none; }
li#three { background:url(../img/step3.gif) top left no-repeat; list-style:none; }
div#map, div#newsletter { background:url(../img/red.gif) top left repeat; }
div#map h3, div#newsletter h3 { color:#000000; margin-bottom:0; font-weight:bold; }
div#map img { float:left; margin:0 7px 7px 0; }
div#map span.rightlink a, div#three-steps span.rightlink a, div#parking span.rightlink a  { color:#ffffff; }
div#parking { background:url(../img/green.gif) top left repeat; padding:5px 0; }
div#parking img { float:left; margin:0 20px; }
div#newsletter { text-align:center; }
div#newsletter td { text-align:left; }
div#newsletter .form { width:130px }
div#newsletter .white, div#three-steps .white { color:#ffffff; font-size:2em; text-transform:uppercase; font-weight:bold; text-align:center; }
div#newsletter .black, div#three-steps .black { color:#000000; font-size:1.7em; font-weight:bold; text-align:center; }
blockquote {
	background: url(../img/quote-start.png) 0 0 no-repeat;
	font-style: italic;
	font-size: 120%;
	line-height: 150%;
	width: auto;
	padding: 0px 0px 5px 50px;
	margin: 15px 0;
}
blockquote p {
	background: url(../img/quote-end.png) 100% 100% no-repeat;
	padding: 0 50px 0 0;
	margin-top: 0;
}

div#middle-hp { width:350px; float:left; }
div#middle { width:650px; float:left; }
div.mid-col, div.mid-col2 { width:48%; }
div.mid-col { float:left; }
div.mid-col2 { float:right; }
table#contact { width:400px; }
table#employment { width:510px; }
table#employment td { background-color:#FBFDD2; padding:5px; border-bottom:3px solid #fff; }
table#employment td.noline { border-bottom:0px solid #fff; }
ul.uow li { margin:0 0 5px 15px; }

div#right { width:300px; float:left; margin-left:17px; }
div#rightcontact { width:280px; float:right; margin-left:17px; margin-top:0px; }
div.divisions { width:300px; height:104px; margin-bottom:7px; }
div#visioncare { background:url(../img/visioncare-bg.gif) top left no-repeat; }
div#studentvision { background:url(../img/studentvision-bg.gif) top left no-repeat; }
div#safetyvision { background:url(../img/safetyvision-bg.gif) top left no-repeat; }
div#sportsvision { background:url(../img/sportsvision-bg.gif) top left no-repeat; }

div#visioncare p { padding:48px 2px 0 58px; margin:0; }
div#studentvision p { padding:45px 83px 0 12px; margin:0; color:#ffffff; }
div#safetyvision p { padding:48px 4px 0 114px; margin:0; }
div#sportsvision p { padding:48px 119px 0 10px; margin:0; }

div#visioncare a { color:#000000; }
div#studentvision a { color:#ffffff; }
div#safetyvision a { color:#000000; }
div#sportsvision a { color:#000000; }

div#phone { text-transform:uppercase; font-size:1.2em; margin-top:10px; }
div#phone img { float:right; margin:0px 0px 0px 0px; }
div#phone strong { font-size:1.2em; }

div#contact_sidebar p { float: left; width:210px; padding:2px 2px 0 0px; margin:0; }

div#cont-footer { background-color:#000000; border-top:4px solid #cccc33; clear:both; }
div#footer { color:#ffffff; font-size:0.9em; height:32px; padding-top:12px; }

/* misc classes */
.form { width:250px; }
.small { font-size:0.85em; }
a.redlink { color:#ff3333; }
.button { padding:2px 6px; border:2px solid #cccc33; color:#cccc33; background-color:#000000; }
.button:hover { border:2px solid #ff3333; color:#ff3333; }
span.rightlink { display:block; text-align:right; }

div#eye_exam table td { padding: 2px 0px; }
