/* Elements
----------------------------------------*/
body{
	background:url("http://images.cjed.com/bodybg-lite.jpg") repeat-x;
	}


body, p, td, th, li{
	font-family: Arial, Helvetica, sans-serif;
	font-size:.875em;
	line-height:1.5em;
	color:#000000;
	}

#mainContainer{
	width:960px;
	margin: 12px auto;
	}

#content{
	background:#fff;
	float:left;
	border:1px #B4D0DE solid;
	border-right:0px;
	}

#headlinedivider{
	width:709px;
	height:4px;
	background: url("http://images.cjed.com/home_box_bg.png") repeat-x;
	margin:0 0 20px 0;
	}

p{
	margin: 0 0 1em 3em;
	}

/*--- Link Styles ---*/
a:link, a:visited{
	color:#006699;
	}

a:hover, a:active{
	color:#EB8322;
	text-decoration:none;
	}

/*--- H Styles ---*/
h1{
	color:#000;
	margin:1.25em 0 .5em 0;
	font-size:2em;
	padding:0 0 10px 43px;
	font-family:Georgia;
	font-weight:normal;
	letter-spacing:-.5px;
	height:80px;
	line-height:1em;
	float:left;
	text-align:center;
	width:325px;
	}
h1.hometitle{
	width:316px;
	height:85px;
	margin:0;
	padding:0 0 10px 22px;
	background:url("http://images.cjed.com/hometitle.png") no-repeat;
	}
h1.blogpost{
width:600px;
text-align:center;
padding-top:25px;
}

h2{
	margin:.825em 0 .5em 35px;
	font-size:1.5em;
font-family:Georgia, Times, Helvetica, Serif;
font-weight:normal;
color:#006699;
	}


h3{
	margin:.825em 0 .1em 35px;
	font-size:1.5em;
font-family:Georgia, Times, Helvetica, Serif;
font-weight:normal;
color:#006699;
	}

h4{
	margin:.825em 0 .1em 35px;
	font-size:1.25em;
font-family:Georgia, Times, Helvetica, Serif;
font-weight:normal;
color:#006699;
	}

h5{
	margin:.825em 0 .1em 35px;
	font-size:1.125em;
font-weight:normal;
color:#006699;
	}

h6{
	margin:.825em 0 .5em 35;
	font-size:1em;
color:#006699;
	}

ul{
	margin-left:25px;
	}
	
.block1 h2{
color:#fff;
text-shadow: 0.05em 0.05em #111;
margin:15px;
}

.post h2{
margin-left:0;
}

ol{margin-left:25px;}

blockquote	{margin: 0 0 18px 18px; color:#666666; font-style: italic;}
strong		{font-weight:bold;}
em		{font-style:italic;}

/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}

/* Header
----------------------------------------*/
#header{
	width:960px;
	height:67px;	
	}

/* Nav and NavSprites
----------------------------------------*/
#mainnav{
	top:0;
	position:absolute;
	margin:0 0 0 185px;
	*:margin-left:-750px; 
	}
	
#nav li a span{
	display:none;
	}
ul.become{
list-style-type:none;
}
ul#nav{
	width: 550px;
 	height: 40px;
 	background: url("http://images.cjed.com/menu.png");
 	margin: 10px auto 0 0; padding: 0;
 	position: relative;
	}

	#nav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 40;}

	#nav li, #nav a {height: 50px; display: block;}
	#home {left: 0; width: 78px;}
	#careers {left: 78px; width: 86px;}
	#criminal_justice_schools {left: 165px; width: 86px;}
	#criminal_justice_degrees {left: 253px; width: 88px;}
	#articles {left: 343px; width: 94px;}
	#cj_blogs {left: 438px; width: 94px;}

	#home a:hover {background: transparent url("http://images.cjed.com/menu.png") 0 -40px no-repeat;}
	#careers a:hover {background: transparent url("http://images.cjed.com/menu.png") -78px -40px no-repeat;}
	#criminal_justice_schools a:hover {background: transparent url("http://images.cjed.com/menu.png") -165px -40px no-repeat;}
	#criminal_justice_degrees a:hover {background: transparent url("http://images.cjed.com/menu.png") -253px -40px no-repeat;}
	#articles a:hover {background: transparent url("http://images.cjed.com/menu.png") -343px -40px no-repeat;}
	#cj_blogs a:hover {background: transparent url("http://images.cjed.com/menu.png") -438px -40px no-repeat;}

	#careers.current{background: transparent url("http://images.cjed.com/menu.png") -78px -98px no-repeat;}
	#criminal_justice_schools.current{background: transparent url("http://images.cjed.com/menu.png") -165px -98px no-repeat;}
	#criminal_justice_degrees.current{background: transparent url("http://images.cjed.com/menu.png") -253px -98px no-repeat;}
	#articles.current{background: transparent url("http://images.cjed.com/menu.png") -343px -98px no-repeat;}
	#cj_blogs.current{background: transparent url("http://images.cjed.com/menu.png") -438px -98px no-repeat;}


