@charset "utf-8";
/*  ---------------------------------------
	
	main.css
	````````
	main stylesheets document for
	Project Name!
	
    ---------------------------------------  */


/*  ---------------------------------------
	Global Reset
	- - - - - - - - - - - - - - - - - - - -  */

		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: none; text-decoration: none; }
		
		

/*  ---------------------------------------
	Global rules and typography
	- - - - - - - - - - - - - - - - - - - -  */
	
		body {
			background: #fff url(../images/header-bg.gif) repeat-x;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #333;
		}
		
		#container {
			width: 780px;
			margin: 0 auto;
		}
		
		.hidden { display: none; }
		.clear { height: 1%; clear: both; }
		.left { float: left; }
		.right { float: right; }
		
		.clearfix:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		
		.clearfix {display: inline-block;}
		.no-background { background: none !important; }
		
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */



/*  ---------------------------------------
	Header
	- - - - - - - - - - - - - - - - - - - -  */
	
		#header {
			background: url(../images/header-bg.gif) repeat-x;
			padding-bottom: 23px;
		}
			#header h1 {
				display: block;
				width: 200px;
				height: 98px;
				float: left;
			}
				#header h1 a {
					display: block;
					width: 250px;
					height: 98px;
					text-indent: -999999px;
					background: url(../images/logo.png) no-repeat;
				}
			#header-inside{
				padding-top:20px;
			}
				#header p.header-info {
					display: block;
					float: right;
					width: 200px;
					text-align: right;
					padding-right: 10px;
					padding-top: 5px;
					font-size: 12px;
					line-height:20px;
					color: #461d7c;
				}
				#header p.header-info strong { padding-right: 3px; }
				#header p.header-info a {
	color: #291741;
	text-decoration: underline;
				}
					#header p.header-info a:hover {
						color: #000;
					}
			
			#header ul {
				display: block;
				clear: both;
				list-style-type: none;
				border-top: 1px solid #000;
				border-bottom: 2px solid #000;
				background: url(../images/nav-bg.jpg) no-repeat;
			}
				#header ul li {
					display: block;
					float: left;
				}
					#header ul li a {
						display: block;
						padding: 0 10px;
						height: 38px;
						line-height: 38px;
						font-size: 14px;
						font-weight: 100;
						color: #FFF;
						text-decoration: none;
					}


/*  ---------------------------------------
	Sidebar
	- - - - - - - - - - - - - - - - - - - -  */
	
		#sidebar {
			width: 250px;
			float: left;
			padding-bottom: 50px;
		}
			#sidebar ul {
				list-style: none;
				padding-bottom: 40px;
				border-top: 1px solid #d9cbe9;
			}
				#sidebar ul li {
					border-bottom: 1px solid #d9cbe9;
					
				}
					#sidebar ul li a {
						display:block;
						padding: 10px 15px;
						color: #666;
						background: #f9f6fd;
						font-weight: bold;
					}
						#sidebar ul li a:hover {
							background: #efe8f7;
							color: #3e2859;
						}

			.side-item {
				padding: 20px 0 20px 10px;
			}

			#sidebar h3 {
	display: block;
	padding: 5px 15px 10px 15px;
	font-size: 14px;
	font-weight: bold;
	color: #461d7c;
			}
				#sidebar h3#quicklinks {
					padding: 0 15px 0 15px;
					height: 46px;
					line-height: 46px;
				}
				
			#sidebar p {
				display: block;
				padding: 0 15px 10px 15px;
				color: #707070;
				font-size: 12px;
				line-height: 17px;
			}
			#sidebar h4 {
				display: block;
				font-size: 12px;
				font-weight: bold;
				color: #666666;
				padding: 5px 15px;
			}
			#sidebar p a {
	color: #291741;
	text-decoration: underline;
			}
				#sidebar p a:hover {
					color: #000;
				}
				
			#sidebar-resources {
				background: #f9f6fd;
				border: 1px solid #d9cbe9;
				padding: 10px 0;
				margin-bottom: 40px;
			}
				#sidebar-resources img {
					float: left;
					padding-right: 10px;
					padding-left: 10px;
				}
				

