/* Base CSS file for Dulles Urgent Care
    Modified: January 13,2009
*/

body {font-family: Helvetica,Arial, sans-serif;font-size:13px;text-align:center;background:url(images/bg.png) repeat-x;background-color:#FFE5B1;margin:5em;}
.clear {clear:both;}
a:hover {color:#9E0B0B;}

#wrapper {width:900px; height:700px;margin:0 auto;text-align:left;}

/* TOP NAVIGATION */
#top-nav {width:900px;height:84px;background-image:url(images/topbg.png);margin-bottom:-1em;float:right;}

#top-nav ul {list-style:none;display:inline;text-transform:uppercase;margin-top:3em;float:right;}

#top-nav ul li {display:inline;font-size:10px;}

#top-nav ul li a {text-decoration:none;margin-right:2em;color:#7C4E7C;font-weight:bold;}
#top-nav ul li a:hover {color:#9E0B0B;}

.dot_wrap {border: 9px dotted #fff;}

/* MAIN NAVIGATION */
#main-nav {width:885px;height:38px;background:url(images/nav_bg.png) no-repeat;float:right;z-index:1;}

#main-nav img {margin:-6.5em 0 0 0;}

#main-nav img.logo {position:absolute;}

#main-nav ul {list-style:none;display:inline;text-transform:uppercase;float:right;width:100%;}

#main-nav ul li {display:inline;font-size:11px;}
#main-nav ul li.left {display:inline;font-size:11px;float:left;margin-left:2em;}
#main-nav ul li.right {display:inline;font-size:11px;float:right;margin-right:1em;}

#main-nav ul li a {text-decoration:none;margin-right:2em;color:#470641;font-weight:bold;}
#main-nav ul li a:hover {color:#9E0B0B;}

/*MAIN BODY */

#content {z-index:2;}

#news {width:205px;float:left;}
#news h1 {padding-top:4em;color:#7B408B;font-size:19px;margin:0 1em 0 1em;}
#news a {text-decoration:none;}
#news a:hover p {color:#9E0B0B;}
#news p {color:#EBA965;margin:1.5em;}

#image {width:395px;float:left;margin-top:.5em;}
#image_right {width:395px;float:left;margin-left:1.4em;}

#bottom {width:900px;height:200px;margin-top:1.5em;}

#intro {width:330px;float:left;text-align:center;margin-left:1em;}
#intro h1 {color:#77477E;font-size:12pt;width:330px;text-align:left;}
#intro p {color:#D58A3B;width:250px;}
#intro li {color:#D58A3B;width:200px;margin-left:-2em;}
#intro img.seperator {float:right;margin-top:-14em;}

#specials {width:235px;float:left;text-align:justify;margin:0 -3em 0 2em;}
#specials h1 {color:#77477E;font-size:17px;}
#specials h1.blog {color:#E58D32;font-size:17px;}
#specials h1.blog a {color:#E58D32;font-size:17px;}
#specials p {color:#E58D32;width:250px;}
#specials img.seperator {float:right;margin-top:-8em;}

#message {width:240px;float:left;margin-right:2em;text-align:justify;margin-left:5em;}
#message h1 {color:#77477E;font-size:17px;}
#message p {color:#EFB77E;}

/* SUB PAGE */

#sub-content {width:900px;}

#sub-image {width:695px;float:right;margin-top:.5em;}

#sub-left {width:450px;float:left;overflow:hidden;}
#sub-left h1 {padding-top:.5em;color:#7B408B;font-size:12pt;}
#sub-left ul li h1 {padding-top:.5em;color:#7B408B;font-size:12pt;text-align:left;width:330px; }
#sub-left a {text-decoration:none;}
#sub-left a:hover p {color:#9E0B0B;}
#sub-left p {color:#D58A3B;width:150px;margin-left:1.5em;}

#sub-right {width:400px;float:right;}
#sub-right h1 {color:#551B65;font-size:15px;margin-top:2em;}
#sub-right p {color:#D58A3B;width:375px;line-height:15pt;}
#sub-right p.results {color:#D58A3B;margin-top:3em;}
#sub-right img {float:left;margin:1em 3em 1em 2em;}
#sub-right img.building {float:left;margin:.5em 1em 0 0;}

p.caption {font-size:12px;margin-left:3em;}

/*FOOTER */

#footer {width:900px;height:100px;border-top:2px solid #95940C;margin-top:3em;margin-bottom:3em;}
#footer p {text-transform:uppercase;font-size:10px;color:#A39F22;margin:0 0 0 63em;float:left;}
#footer form {float:left;width:300px;margin:1.5em 0 0 5em;}
#footer form label {font-size:9px;color:#A39F22;}
#footer ul {list-style:none;float:right;margin-top:1.5em;margin-right:1em;}
#footer ul li {display:inline;font-size:11px;}
#footer ul li a {text-decoration:none;margin:3em 1em 0 0;color:#9C9B1C;}
#footer ul li a:hover {color:#9E0B0B;}