/* headline and subnav
----------------------------------------*/
#headline{
	width:700px;
	height:175px;
	}
ul.become li a{
	text-decoration:none;
	}
ul.become li a:hover{
	text-decoration:underline;
	}
ul.become li.b1{
	background: url("http://images.cjed.com/become_li_1.jpg") no-repeat;
	}
ul.become li.b2{
	background: url("http://images.cjed.com/become_li_2.jpg") no-repeat;
	}
ul.become li.b3{
	background: url("http://images.cjed.com/become_li_3.jpg") no-repeat;
	}
ul.become li.b4{
	background: url("http://images.cjed.com/become_li_4.jpg") no-repeat;
	}
ul.become li.b5{
	background: url("http://images.cjed.com/become_li_5.jpg") no-repeat;
	}

.subnavimg{
	margin:8px 0 0 0px;
	height:154px;
	width:220px;
	display:block;
	float:left;
	}
		
/* Main Content
----------------------------------------*/
#mainContent{
	width:709px;
	padding:0 0 10px 0;
	float:left;
	}

#mainContent p{
	padding:0 18px 0 0;
	}


/* Sidebar
----------------------------------------*/
#sidebar{
	width:250px;
	margin:0;
	float:right;
	font-size:.85em;
color:#555;
	}

#sidebar ul li{
list-style-type:none;
}
#sidebar p{
margin:0 10px 15px 10px;
padding:0;
font-size:1em;
color:#444;
}
.block1{
	padding: 0 15px 40px 15px;
	background:#2D80A9 url("http://images.cjed.com/sidebar_divider1.jpg") bottom no-repeat;
	text-align:center;
	border-left:1px #B4D0DE solid;
	border-right:1px #B4D0DE solid;
	float:left;
text-align:center;
width:218px;
font-size:1.1em;
	}

#sidebar .block1 p{
color:#fff;
}

.block2{
	padding:0 10px 20px 10px;
	background: #E7F0F5;
	border-left:1px #B4D0DE solid;
	border-right:1px #B4D0DE solid;
	float:left;
	width:228px;
	}

.stateblock a{
text-decoration:none;
color:#444;
}
.stateblock a:hover{
text-decoration:underline;
color:#EB8322;
}

.articleblock ul{
margin:0;
padding:0 0 0 0px;
font-size:1.1em;
}
.articleblock ul li{
padding:0px 0 6px 20px;
background:url("http://images.cjed.com/icon_book.png")no-repeat;
}

.articleblock ul li a{
text-decoration:none;
color:#444;
font-size:1em;
}
.articleblock ul li a:hover{
color:#EB8322;
text-decoration:underline;
}
	

.degreesblock ul{
margin:0 0 0 20px;
padding:0;
font-size:1.1em;
}

.careersblock ul{
margin:0 0 0 20px;
padding:0;
font-size:1.1em;
}

/* note that this is used in two different blocks */

.statesblock ul{
margin:0 0 0 20px;
padding:0;
font-size:1.1em;
}

.lastblock{
	border-bottom:1px #B4D0DE solid;
	}
.sidebardivider2{
	width:100%;
	margin:0;
	padding:0;
	height:26px;
	background:url("http://images.cjed.com/sidebar_divider2.jpg")no-repeat;
	float:left;
	}

#sidebar h3{
text-shadow: 0.1em 0.1em #fff;
color:#2D80A9;
font-size:1.2em;
text-align:center;
margin:10px 0 10px 0;
font-weight:normal;
}



