/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/	



/* 1.1	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,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	
	body {
		line-height: 1;
	}
	
	ol, ul {
		list-style: none;
	}
	
	blockquote, q {
		quotes: none;
	}
	
	blockquote:before, 
	blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	:focus {
		outline: 0;
	}
	
	ins {
		text-decoration: none;
	}
	
	del {
		text-decoration: line-through;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	

/* 1.2	Accessibility navigation
-----------------------------------------------------------------------------------------------*/	

	#accessibility-nav {
		position: absolute;
		left: -1000em;
		text-align: left;
	}


/* 1.3	Default styles
-----------------------------------------------------------------------------------------------*/	

	body {
		background: #042e14;
		font: 62.5% Georgia, serif;
		text-align: center;
		color: #3b3b3b		}

	hr { 
		display: none;
	}
			
	strong {
		font-weight: bold;
	}
			
	em {
		font-style: italic;
	}
		
	abbr, acronym {
		border-bottom: 1px dotted #999; 
		cursor: help;
	}
	
	input, textarea, select {
		font: 1.2em Georgia, serif;
	}

	a,
	a:active {
		color: #648344;
		text-decoration: underline;
	}
	
	a:hover {color: #005130} 
	

/* 1.4	Basic styles
-----------------------------------------------------------------------------------------------*/	

	.hide {
		display: none;
	}
	

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
	.overlay{
		position: absolute; left: 0; top: 0; background-color: #000; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90 }	
	
	.hidden_nav { display:none; }	
	div.header, div.footer, div.content-inside { width: 960px;height:100%; font-size: 1.2em;  margin: 0 auto  }			
	div.content-wrap{
		background: #f2f5e1;
		text-align: left }
	div.footer-wrap{ position: relative; background: #042e14; text-align: left}
	input.input-text{background: #b2c794; color: #124f31; border: none; }
	
	div.other-links{
		overflow: hidden;
		zoom: 1;
		padding-left: 19px;
		border-left: 3px solid #728e53 }
		
		div.aside div.other-links{
			border-left: 2px solid #728e53;
			padding-left: 14px;
			clear: both }
		
		div.other-links ul{
			position: relative;
			margin-bottom: -5px;
			overflow: hidden}
			
		div.other-links li{
			float: left;
			width: /*200px */  170px;
			/* added padding-right */
			padding-right: 15px;
			margin-bottom: 7px;
		
			 }
			
		div.aside div.other-links ul{
			margin-bottom: 0px;
			top: -2px }

		div.aside div.other-links li{
			float: none;
			width: auto !important;
			margin-bottom: 0;
			font-size: /*14px*/ 1.3em; }

			div.other-links li a {
				color: #648344;
				font-size: /*16px*/ 1.3em;
				line-height: /*22px*/ 1.3em;
}

		div.aside div.other-links a{
			font-size: /*14px*/ .9em;
			line-height: /*19px*/ 1.3em;}
				
			div.other-links li a:hover{
				color: #005130 }
									
		
	
/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	
	div.top-nav{
		height: 29px;
		overflow: hidden;
		position: relative;
		right: -5px }
		
		div.top-nav ul{
			float: right;
			width: 510px }
			
			div.top-nav li{
				display: block;
				float: left;
				margin-right: 7px;
				padding-top: 7px }
				
			div.top-nav li.last,
			div.top-nav li.search{
				margin-right: 0 }
				
				div.top-nav li.last a{
					border:0 }	
				
			div.top-nav li a{
				float: left;
				display: block;
				border-right: 1px solid #b2c794; 
				padding-right: 7px;
				color: #005130 }	
			
			div.top-nav li form{
				float: left;
				width: 129px;
				overflow: hidden;
				position: absolute;
				top: 5px;
				right: 0 }
				
				div.top-nav li form input.input-text{
					text-transform: uppercase;
					font-size: /*10px*/ .8em;
					letter-spacing: /*1px*/ .05em;
					width: 104px;
					height: 12px;	
					padding: 4px 3px 3px;
					float: left }
				
				div.top-nav li form #bt-search{
					float: left;
					width: 14px}	
					
	div.header{
		background: #8faf6e }
		
		div.header .logo{
			padding: 18px 0 18px 22px }
			
			div.header .logo h1 a,
			div.header .logo h1 a span{
				height: 66px;
				width: 495px;
				position: relative;
				display: block;
				overflow: hidden;
				cursor: pointer }				

				div.header .logo h1 a span{
					position: absolute;
					left: 0;
					top: 0;
					background: url(../images/logo.png) left no-repeat }
					
	div.main-nav{
		background: #d0ddba;
		height: 36px;
		border-right: 1px solid #6b926f;
		overflow: hidden }
		
		div.main-nav li{
			display: inline}
			
			div.main-nav li a{
				text-align: center;
				padding: 9px 0;
				color: #005130;
				display: block;
				height: 18px;
				float: left;
				font-size: /*16px*/ 1.1em;
				border-left: 1px solid #6b926f;
				text-decoration: none }
			
			div.main-nav li.nav1 a{
				width: 92px }
			div.main-nav li.nav2 a{
				width: 175px }
			div.main-nav li.nav3 a{
				width: 90px }
			div.main-nav li.nav4 a{
				width: 205px }
			div.main-nav li.nav5 a{
				width: 85px }
			div.main-nav li.nav6 a{
				width: 175px }
			div.main-nav li.nav7 a{
				width: 110px }
						
			div.main-nav li a:hover,
			div.main-nav li a:active,
			div.main-nav li.active a{
				background: #fff}						

/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	

	div.content-main{
		background: url(../images/bg-gradient.png) repeat-x;
		text-align: left;
		position: relative;
		z-index: 99 }
		
	body.home div.content-main{
		padding: 15px 0 15px 13px }	
		
	div.content-main:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }	
		
	body.home div.content{
		width: 425px;
		float: left;
		padding-bottom: 40px }
		
	body.home div.flash-top{
		margin-bottom: 40px }	
		
	.why-study-law{
		width: 420px;
		border: 0px solid #728e53;
		margin: 32px 0;
		background: url(../images/bg-why-study-law.png) repeat-x }
		
	.why-study-law h2,
	.why-study-law h2 span{
		width: 414px;
		height: 17px;
		position: relative;
		display: block;
		padding: 8px 10px;
		overflow: hidden;
		color: #648344;
		text-transform: uppercase;
		font-size: 16px }
		
		.why-study-law h2 span{
			position: absolute;
			top: 0;
			left: 0;
			height: 33px;
			padding: 0;
			background: url(../images/bg-head-why-study-law.png) no-repeat}
		 			
	.why-study-law .flash-box{
		height: 227px;
		overflow: hidden }
		
	.why-study-law .learnmore{
		height: 32px;
		padding-right: 10px }
		
		.why-study-law .learnmore ul{
			display: block;
			float: right;
			width:240px;
			overflow: hidden;
			padding-top: 8px }				

			.why-study-law .learnmore li{
				float: left;
				padding-left: 58px;
				color: #728e53;
				text-align: right }
				
			.why-study-law .learnmore li a{
				font-size: 14px }
				
	.announcement{
		margin-top: -5px }
		
	.announcement h3{
		font-size: /*18px*/ 1.5em;
		font-weight: normal;
		font-style: italic;
		color: #648344;
		padding-bottom: /*8px*/ 5px; }							

	.announcement p{
		font-size: /*14px*/ 1.2em;
		line-height: /*20px*/ 1.6em;}
		
	#ajax-overlay{
		position: absolute;
		margin-left: -464px;
		margin-top: -226px;
		left: 50%;
		top: 50%;
		display: none;
	}	
	
	
	.ajax-inside{
		width: 874px;
		height: /*452px*/ 425px;
		background: #253c20 url(../images/bg-ajax.png) center repeat-y;
		padding: /*38px 27px*/ 27px;
		position: relative; }

	.ajax-inside:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

		.ajax-inside a.close{
			width: 24px;
			height: 25px;
			position: absolute;
			right: -5px;
			top: -5px;
			text-indent: -9999px;
			background: url(../images/bt-close.png) no-repeat }
		
		.ajax-inside .ajax-image{
			width: 605px;
			float: left; }
			
		.ajax-inside .ajax-image img{
			border: 5px solid #fff;
			margin: 0; }
			
		.ajax-inside .ajax-content{
			padding-top: 111px;
			width: /*255px*/ 245px;
			float: right;
			font-size: /*16px*/ 1.6em;
			line-height: 24px;
			color: #fff;
			text-align: left;
			/* added padding-left*/
			padding-left: 10px; }	

			.ajax-inside .ajax-content h2{
				font-size: /*25px*/ 1.9em; 
				font-weight: normal; 
				/* added line-height and letter-spacing */
				line-height: 1.3em;
				letter-spacing: .04em;
}

				.ajax-inside .ajax-content h2 span{
					font-weight: /*bold*/ normal;
					color: #aec469; }

			.ajax-inside .ajax-content p{
				border: 1px solid #445a30;
				border-width: 1px 0;
				margin: 17px 0;
				padding: 15px 0}
			
			.ajax-inside .ajax-content a{
				font-family: Helvetica, Arial, sans-serif;
				font-size: /*12px*/ .8em;
				text-transform: uppercase;
				text-decoration: none;
				font-weight: /*bold*/ normal;
				letter-spacing: /*1px*/ .05em;
				color: #aec469}
			
			.ajax-inside .ajax-content a:hover{
				text-decoration: underline }
				
	/* Interior page */
	
	.content-interior{
		min-height: 860px;
		padding: 20px;
		height: auto;
		background: url(../images/bg-content_inside.png) no-repeat top center }			
	
	span.content-interior-bottom{
		display: block;
		height: 15px;
		background: url(../images/bg-content_bottom_inside.png) no-repeat center }
				
/* 2.3	Sidebar
-----------------------------------------------------------------------------------------------*/	
	body.home div.aside{
		width: 519px;
		float: right;
		position: relative;
		z-index: 100 }
	
	.bricks-wrap{
		width:  487px;
		position: relative;
		top: -5px;
		background: url(../images/bg-onthebricks.png) top center no-repeat;
		padding: 9px 16px 0 }

	.bricks-bottom{
		display: block;
		height: 20px;
		width: 519px;
		position: relative;
		top: -5px;		
		background: url(../images/bg-bottom-onthebricks.png) top center no-repeat}
		
	.bricks-content{
		border: 1px solid #b3c2a2;
		padding: 0 17px;
		position: relative;
		background: url(../images/bg-patern-onthebricks.png) left -1px }
		
	.bricks-bottom-alt{
		display: block;
		width: 485px;
		height: 35px;
		position: absolute;
		left: 0;
		bottom: 0;
		background: url(../images/bg-bottom-onthebricks-alt.png) no-repeat }	
		
		.bricks-content h2,
		.bricks-content h2 span{
			position: relative;
			height: 33px;
			width: 465px;
			padding: 10px;
			display: block;
			overflow: hidden;
			font-size: 16px;
			text-align: right;
			left: -17px }	

		.bricks-content h2 span{
			position: absolute;
			width: 485px;
			top: 0;
			left: 0;
			background: #333 url(../images/bg-head-onthebricks.png) no-repeat }

		.bricks-module{
			background: url(../images/bg-patern-inside-onthebricks.png) left top }
				
			.bricks-box{
				border: 1px solid #c4d0b8;
				padding: 17px;
				background: #fff;
				margin-bottom: 35px;
				overflow: hidden }	
				
		.news-events .headline{
			padding-top: 13px;
			font-size: 14px;
			position: relative;
			margin-bottom: 40px }
			
		/* remove this style and replace w/ .news-events .headline h3*/
		/*	.news-events .headline p strong{
				font-size: 1.3em;
				color: #00522e;
				font-weight: normal;
				line-height: 130%;
				 }	*/	
				 
		/* new style */		 
		.news-events .headline h3{
				font-size: 1.3em;
				/*color: #00522e;*/
				color: #e76b36;
				font-weight: normal;
				line-height: 1.5em;
				 }	
				 
				  .news-events .headline h3 span{
					/*font-size: 14px;
					color: #3b3b3b;*/
					color: #00522e;
				 }
				 
				 .news-events .headline h3 span span{
				 	font-size: 14px;
					color: #3b3b3b;
				 }
				 
				 
				/* new style */		 
				 	.news-events .headline p{
				line-height: 1.5em;
				 }
				 
				
		.news-events .news{
			width: 185px;
			float: left }	
		
		.news-events .events{
			width: 195px;
			float: right;
			border: 1px solid #e3e8dd;
			border-top: 0 }
			
		.news-events .events h3{
			height: 22px;
			font-size: /*12px*/ 1.0em;
			font-weight: normal;
			letter-spacing: /*1px*/ .06em;
			text-transform: uppercase;
			color: #005130;
			padding:4px 15px 0;
			background:#dfe6d9 url(../images/bg-head-events.png) repeat-x}
			
			.news-events .events .events-content{
				padding: 18px 16px;
				position: relative;
				background:#fff url(../images/bg-events.png) bottom no-repeat }

			.news-events .events .events-content li{
				margin-bottom: 20px}

				.news-events .events .events-content li h4{
					font-size: /*12px*/ 1em;
					font-weight: normal;
					line-height: /*18px*/ 1.5em; }

					.news-events .events .events-content li p.events-date{
						font-size: /*14px*/ 1.2em;
						color: #005130;
						line-height: /*20px*/ 1.4em; }
						
			.news-events .events .events-content .view-all-events{
				margin: 70px 0 3px 0;
				overflow: hidden;
				top: 0 }
				
				.news-events .events .events-content .view-all-events li{
					margin-bottom: 0}		
		
		.news-events .other-links {
			position: relative;
			top: -10px;
			margin-bottom: -7px }
			
		.news-events .news li{
			margin-bottom: 40px;
			font-size: /*14px*/ 1.2em;
			line-height: /*20px*/ 1.4em;}
			
			.news-events .news li h3{
				font-size: /*19px*/ 1.3em;
				font-weight: normal;
				color: #005130;
				padding-bottom: 6px;
				/* added line-height */
				line-height: 1.4em;}
		
    .quote {
      min-height:175px;
    }
		.quote blockquote{
			font-size: /*16px*/ 1.3em;
			line-height: /*22px*/ 1.4em;
			margin-bottom: 4px }			
		
			.quote blockquote strong{
				color: #e76b36;
				font-weight: normal }
				
							.quote blockquote a{
				color: #e76b36;
				text-decoration: underline; }
				
			.quote p.q-from{
				text-align: right;
				font-size: /*14px*/ 1.1em;
				/* added line-height */
				line-height: 1.4em;
				color: #818181}
			
			.quote .other-links{
				margin-top: 13px}	
			
	
	.tooltip a{
		width: 84px;
		height: 32px;
		display: none;
		text-indent: -9999px;
		background: url(../images/bg-tooltip.png) no-repeat;
		position: absolute;
		top: 10px;
		left: 180px;
		z-index: 999 }		

				
/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/	
	.footer-wrap{
		top: -28px;
		position: relative;
		z-index: 1}

	body.home .footer-wrap{
		top: -60px }
		
	.footer{
		overflow: hidden;
		text-align: left;
		color: #fff;
		position: relative;
		line-height: /*17px*/ 1.4em;
		padding-bottom: /*65px*/ 0px;
		background: url(../images/bg-footer.png) center top no-repeat }
		
		.footer-content{
			padding: 48px 0 0 202px }
			
		.footer-layer1 {
			width: 100%;
			float: left;
			}
		
		.footer address{
			font-style: normal;
			float: left;
			}
			
		.footer-socialmedia {
			font-style: normal;
			float: left;
			margin-left: 50px;
			}
			
		.footer address span{
				display: block }
				
		.footer .bottom-nav-wrap {
			padding-top: 25px;
			overflow: hidden;
			font-family: Helvetica, Arial, sans-serif;
			border: 0px solid #FFFFFF;
			float: left;
			}	
					
			.footer .bottom-nav{
				width: 170px;
				float: left;
				/* added font-size */
				font-size: .9em;}
				
			.footer .last{
				margin-left: 5px;}	

			.footer .bottom-nav h5{
				padding-bottom: /*15px*/ 10px;
				/* added font-weight and letter-spacing */
				font-weight: normal;
				letter-spacing: .04em; }
				
			.footer .bottom-nav a{
				color: #aec469;
				text-decoration: none;
				font: /*11px*/ 1.0em Arial, serif;
				/* added line-height*/
				line-height: 1.0em;
				margin-bottom: 5px; }

/* new style */
			.footer .bottom-nav li{
				line-height: 1.4em;
				margin-bottom: 6px;
				padding-right: 20px; }
				
				

			.footer .bottom-nav a:hover{
				text-decoration: underline}
				
		.footer .legal{
			position: relative;
			left: -187px;
			padding-top: 35px;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 11px;
			clear: both  }
			
				.footer .legal li{
					line-height: 11px;
					display: inline }

				.footer .legal ul{
					overflow: hidden;
					height: 14px;
					margin-bottom: 5px }
								
				.footer .legal li a{
					float: left;
					text-decoration: none;
					padding-right: 8px;
					margin-right: 8px;
					color: #fff;
					border-right: 1px solid #aec469 }		

				.footer .legal li a:hover{
					text-decoration: underline}

				.footer .legal li.last a{
					border: 0}

		.footer .legal p{
			clear: both}


/* left nav */

.left_nav_items {
	width: 160px;
	min-height: 430px;
	margin-top: 21px;
	float: left;
}

.left_nav_items li {
	text-decoration: none; 
	text-transform: uppercase; 
	color:#474B34;
	padding-top: 9px;
	padding-left: 2px;
	padding-bottom: 5px;
	display:block;
	min-height: 18px; 
}

.left_nav_items li a {
	font: 1em "Georgia", serif; 
	text-decoration:none; 
	text-transform: uppercase; 
	color:#474B34;
}

#main_content {
	width: 700px;
	float: left;
	padding-left: 5px;
	margin-top: 27px;
}

.fnt_header_sm { font: bold 1em "Times New Roman", Times, serif; text-transform: uppercase; font-size:16px;}