/*
	extends core.css
	contains all design specific styles
	
	All attributes in alpha-numeric order starting from 0-9 A-Z
	x = horizontal, y = vertical
	property: trbl, tb rl, t rl b, t r b l;
	bg shorthand: background: color url() repeat vertical-position horizontal-position;
	All font names should be quoted "Arial" 
	However, font families like Serif, Sans-Serif and Monospace do not need quotes.
*/

/* don't forget to update this file name accordingly */
@import url("quorum_core.css");

/* COLORS
-----------------------------------------------------------------------------
	
	#hex (desc)
	
	BLUES
	#004182 (Dark Blue)
	#005492 (Lighter Blue)
	#b1c3d8 (White on Blue Background)
	
	REDS
	#a71933 (Red)
	#802337 (Burgundy)
	#f3e6e9 (White on Red Background)
	
	GRAYS
	#1d1d1d (Black for Text)
	#3c3c3c (Solution Finder Grey)
	
*/

/* TABLE OF images/siteS
-----------------------------------------------------------------------------

	WRAP
	HEADER
	MASTHEAD
	images/site-WRAP
		MAIN images/site
		SIDEBAR
	FOOTER
		
*/

/* WRAP
----------------------------------------------------------------------------- */

#wrap{
	background: #fcfcfc url(../images/site/bg-top_repeat.png) repeat-x 0 0;
	padding-top: 10px;
}

/* HEADER
----------------------------------------------------------------------------- */

#header,
ul#main-nav,
#masthead,
#content-wrap,
#footer{
	margin: 0px auto;
	width: 900px;
}
	#header #logo{
		background: transparent url(../images/site/logo.png) no-repeat 0 0;
		float: left;
		height: 72px;
		margin-top: 10px;
		width: 307px;
	}
	
	#header #logo a{
		display: block;
		height: 72px;
		margin-top: 10px;
		width: 307px;
		text-indent: -1300em;
	}
	
	#header ul#main-nav{
		float: left;
		margin-top: 10px;
	}
		ul#main-nav li{
			display: inline;
			padding: 13px 0px 10px 0;
			margin: 0 30px 0 0;
		}
			ul#main-nav li a:link,
			ul#main-nav li a:visited{
				color: #f3e6e9;
				font-size: 13px;
				text-decoration: none;
			}
			ul#main-nav li a:hover{color: #ffffff;}
			ul#main-nav li#current{
				background: transparent url(../images/site/bg-current.png) no-repeat center 0;
				font-weight: bolder;
			}
		ul#main-nav li#IRG,
		ul#main-nav li#AHFD,
		ul#main-nav li#IRG a,
		ul#main-nav li#AHFD a{
			background: transparent url(../images/site/logo-AHFD.png);
			float: right;
			height: 26px;
			margin: -5px 0 0 0;
			padding: 0;
			width: 57px;
		}
			ul#main-nav li#IRG,
			ul#main-nav li#IRG a{
				background: transparent url(../images/site/logo-IRG.png);
				margin-right: 10px;
				width: 43px;
			}
			ul#main-nav li#IRG a,
			ul#main-nav li#AHFD a{
				display: block;
				margin: 0;
				text-indent: -1300em;
			}
			
	#header-right{ 
		float: right; 
		margin-top: 5px;
		text-align: right; 
	}
	
		#header-right p{
			color: #4e6f92; 
			font: 14px 'Garamond','Times New Roman',serif;
			text-transform: uppercase; 
		}
		
	 		#header-phone{ 
				font: 35px 'Times New Roman','Garamond',serif;
				color: #4e6f92;
				display: block; 
			}

/* MAIN CONTENT
----------------------------------------------------------------------------- */
#masthead{ margin: 30px auto 20px; }

/* MAIN CONTENT
----------------------------------------------------------------------------- */