/* Footer
----------------------------------------*/
#footer{
	width:940px;
	height:61px;
	background-color:#000;
	background: transparent url("http://images.cjed.com/footer_bg.jpg") repeat-x;
	float:left;
	}

#footer p {
	font-size:.625em;
	}

#footer{
font-size:.8em;
padding:15px 0 0 20px;
}
#footer a{
color:#A9BDC8;
}


/* breadcrumbs
----------------------------------------*/
#crumbs a{
	color:#aaa;
	}
#crumbs{
	color:#aaa;
	font-size:.75em;
	margin:2px 0 0 10px;
	}


/* become page styles
----------------------------------------*/

#featuredBox{
	background: url("http://images.cjed.com/become_featuredschool_bg.png") 38px 0 no-repeat;
	width:700px;
	height:170px;
	float:left;
	margin:0 0 35px 0;
	}

.col1{
	display:block;
	width:130px;
	float:left;
	margin:35px 0 0 65px;
	}

.col2{
	display:block;
	width:296px;
	float:left;
	margin:30px 0 0 0;
	font-size:.9em;
	font-color:#aaaaaa;
	}

.col2 p{
	color:#666;
	}

.col3{
	display:block;
	margin:30px 0 0 0;
	text-align:center;
	float:left;
	width:174px;
	}

.col3 p{
	padding:0;
	margin:8px 0 20px 12px;
	color:#2D80A9;
	font-family:Georgia, Serif;
	font-style:italic;
	font-size:.8em;
	}

#subnav{
	float:left;
	width:270px;
	margin:0 0 0 50px;
	}

#subnav ul{
	margin:0 0 0 5px;
	float:left;
	}

ul.become li{
	padding:1px 0 3px 27px;
	border-bottom:1px dotted #ccc;
	font-size:.8em;
	margin:2px 0 0 0;
	}


.bodytext ul{
padding:0px 150px 10px 50px;
display:block;
}

.bodytext ul li{
color:#003355;
}

.bodytext ol{
padding:0px 150px 10px 50px;
display:block;
}

.bodytext ol li{
color:#003355;
}
/* school block styles (mostly on become pages) 
---------------------------------------*/

.SchoolUpsellBlock{
margin:15px 0 20px 50px;
background-color:#FFFFCC;
padding:10px;
width:600px;
border:1px solid #FFCC66;
}

.SchoolUpsellBlock ul{
padding:0;
}

.SchoolUpsellBlock ul li{
font-size:.85em;
margin:0 0 0 -5px;
width:370px;
}

.SchoolUpsellBlock a.schoolname{
color:#009933;
font-weight:bold;
font-size:1.2em;
}
.SchoolUpsellBlock a.schoolname:hover{
color:orange;
}
.SchoolUpsellBlock a.schoolname2{
color:#0033FF;
font-weight:200;
font-size:.9em;
text-align:center;
display:block;
padding:6px 36px 10px 0;
text-decoration:none;
background:url(http://images.teacherportal.com/btn_indschool.jpg) no-repeat 75px 0px; 
}
.SchoolUpsellBlock a.schoolname2:hover{
color:orange;
}

/* schools styles
---------------------------------------*/


.bumpdown{
margin:35px 0 0 50px;
}

/* home styles
----------------------------------------*/

.homeleft{
	display:block;
	width:350px;
	float:left;
	padding:70px 0 0 0;
	text-align:center;
	}
.homeleft p{
	text-align:left;
	color:#666;
	}

.homeright{
	display:block;
	width:330px;
	float:left;
	padding:20px 0 0 0;
	margin:0 0 10px 0;
	}

.homelinkbox{
	background: url("http://images.cjed.com/home_box_bg.png") repeat-x;
	margin:0 0 -3px 5px;
	padding:15px 0 0 0;
	width:698px;
	float:left;
	}

.homeboximage{
	float:left;
	width:130px;
	margin:0px 0 0 30px;
	background:#ccc;
    }

.firstbox{
	background: url("http://images.cjed.com/officer.png") no-repeat;
	height:230px;
	margin-top:5px
	}

.secondbox{
	background: url("http://images.cjed.com/degrees.png") no-repeat;
	height:180px;
	margin-top:30px;
	}

#jobslist1{
	display:block;
	float:left;
	width:210px;
	margin:40px 0 0 25px;
	}
	
