/*

Site: Center for Advanced Legal Studies
Design: Lyndia Haryanto for Schipul
Build: Brandi Lalanne for Schipul
URI: http://www.paralegal.edu

*/

* { font-size: 100%; margin: 0; padding: 0; }
a img { border: none; }
a { outline: none; }

p { margin-bottom: 8px; color:#39331D;}

body {
	font: 12px/1.4em Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color: #39331D;
}

	body#homepg {background: #F3EEDA url(../images/home/body-bg.jpg) top center repeat-x;}
	body#templatepg {background: #F3EEDA url(../images/home/temp-body-bg.jpg) top left repeat-x;}
	

ul, ol { margin: 1em 0; padding-left: 2.5em; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h5, h5, h6 {  margin-bottom: 14px; font-weight: bold;} 

h1 { font-size: 18px; font-weight: bold; 	color:  #782417; line-height: 24px; }
h2 { font-size: 14px; font-weight: bold; 	color:  #782417; line-height: 18px; }
h3 { font-size: 12px; font-weight: normal; 	color:  #4a421d; line-height: 16px; }

a { color: #782417; }
a:hover { text-decoration: none; }


/** STRUCTURE **/
div#container {width: 1020px; margin:0 auto;}
div.frame-space {height:50px; width:100%;}
div.red-bar {width: 250px; height:19px; background:url(../images/home/red-bar.jpg) top left no-repeat; padding-left:772px;
	padding-top: 15px; color:#FFF}

	div.red-bar a {color:#FFF; text-decoration:none; font-weight:bold;}
	div.red-bar a:hover {color:#000}
	
	div#address-area {text-align:right; padding-top:10px; padding-right:25px}
		div#address-area h3, div#address-area p {margin:0; padding:0; color:#877d55}
	


/** HEADER **/
div.header-area {width: 1020px; height: 210px;  background:url(../images/home/top-bg.jpg) top left repeat-y;}
	div#top-wrap {width: 696px; float:left;}
	div#red-btm {width: 696px; height:14px; background:url(../images/home/red-btm.jpg) top left no-repeat;}
	div#logo-area {width:106px; height:196px; float:left;}
	div#tagline {width: 562px; height:84px; background:url(../images/home/tag.jpg) top left no-repeat; float:left}
	div.header-content {width: 536px; height:105px; padding: 7px 13px 0 13px; float:left}
	div.header-content p {color: #4d441f;}
	p.fourteen-green {font-size: 14px;}
	div.header-content a{color: #782417;}
	div.header-content a:hover {color: #000}
	
	div.rotator {width:314px; height:210px; background:url(../images/home/rotator.jpg) top left no-repeat; float:left;}
div.nav {width: 1020px; clear:both; height:50px; background:url(../images/home/nav-bg.jpg) top left no-repeat;}


div.main-content {width: 1020px; clear:both; float:left; background:url(../images/home/content-bg.jpg) top left repeat-y;}

/** LEFT COLUMN**/
div.left-column {width: 167px; padding:20px 8px 0 20px; float:left}
div.side-boxes {width: 167px; background:url(../images/home/place-bg.jpg) top left repeat-y; margin: 0 auto;}
	div.boxes-txt { width: 145px; margin: 0 auto; padding-top:10px;}
	div.boxes-txt ul {list-style: none; margin:0; padding:0}
	div.boxes-txt ul li {list-style:none; display:block; line-height:16px; 
	background:url(../images/home/green-arrow.jpg) top left no-repeat; padding-left: 18px; margin-bottom: 8px;}
	div.boxes-txt ul li a {color:#39331D; text-decoration:none;} 
	div.boxes-txt ul li a:hover {color:#782417;}
	
	#faq-box a{color: #39331D; text-decoration:none;}
	#faq-box a:hover {color:#782417;}
	
	div.boxes-titles {width: 167px; height: 41px; vertical-align:top;}
		div#career-title {background:url(../images/home/place-title.jpg) top left no-repeat;}
		div#faq-title {background:url(../images/home/faq-title.jpg) top left no-repeat;}
		div#conn-title {background:url(../images/home/connect-title.jpg) top left no-repeat; margin: 16px 0 0 0}
	
	div.boxes-btm {width: 167px; height:18px; background:url(../images/home/place-btm.jpg) top left no-repeat;}


	div.employers-box {width: 167px; height:200px; background:url(../images/home/employers-box.jpg) top left no-repeat; 
	margin-top:27px; padding-top: 48px;}
	div.employers-box p {color:#FFF; margin: 0 10px 10px 10px}
	div.employers-box a {color: #FFF}
	div.employers-box a:hover {color:#000;}
	
	
	div#login {width: 160px; padding-left: 5px; margin-top:15px}
	#login input {width: 95%;}
	#login .Button {width: 80px; clear:both; text-align:center}

	
/** MIDDLE COLUMN**/	
div.mid-wrap {width: 565px; float:left;}
div.mid-column {width: 565px; background:url(../images/home/mid-bg.jpg) top center repeat-y; padding: 24px 31px 0 31px; float:left}
	
	div.programs-title{width: 335px; height:39px; background:url(../images/home/programs-title.jpg) top left no-repeat; margin-bottom:8px}
	
	div.program-content {width: 335px; float:left}
	div.program-content ul {list-style: none; margin:0; padding:0}
	div.program-content ul li {list-style:none; display:block; line-height:16px; 
	background:url(../images/home/red-arrow.jpg) top left no-repeat; padding-left: 23px; margin-bottom: 6px;}
	div.program-content ul li a {color:#39331D; text-decoration:none; font-weight:bold} 
	div.program-content ul li a:hover {color:#802A1C;}
	
	.red-btn {width: 310px; height: 37px; background:url(../images/home/red-btn.jpg) top left no-repeat; margin-top:12px}
		a#red-left {line-height: 34px; margin: 0 25px 0 17px; color: #FFF; font-size: 14px; font-weight:bold; text-decoration:none}
		a#red-right {line-height: 34px; color: #FFF; font-size: 14px; font-weight:bold; text-decoration:none}
		a#red-left:hover, a#red-right:hover {color:#2a250d;}
	
	div.video-area {width: 220px; float:right; margin-top:10px }
		div.video {}
		
	div.divider {width: 627px; height:18px; background:url(/images/home/divider.jpg) top left no-repeat; float:left}

div.mid-btm {width: 565px; padding: 24px 31px 0 31px; float:left;}
	div.news-wrap {width: 564px; float:left; background:url(../images/home/news-bg.jpg) top left repeat-y;}
	div.news-title {width: 564px; height:39px; background:url(../images/home/news-title.jpg) top left no-repeat;}
	div.news-left {float:left; width: 250px; padding: 15px 0}
	div.news-right {float:right; width: 250px; padding: 15px 0}
	
	div.news-left a, div.news-right a { color: #782417; }
	div.news-left a:hover, div.news-right a:hover {color:#000;}
	
	div.news-left .links2 a { text-decoration: none; color: #000; }
	div.news-left .links2 a:hover { text-decoration: underline; color: #782417; }
	
	a#green-links {text-decoration:none; color:#4B431F}
	a#green-links:hover{text-decoration:none; color:#000}
	
/**RIGHT COLUMN**/	
div.right-column {width: 167px; padding:20px 20px 0 8px; float:right; }
	ul.social {margin: 0 auto; width:140px; list-style:none;}
	ul.social li {display:block; height:30px; width: 108px;}
	li#rss {background:url(../images/home/rsss-icon.jpg) top left no-repeat; padding-left: 35px; line-height: 14px}
	li#fb {background:url(../images/home/fb-icon.jpg) top left no-repeat; padding-left: 35px; line-height: 14px}
	li#in {background:url(../images/home/in-icon.jpg) top left no-repeat; padding-left: 35px; line-height: 14px}
	li#flickr {background:url(../images/home/flickr-icon.jpg) top left no-repeat; padding-left: 35px; line-height: 14px; }
	ul.social li a:hover {color:#782417;}
	
	
/*FOOTER**/
div#footer-area {height: 65px; width: 1020px; margin:0; background:url(../images/home/footer-bg.jpg) top left no-repeat; clear:both;
padding-top: 20px}
div#footer-area p {color:#FFF; font-size:11px;}
div#footer-area a {color:#FFF;}

/*Template*/
div#bodycontent{width: 573px; padding: 20px 25px 20px 25px; float:left}
div.header-area-temp {width: 1020px; height: 122px;  background:url(../images/home/top-bg.jpg) top left repeat-y;}
	div.rotator-temp {width:314px; height:122px; background:url(../images/home/rotator-template.jpg) top left no-repeat; float:left;}
	div#top-wrap-temp {width: 696px; float:left; height:122px}
	div#logo-area-temp {width:106px; height:100px; float:left;}
	div#tagline-temp {width: 562px; height:84px; background:url(../images/home/tag-temp.jpg) top left no-repeat; float:left}

/* Tendenci - [http://www.tendenci.com] */
.titles {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #993300}
.subtitles {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #666666;}
.body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}
.currency {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align: right}
.bold_body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none}
.bold_body_copy_blue {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003366; text-decoration: none}
.big_body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none}
.links {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none}
.copyright {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #CCCCCC}
.breadcrumbs {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999}
.body_copy_alerts { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000}
.body_copy_invert { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000}
.reports {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none}
.reports_big_body_copy { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none }
.reports_subtitles { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000}
.reports_titles { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #000000}

div#skiptocontent {position: absolute; left: -9999px;}
	 

.color1 {
	background-color: #993300;
}
.color2 {
	background-color: #999999;
}
.logo {
	background-image: url(/images/logo.gif);
	background-repeat: no-repeat;
}


a { 	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 

	}
	
p { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}

h1 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 23px; 
	font-weight: normal; 
	color:  #782417;

}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color:  #782417
}

h3 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: normal; 
	color:  #4A421D
	text-decoration: none
	}

h4 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color:  #000000; 
	text-decoration: none
	}

h5{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #000000; 
	text-decoration: none
	}

td { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}

input{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}

textarea{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}


select{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}

.t-helpfiles-searchresult h2 {
	border: none;
	}
.t-helpfiles-searchresult h2 a {
	background: transparent url(/images/home/green-arrow.jpg) no-repeat scroll left top;
	padding-left: 22px;
	text-decoration: underline;
	}
.t-helpfiles-searchresult h2 a:hover {
	text-decoration: none;
	}

#showh #secondary { width: 550px !important; }

.clear { clear: both; }