#main-content{
	float: left;
	margin-bottom: 20px; 
	padding-left: 10px;
	width: 600px;
}
	#main-content h2{
		color: #802337;
		font-size: 28px;
		font-weight: normal;
		line-height: 32px;
		margin-bottom: 15px;
	}
	
	#main-content ul{ padding-left: 30px; margin-bottom: 15px; }
	
	#main-content li{
		list-style-type: circle;
		margin-bottom: 7px;
	}
	
	#main-content p{ line-height: 20px; margin: 5px 0 10px; }
		#intro{ margin-bottom: 20px; }
	
		#secondary div{
			width: 280px;
			float: left;
		}
			#secondary div.right-col{ padding-left: 40px; }
			#secondary div h3{
				margin-bottom: 15px;
			}
				#secondary ul{ padding-left: 30px; }
				
				#secondary li{
					list-style-type: circle;
					margin-bottom: 7px;
				}
				
/* INSIDE CONTENT
----------------------------------------------------------------------------- */

#inside-content{
	float: left;
	margin-bottom: 20px; 
	padding-left: 10px;
	width: 600px;
}
	#inside-content h2{
		color: #802337;
		font-size: 28px;
		font-weight: normal;
		line-height: 32px;
		margin-bottom: 15px;
	}
	
	#inside-content h3{
		color: #802337;
	}
	#inside-content p{ line-height: 20px; }
		#intro{ margin-bottom: 20px; }
	
	#inside-content ul{ padding-left: 30px; }

	#inside-content li{
			list-style-type: circle;
			margin-bottom: 7px;
	}
		

/* SIDEBAR
----------------------------------------------------------------------------- */
#sidebar-container{
	float: right;
	width: 260px;
}
#sidebar-container h4{
	font-size: 15px;
	margin-bottom: 20px;
}
#sidebar{
	background: transparent url(../images/site/bg-sidebar_top.jpg) no-repeat 0 0;
	float: left;
	margin-bottom: 10px;
	width: 260px;
}
	#sidebar h2{
		color: #802337;
		font-size: 20px;
		margin: 15px;
		text-align: center;
	}
	#sidebar p{
		color: #454545;
		margin: 15px 0;
		padding: 0 20px;
	}
	#sidebar ul li{
		list-style: none;
		padding: 0 10px;
	}
		#sidebar ul li a{
			background: transparent url(../images/site/bg-sidebar_article.jpg) no-repeat 0 0;
			color: #1d1d1d;
			display: block;
			font-size: 13px;
			font-weight: bold;
			padding: 10px 20px 10px 10px;
			text-decoration: none;
			width: 210px;
		}
			#sidebar ul li a:hover{
				background: transparent url(../images/site/bg-sidebar_article.jpg) no-repeat -240px 0;
				color: #802337;
			}
			
			#sidebar ul li a.act{
				background: transparent url(../images/site/bg-sidebar_article.jpg) no-repeat -240px 0;
				color: #802337;
			}
			
	.sidebar-contact{ 
		line-height: 18px;
		text-align: center; 
	}
			
	.sidebar-bottom{
		background: transparent url(../images/site/bg-sidebar_bottom.png) no-repeat 0 bottom;
		padding: 10px 20px 15px;
		width: 220px;		
	}
		.sidebar-bottom a{
			background: transparent url(../images/site/btn-learn_more.jpg) no-repeat 0 bottom;
			display: block;
			height: 22px;
			margin-left: 135px;
			text-indent: -1300em;
			width: 88px;
		}

/* FOOTER
----------------------------------------------------------------------------- */

#footer-wrap{
	background: #dddddd url(../images/site/bg-footer.png) repeat-x 0 0;
	padding: 30px 0;
}
	#footer h1{
		background: transparent url(../images/site/logo-footer.png) no-repeat 0 0;
		float: left;
		height: 43px;
		margin-top: 5px;
		padding-right: 78px;
		text-indent: -13000em;
		width: 100px;
	}
		#footer p{ 
			color: #4e6f92; 
			float: left;
			padding-top: 20px;
		}
			#footer p a{color: #666666;}
			#footer p a:hover{ color: #000; text-decoration: none;}
			
			#media-kit{
				float: left;
				margin-top: 20px;
				margin-left: 30px;
			}