#jobslist2{
	display:block;
	float:left;
	width:210px;
	margin:40px 0 0 0;
	}
	
#degreeslist1{
	display:block;
	float:left;
	width:210px;
	margin:25px 0 0 25px;
	}

#degreeslist2{
	display:block;
	float:left;
	width:170px;
	margin:70px 0 0 20px;
	}
	
.homelinkbox li a{
	font-size:1.1em;
	font-weight:normal;
	padding:0 0 0 23px;
	}

ul.badge li{    
	background: url("http://images.cjed.com/icon_badge.jpg") no-repeat;
	margin:5px 0 0 0;
	}

ul.degree li{    
	background: url("http://images.cjed.com/icon_degree.jpg") no-repeat;
	margin:5px 0 0 0;
	}

p.latestupdates{
	display:block;
	float:left;
	width:120px;
	height:85px;
	font-size:1.2em;
	color:#79ADC6;
	margin:0 0 0 44px;
	}

ul.latestupdates{
	margin:0;
	padding:0;
	}
	
ul.latestupdates li a{
	color:#79ADC6;
	}

.homeupdates{
	width:190px;
	height:60px;
	margin:15px 0 0 23px;
	float:left;
	background: url("http://images.cjed.com/latestupdates.png") no-repeat;
	}

.homelinkbox ul{
list-style-type:none;
}

/* CJblogs styles
----------------------------------------*/
#tracking {
	background:transparent url(http://images.teacherportal.com/blog/blog_bg_tracking3.jpg) no-repeat scroll 100% 0;
	float:left;
	height:160px;
	margin:0 35px 0 0;
	width:185px;
	}
	
#tracking p.blognumber {
	color:#AD0609;
	font-family:Ariel,Georgia,Helvetica;
	font-size:2em;
	margin:0 0 0 40px;
	padding:46px 0 0;
	text-align:center;
	}
	
#tracking p.addlink {
	line-height:1em;
	margin:0 0 0 56px;
	text-align:center;
	width:110px;
	}
	
#tracking a {
	font-size:0.9em;
	padding:2px;
	}
	
#tracking a:hover {
	background:yellow none repeat scroll 0 0;
	}


#blogsmain {
	float:left;
	width:700px;
	}
	
#blogsleft {
	float:left;
	margin-right:10px;
	padding:0 5px 0 0;
	text-align:center;
	width:400px;
	}
	
#blogsleft h2{
	margin-left:-5px;
	}
	
#blogsright {
	background:#FFF8E0;;
	border:1px solid #F1EAEC;
	color:#777777;
	float:left;
	padding:0 0 10px 20px;
	width:220px;
	}

#blogsleft ul {
	list-style-type:none;
	text-align:center;
	margin:0;
	padding:0;
	}

#blogsleft ul li{
	line-height:2.2em;
	}
	
#blogsleft ul a{
	font-size:1.2em;
	}

#blogsright ul{
margin:0;
padding:0 20px 0 50px;
font-size:1em;
}
#blogsright ul li{
line-height:1.2em;
color:#999;
}
#blogsright ul li a{
text-decoration:none;
text-align:left;}

#recentposts{
float: left;
margin: 50px 0 20px 20px;
}

.blogtable {
float: left;
border:1px solid #E5EFF8;
border-collapse:collapse;
width:680px;
margin:auto;	
}

#blog-posts-table p.sm {
display:block;
font-size:9px;
margin:0.1em 1em;
text-transform:uppercase;
width:100%;
}

#blog-table {
color:#678197;
font-size:1.2em;
line-height:120%;
margin: 1em;
}

#tablepager {
color:#678197;
margin: 0em 1em;
border: 0;
}

#tablepager td{
font-size:1.2em;
line-height:0.6em;
}

#blog-table a{
color:#678197;
}
/* Table styles (degrees and schools)
----------------------------------------*/
#school-table{
	width:575px;
	margin:0 0 0 50px;
	}
