/* ==================================== */
/* == ELEMENT ATTRIBUTES FOR SCREENS == */
/* ==================================== */

/* General rules */
body {	
	color: #093B65;	
	background: #D9D2CA url(/images/misc/bg_column.gif) repeat-y;
	}
	h3 {			
		}
	h4 {
		margin-bottom: 5px;
		padding-top: 20px;
		border-top: 2px dotted #909DA7;
		text-shadow: #000 1px 1px 1px;
		}
	a {
		color: #0C2541;
		}
	a:hover {
		text-decoration: none;
		}
	div.feature a, div.newsitem a, a.more {
		display: inline;
		margin-top: 2px;
		padding-right: 13px;
		font-size: 95%;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
		background-repeat: no-repeat;
		background-position: right;
		white-space: nowrap;		
		}
	div.feature a:hover, div.newsitem a:hover, a.more:hover {
		padding-right: 15px;
		}	
	/* Styles need to be specified here so that they can be used by Contribute */
	a.off-site {
		}
	a.non-html {
		}

/* Specific rules */
div#main {	
	width: 1000px;
	background: transparent url(/images/misc/photo_header.jpg) top left no-repeat; /* Use of JPEG causes slight color shift in IE 5.5 */
	/* Bug fix for Firefox and Opera - pulls background content to the top of the container element - REMOVED IN IE 7 CSS */
	position: relative;
	top: -1px;
	left: 0px;
	border-top: 1px solid transparent;
	}
	/* Navigation */
	div#navigation {
		width: 625px; /* 1000 minus 336 (left) minus 39 (extra whitespace to right) */
		height: 24px;
		margin: 135px 0 0 336px;
		background: #7F0F02 url(/images/nav/text_gradient.png) repeat-x;
		}
	div#navigation ul, div#navigation li {
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
		div#navigation a {
			display: block;
			color: #FFF;
			font-size: 11px; /* Fixed size in IE, adjustable in others */		
			text-decoration: none;			
			}
		/* Primary navigation */
		ul.nav-primary { /* EDITED IN SCRIPT CSS */
			position: absolute;
			top: 135px;
			left: 335px;			
			background: #7F0F02 url(/images/nav/text_gradient.png) repeat-x;								
			}			
				a.nav-primary { /* EDITED IN SCRIPT CSS */			
					width: 129px; /* Total = 137px (including border) - EDITED IN IE 5.5 CSS */
					height: 13px; /* Total = 24px - EDITED IN IE 5.5 CSS */					
					padding: 11px 0 0 7px;					
					background-repeat: no-repeat;
					background-position: 7px 11px;
					border-left: 1px solid #7F0F02; /* This border used because it is easy to override and change color when necessary */
					text-transform: uppercase;
					text-indent: -10000px;						
					}
				a#nav-home {
					visibility: hidden;
					width: 69px; /* Width tied to position of ul#navigation element */
					overflow: hidden;
					}
				a#nav-about {
					background-image: url(/images/nav/text_About.gif);
					}
				a#nav-resourcecenter {
					background-image: url(/images/nav/text_ResourceCenter.gif);
					}
				a#nav-news {
					background-image: url(/images/nav/text_News.gif);
					}
				a#nav-contactus {
					background-image: url(/images/nav/text_ContactUs.gif);
					}
			/* Secondary navigation */
			ul.nav-secondary { /* EDITED IN SCRIPT CSS */		
				display: block; /* Show all secondary navigation by default */				
				width: 136px;
				overflow: hidden;
				background-color: #8E1709;
				}
				ul.nav-secondary li {
					float: none;	
					border-top: 1px solid #7F0F02;				
					}
					a.nav-secondary {						
						width: 118px; /* Total = 136px - EDITED IN IE 5.5 CSS */
						padding: 4px 9px 4px 9px; /* EDITED IN IE 6 CSS */
						}
					a.nav-secondary:hover {
						background-color: #7F0F02;
						}
	/* Content */
	div#content {
		clear: both;			
		width: 461px; /* EDITED IN SCRIPT CSS */
		min-height: 350px; /* EDITED IN IE 6 CSS */
		/* margin-top EDITED IN IE 7 CSS */
		margin-left: 500px; /* EDITED IN SCRIPT CSS */
		line-height: 160%;			
		}
		div#content img {
			margin-bottom: 15px;
			}
		/* Persistant headers */		
		h1#logo a {	
			position: absolute;		
			top: 52px;
			left: 364px;
			text-indent: -10000px;		
			}
			h1#logo a {
				width: 213px;
				height: 83px;
				background-image: url(/images/logos/AccessHealthColumbus.gif);
				background-repeat: no-repeat;
				}
		h2#tagline {
			position: absolute;			
			top: 15px;
			left: 592px;
			width: 412px;
			height: 106px;
			text-indent: -10000px;
			background-image: url(/images/misc/text_Assuring.gif);
			background-repeat: no-repeat;			
			}
		/* Home page features */
		div.feature {		
			float: left;
			width: 225px; /* Total = 251px - EDITED IN IE 5.5 CSS */
			height: 175px; /* Total = 201px - EDITED IN IE 5.5 CSS */
			overflow: hidden;
			margin-right: 20px;			
			margin-bottom: 20px;
			padding: 13px;			
			background-image: url(/images/misc/box.jpg);
			background-repeat: no-repeat;
			}
			div.feature p {				
				height: 66px;
				overflow: auto;
				margin-top: 5px;
				color: #0C2541;
				font-size: 90%;
				line-height: 130%;
				}
			div.feature a, div.feature a.more { /* Combined CSS at top - previously in "more" class */						
				color: #0C2541;
				background-image: url(/images/misc/arrow_dark.gif);
				}			
		/* Persistant news column */
		div#news {
			position: absolute;			
			top: 341px;
			left: 0px;
			width: 346px;
			color: #FFF;		
			}
			div.newsitem {
				width: 253px; /* Total = 305px - EDITED IN IE 5.5 CSS */
				min-height: 73px; /* Total = 125px - EDITED IN IE 6 CSS and 5.5 CSS */
				padding: 10px 26px 10px 26px;
				background-image: url(/images/misc/bg_newsitem.jpg);
				background-repeat: no-repeat;
				}		
				div.newsitem h1, div.newsitem h2, div.newsitem h3, div.newsitem h4, div.newsitem h5, div.newsitem h6 {
					font-size: .9em; /* Additional CSS data to account for potential errors when using Contribute */
					margin: 0;  /* Additional CSS data to account for potential errors when using Contribute */
					color: #BED3EA;					
					}
				div.newsitem p {
					margin: 0; /* Additional CSS data to account for potential errors when using Contribute */
					}				
				div.newsitem a, div.newsitem a.more { /* Combined CSS at top - previously in "more" class */										
					color: #BED3EA;					
					background-image: url(/images/misc/arrow_light.gif);								
					}								
	/* Persistant footer */
	div#footer {
		width: 461px; /* EDITED IN SCRIPT CSS */
		margin-left: 500px; /* EDITED IN SCRIPT CSS */		
		margin-bottom: 30px;	
		padding-top: 20px;
		border-top: 2px dotted #909DA7;		
		}
		div#footer img {
			margin: 0 7px 0 7px;
			}