/*  ---------------------------------------
	Main
	- - - - - - - - - - - - - - - - - - - -  */
	

		#main {
			width: 510px;
			float: right;
			margin-top: 1px;
			padding-bottom: 30px;
		}
			#main h3 {
				display: block;
				padding: 5px 15px 10px 15px;
				font-size: 18px;
				font-weight: normal;
				color: #461d7c;
			}
				#main h4 {
					display: block;
					font-size: 14px;
					font-weight: bold;
					color: #666666;
					padding: 5px 15px;
				}
					
			#main p {
				display: block;
				padding: 0 35px 15px 15px;
				color: #707070;
				font-size: 12px;
				line-height: 17px;
			}
			#main p.right-out {
				display: block;
				float: right;
				margin-left: 10px !important;
				padding-bottom: 10px !important;
				border-bottom: 4px solid  #461d7c;
				background: #f9f6fd;
			}
				#main p.right-out img {
					display: block;
					padding-bottom: 5px;
				}
				#main p.right-out span {
					display: block;
					font-weight: bold;
					padding-top: 2px;
					padding-left: 3px;
					text-decoration: underline;
				}
				#main p.right-out strong {
					display: block;
					padding-left: 3px;
					color: #707070;
				}
			#main div.callout {
				margin: 1px 0 15px 0;
				padding: 15px;
				border-top: 1px solid #e1e5e8;
				border-bottom: 1px dotted #c6cacd;
				background: #f4eefb;
			}
				#main div.callout p {
					padding: 0 0 15px 0;
				}
				#main div.callout h3 { padding: 5px 0 10px 0; }
				#main div.callout p.big {
					font-size: 14px;
					line-height: 19px;
					color: #707070;
				}
					
			#main a {
				color: #061e4a;
				text-decoration: underline;
			}
				#main a:hover {
					color: #000;
				}
				
			#main ul {
				display: block;
				padding: 0 35px 10px 35px
			}
				#main ul li {
					padding: 0 0 10px 0;
					color: #707070;
					font-size: 12px;
					line-height: 17px;
				}
			#resources-container {
				background-color: #f3f7fb;
			}
				#main h3#soon {
					height: 44px;
					line-height: 44px;
					font-size: 14px;
					font-weight: bold;
					background: url(../images/interior-header.jpg) no-repeat;
					padding: 0 0 0 60px;
					color: #FFF;
				}
			
			#main p.downloadable {
				padding: 0 !important;
				margin: 0 15px 5px 15px !important;
			}
			#main p.downloadable a {
				display: block;
				padding: 10px 25px 10px 50px;
				background: url(../images/arrow2.png) 15px no-repeat #f4eefb;
				color: #707070;
				text-decoration: none;
			}
				#main p.downloadable a:hover { background-color: #efe7f8; }
				#main p.downloadable a strong {
					font-size: 14px;
					text-decoration: underline;
					color: #291741;
					padding-right: 5px;
				}
					#main p.downloadable a:hover strong {
	color: #000;
					}
					

/*  ---------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - -  */
	
		#footer ul {
				display: block;
				clear: both;
				list-style-type: none;
				background: url(../images/footer-bg.gif) repeat-x;
				margin-top: 3px;
			}
				#footer ul li {
					display: block;
					float: left;
					
				}
					#footer ul li a {
						display: block;
						padding: 0 10px;
						height: 28px;
						line-height: 28px;
						font-size: 12px;
						font-weight: 100;
						color: #FFF;
						text-decoration: none;
					}
		#legal {
			color: #797979;
			padding: 10px;
		}
			#legal a {
				color: #797979;
				text-decoration: underline;
			}