#school-table ul{
list-style-type:none;
}
table.tablesorter {
	font-size: .9em;
	font-family:arial;
	display:block;
	text-align: left;
	}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #ffffcc;
	padding: 3px;
	}

table.tablesorter thead tr .header {
	font-size:80%;
	}

table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 3px;
	background-color: #FFF;
	vertical-align: center;
	}

table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
	}
/*
table.tablesorter thead tr .headerSortUp {	
	background-image: url("http://images.teacherportal.com/asc.gif");
	}

table.tablesorter thead tr .headerSortDown {
	background-image: url("http://images.teacherportal.com/desc.gif");
	}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #8dbdd8;
	}
*/
.bl th{
	color:#999;
	text-align:center;
	}

table.tablesorter tbody td.schoolname{
	font-size:120%;
	padding-left:8px;
	}

table.tablesorter tbody td.careername{
	width:550px;
	}

table.tablesorter tbody td.threewords{
	font-size:80%;
	text-align:center;
	font-style:italic;
	color:#888;
	}

table.tablesorter tbody td.prognum{
	text-align:center;
	color:#999;
	}

table.tablesorter ul{
margin:0 0 7px 0;
}
table.tablesorter ul li{
paddin:0;
margin:0;
line-height:.8em;
}
table.tablesorter ul li a{
font-size:.75em;
text-decoration:none;
color:#93B0BD;
}
table.tablesorter ul li a:hover{
text-decoration:underline;
color:#888;
}




/* Degree styles (degrees and schools)
----------------------------------------*/

ul.degreelist{
display:block;
font-size:1.2em;
width:300px;
float:left;
background:#E7F0F5;
-moz-border-radius:15px;
padding:15px 20px 0 10px;
}

ul.degreelist li{
color:#2D80A9;
margin-left:20px;
}

.degrees-schools{
float:left;
width:400px;
margin:0 10px 0 20px;
background-color:#E7F0F5;
-moz-border-radius:15px;
}

.degrees-careers{
float:left;
width:250px;
}

.degrees-content{
float:left;
width:680px;
margin:20px 0 0 0;
}

.degrees-content ul{
padding:0 0 0 50px;
}

.degrees-schools ul.degrees-schools-left{
margin:0 0 20px 5px;
padding:0 0 0 20px;
width:190px;
display:block;
float:left;
list-style-type:none;
}

.degrees-schools ul.degrees-schools-right{
margin:0;
padding:0 0 0 10px;
width:150px;
display:block;
float:left;
list-style-type:none;
}
ul.degrees-schools-right li, ul.degrees-schools-left li{
line-height:2em;
}

.degrees-schools h3{
font-size:.9em;
margin:10px 0 10px 15px;
color:#777;
}
.degrees-careers h3{
font-size:.9em;
margin:10px 0 10px 15px;
color:#777;
}
.degrees-careers ul{
margin:0;
list-style-type:none;
}
.degrees-careers ul a{
color:#EB8322;
text-decoration:none;
}

.degrees-careers ul a:hover{
color:#EB8322;
text-decoration:underline;
}



/* Blog Styles
----------------------------------------*/

.post{
background: url("http://images.cjed.com/postgradient.jpg") repeat-x;
background-color:#FFF;
padding:1px 0px 0 20px;
border-left:8px solid #B7D2DE;
margin-bottom:50px;
float:left;
width:680px;
}

.postcontent{
width:600px;
border-bottom:1px dashed #ccc;
padding:0 0 35px 0;
}

.postcontent p{ /*resetting what's automatically done */
	padding:0;
	margin:0;
	font-size:1em;
}

.blogdate{
width:100px;
float:left;
font-size:1.4em;
color:#aaa;
padding:8px 0 0 0;
}
.blogmeta{
float:left;
padding:8px;
color:#999;
font-size:.9em;
}
.blogmeta a{
text-decoration:none;
color:#B7D2DE;
}
.blogmeta a:hover{
color:#006699;
}

.post h2 a{
font-size:115%;
}
.postdate{
height:30px;
display:block;
color:#B7D2De;
font-weight:bold;
}

.singlepost p{
font-size:.95em;
}

#usmap{
margin:0 0 0 30px;
padding:0;
width:670px;
float:left;
}

#usmap ul{
margin:0 0 40px 50px;
padding:0;
}
