/* ---------------------------- 
[Master Stylesheet]

Project: 	Radiology Associates of Macon
Version:	1.0
Last change:	08/24/08 [templates created, lg]
Assigned to:	Lonnie Griffin [lg]
Primary use:	Web
------------------------------- */

/* ---------------------------- */
/* Basic Elements
/* ---------------------------- */

		body{background: url(../images/bkground-body.gif) 0px -258px repeat-x; background-color: #d9d9d9; padding: 0px; margin: 0px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px;}
		a img { border: none; }
		a, a:visited { color: #0000ff;}
		a:hover { text-decoration: none;}
		h2,h3,h4,h5,h6 {padding: 0px; margin: 10px 0px 10px 0px;}
		h2 {font-size: 17px; color: #315579; border-bottom: 1px solid #ccc;}
		h3 {clear: both; display: block;}
		h4 {}
		p { margin: 10px 0px 10px 0px; padding: 0px;}
		form { margin: 0px; padding: 0px; }

/* ---------------------------- */
/* Containers
/* ---------------------------- */

		#wrapper { width: 962px; text-align: left; margin: 0px auto 0px auto; position: relative;}
		
		#topnav {background: url(../images/bkground-topnav.gif) no-repeat; font-size: 12px; width: 336px; height: 34px; margin: 0px; padding: 3px 0px 0px 16px; position: absolute; top: 0px; right: 0px;}
			#topnav li {display: inline; padding: 0px 4px 0px 2px; }
			#topnav li a {color: #fff;}
			#topnav li img { margin: 4px 3px -4px 0px; }
		
		#logo {position: relative;  margin: 10px 0px 5px 0px;}
		
		#menu {}
			#menu img { float: left; }
			#menu ul {font-size: 12px; display: none; z-index: 99; margin: 0px; padding: 0px; background: #000203; list-style: none;  position: absolute; top: 135px;}
			#menu ul a {text-decoration: none;padding: 2px 4px 2px 4px; color: #fff;height: 20px; display: block;border-bottom: 1px solid #405d80; border-right: 1px solid #405d80; border-left: 1px solid #405d80; width: 180px;}
			#menu ul a:hover { background: #cde9f9; color: #333;  }
			#menu #dropdown-about-us {left: 97px;}
			#menu #dropdown-services {left: 209px;}
			#menu #dropdown-locations {left: 312px;}
			#menu #dropdown-referring-physician {left:432px;}
			#menu #dropdown-patient-education {left: 638px;}
			
		#header { margin: 51px 0px 0px 0px; position: relative; width: 960px; height: 245px;}
			
		#content-container-top {background: url(../images/bkground-content-container-top.gif) no-repeat; width: 962px; height: 6px; overflow: hidden; }
		#content-container {background: url(../images/bkground-content-container.gif) repeat-y; width: 962px;margin: 66px 0px 0px 0px;}
		#content-container:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
		#content-container-bottom {background: url(../images/bkground-content-container-bottom.gif) no-repeat; overflow: hidden; width: 962px; height: 6px; position: absolute; left: 0px; bottom: 0px;}
		
		#sidebar {width: 243px; float: left; padding: 0px 20px 10px 20px; }
			#sidebar h2 { border-bottom: 1px solid #98bed4; }
			#sidebar a { color: #000; }
			#sidebar .article {margin: 5px 0px 5px 0px;}
			#sidebar .article p {font-size: 12px; line-height: 16px; margin: 0px 0px 10px 0px;}
			#sidebar .article .date {font-weight: bold; font-size: 16px;}
			#sidebar #more-news { text-align: right; font-size: 12px; margin: 0px; padding: 3px 0px 0px 0px; border-top: 1px solid #98bed4; }
			#sidebar #more-news img { margin: 2px 2px -2px 0px; }
			#sidebar address { font-size: 12px; font-style: normal; line-height: 16px; padding: 0px; margin: 10px 0px 10px 0px; }
			#sidebar .submenu {width: 244px;list-style: none;margin: 0px; padding: 0px; }
			#sidebar .submenu li {}
			#sidebar .submenu li a { padding: 2px 2px 4px 6px; color: #000; display: block; background: url(../images/icon-arrow.gif) 227px 6px no-repeat; background-color: #eaf7fe; border-top: 1px solid #cce8f9; border-left: 1px solid #cce8f9; border-right: 1px solid #cce8f9;   }
			#sidebar .submenu li a:hover {color: #fff;background: url(../images/icon-arrow-on.gif) 227px 6px no-repeat;background-color: #5f7e9a; }
			#sidebar .submenu li a.last { border-bottom: 1px solid #cce8f9;  }
				
		#content {width: 638px; float: right; padding: 0px 20px 10px 20px;}
			#content .submenu {width: 294px;list-style: none;margin: 0px; padding: 0px; }
			#content .submenu li {}
			#content .submenu li a { padding: 2px 2px 4px 6px; color: #000; display: block; background: url(../images/icon-arrow.gif) 277px 6px no-repeat; background-color: #eaf7fe; border-top: 1px solid #cce8f9; border-left: 1px solid #cce8f9; border-right: 1px solid #cce8f9;   }
			#content .submenu li a:hover {color: #fff;background: url(../images/icon-arrow-on.gif) 277px 6px no-repeat;background-color: #5f7e9a; }
			#content .submenu li a.last { border-bottom: 1px solid #cce8f9;  }
			#content address { font-size: 12px; font-style: normal; line-height: 16px; padding: 0px; margin: 10px 0px 10px 0px; }
		
		#content-left {float: left; width: 294px; margin: 0px 30px 0px 0px; }
		
		#content-right {float: left; width: 294px;}
		
		#footer {padding: 0px 0px 10px 0px;}
			#footer ul { padding: 0px; margin: 10px 0px 0px 0px; list-style: none; }
			#footer ul li {display: inline; border-right: 1px solid #000; padding: 0px 4px 0px 2px;   }
			#footer ul li.last { border: none; }
			#footer a {color: #000;}
			#footer p {margin: 2px 0px 0px 0px; padding: 0px; color: #6d6c6c; font-size: 11px}
			#footer p a { color: #6d6c6c;}
			
		#homepage {background: url(../images/bkground-body.gif) 0px 0px repeat-x;background-color: #d9d9d9;}
			#homepage #content-container {margin: 30px 0px 0px 0px;}
			#homepage #header-flash p { background: #fff; border: 1px solid red; padding: 10px; font-size: 12px; line-height: 18px; }
			#homepage #header-flash p img {float: left; margin: 0px 10px 0px 0px;}
			
		#map {width: 440px; height: 250px; float: left; margin: 0px 10px 10px 0px; border: 2px solid #5f7e9a}
	
/* ---------------------------- */
/* Forms Validation
/* ---------------------------- */

		.alert { background: url(../images/alert-small.gif) no-repeat 0px 1px; padding: 0px 0px 2px 18px; display: block; margin: 5px 0px 5px 0px; font-size: 12px; position: relative; clear: both; color: red; }
		#success, #error {padding: 10px; margin: 10px 0px 10px 0px; font-weight: normal; clear: both; display: block; text-align: left;}
		#success p, #error p  { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; text-align: left; line-height: 18px; color: #000;}
		#success {background-color:#c3fbbb;  border:1px solid #abe9a2 }
			#success h4 {font-size: 15px; font-family: Arial, Helvetica, sans-serif;padding: 5px 0px 6px 33px;background: url(../images/success.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; color: #000;}
		#error {background: #fff; border: 1px solid #c7bc9e;}
			#error h4 {font-size: 15px; font-family: Arial, Helvetica, sans-serif;padding: 9px 0px 10px 35px; margin: 0px; background: url(../images/alert.gif) no-repeat 0px 0px; color: Red;  font-size: 14px;}
		#progress {padding: 15px 0px 13px 10px; display: none; width: 150px; height: 30px; }
        	#progress img {float: left; padding: 0px 8px 0px 0px; }
        	#progress h4 { font-size: 15px; margin: 0px; padding: 7px 0px 10px 0px; color: Red; font-weight: bold; }

/* ---------------------------- */
/* Forms Formatting
/* ---------------------------- */

		#form {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
			#form select {font-size: 13px; margin: 0px 0px 0px 0px;}
			/* #form table { border-collapse: collapse; vertical-align: top} */
			#form h5 {position:relative; font-weight:bold; font-size:12px; padding:2px 0px 2px 4px; margin:10px 0px 5px 0px; color:#000; background-color: #eaf7fe; border-bottom: 1px solid #cce8f9; display:block; clear:both}
			#form textarea { font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding: 2px;border-top:1px solid #999; border-left: 1px solid #999; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color:#fff; }
			#form .btn-submit { display: block; margin: 15px 0px 0px 0px; clear: both; font-weight: bold; }
			#form .textbox {font-family: Arial, Helvetica, sans-serif; border-top:1px solid #999; border-left: 1px solid #999; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color:#fff; font-size:15px; padding: 2px;}
			#form .lbl {position:relative;font-weight:bold; padding: 5px 0px 2px 0px; margin:0px 0px 0px 0px; clear:both; display: block;color:#000; font-size:12px; font-weight: bold}
			#form .field {font-size:11px; line-height: 14px; clear: both; display: block; margin: 3px 0px 0px 0px; color: #666; }
			#form .small {font-size:11px; line-height:14px; margin:5px 0px 5px 0px; color: #666;}		
			#form .left{float:left; padding:0px 5px 0px 0px}
			#form .left-phone {float:left; }
			#form .right-phone {float:left; padding:0px 0px 0px 3px}
			#form .clear {float:none}
			#form .highlight { border: 1px solid red; }
		
/* ---------------------------- */
/* Misc
/* ---------------------------- */

		.left{float:left; }
		.right { float: right; }
		.center { text-align: center; }
		.img-left{float:left; margin:0px 10px 0px 0px; }
		.img-right{float: right; margin: 0px 0px 0px 10px;}
		.margin-right{margin-right: 10px;}
		.margin-top{ margin-top: 10px;}
		.margin-bottom { margin-bottom: 10px; }
		.small{font-size:12px;  line-height: 14px; font-weight: normal;}
		.large{font-size:18px; line-height:21px;}
		.line{height:1px; background-color:#c7bc9e; display:block; clear:both; margin:10px 0px 10px 0px; overflow:hidden}
		.nodis { display: none; }
		.clear{ clear: both; }
		.highlight { padding: 2px; background-color:#ffff99; }
		.grey { color: #666; }
		.border { border: 1px solid white;}
		.box-highlight { background: #faf1db; border: 1px solid #e3bf7d; padding: 0px 10px 0px 10px;}
		.highlight { background: #faf1db; padding: 1px;}
		.bluehighlight { color: #0066cc; font-weight: bold; }
		.red { color: red; }