/*
	Default style sheet for Fostering Court Improvement
	Copyright 1999-2007, RAE, Inc.
	File: styles/default.css
	Author: John A. Lock, RAE, Inc. <http://www.relevantarts.com/>
	Date: 2007-11-11
	Version: 1.0
*/

/* Font definitions
*******************************************************************/	
BODY {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	line-height: 130%;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #444444;
	background-color: #999999;
}

INPUT, TEXTAREA {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
}

H1 {font-size: 22px;}
H2 {font-size: 18px;}
H3 {font-size: 16px;}
H4 {font-size: 12px;}

H1, H2, H3, H4 {
	margin-top: 0px;
	margin-bottom: 0px;
}

FORM {margin: 0px 0px 0px 0px;}

P, UL, OL, DL {
	margin-top: 10px;
	margin-bottom: 10px;
}

OL, UL, DD {
	margin-left: 15px;
	padding-left: 15px;
}
.form_button {
	color: #FFFFFF;
	background-color: #006699;
	font-weight: bold;
}

.home {
	line-height: 150%;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #222222;
}
.temptext{
	line-height: 150%;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #ffffff;
}

IMG {border: 0px;}

.smallest	{font-size: 9px;}
.smaller	{font-size: 10px;}
.small		{font-size: 11px;}
.normal   {font-size: 12px;}
.big			{font-size: 16px;}
.bigger		{font-size: 20px;}
.biggest	{font-size: 24px;}

/* Text tweaks
*******************************************************************/
.underline	{text-decoration: underline;}
.credit			{
	font-family: serif;
	font-style: italic;
	font-weight: bold;
}
.moreleading {line-height: 150%;}
.redtext {color: #CC0000;}
.form_button {
	background-color: #993333;
	color: $FFFFFF;
	font-weight: bold;
}
.boldwhite {
	color: #FFFFFF;
	font-weight: bold;
}
.navsep {
	padding: 0px 5px 0px 8px;
}

/* Link appearance
*******************************************************************/

a:link		{color: #990000; text-decoration: underline;}
a:visited	{color: #993333; text-decoration: underline;}
a:active	{color: #FF0000; text-decoration: underline;}
a:hover		{color: #FF0000; text-decoration: underline;}

/* Page layout specs
*******************************************************************/
.home_body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #444444;
	background-color: #33A1C0;
}
.top_nav {
	background-color: #000000;
	padding-right: 20px;
	line-height: 24px;
	text-align: right;
}
div.top_nav a:link {
	color: #FFFFFF;
	text-decoration: none;
}
div.top_nav a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
div.top_nav a:hover {
	color: #FF0000;
	text-decoration: underline;
}
.about_header {
	width: 100%;
	background-image: url(../img/about_chip.gif);
	background-repeat: repeat-x;
	padding-top: -20px;
	margin-top: -20px;
}
.started_header {
	width: 100%;
	background-image: url(../img/started_chip.gif);
	background-repeat: repeat-x;
}
.partners_header {
	width: 100%;
	background-image: url(../img/partners_chip.gif);
	background-repeat: repeat-x;
}
.tools_header {
	width: 100%;
	background-image: url(../img/tools_chip.gif);
	background-repeat: repeat-x;
}
.websites_header {
	width: 100%;
	background-image: url(../img/websites_chip.gif);
	background-repeat: repeat-x;
}
.resources_header {
	width: 100%;
	background-image: url(../img/resources_chip.gif);
	background-repeat: repeat-x;
}
.tagline {
	padding: 23px 0px 25px 0px;
}
.nav_column {
	padding-top: 0px;
}
div.nav_column a:link {
	color: #990000;
	text-decoration: none;
}
div.nav_column a:visited {
	color: #990000;
	text-decoration: none;
}
div.nav_column a:hover {
	color: #FF0000;
	text-decoration: underline;
}
.nav_table {
	width: 175px;
}
.nav_item {
	background-color: #FFFFFF;
	text-align: right;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.color_box {
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.home_content_area1 {
	background-color: #FFFFFF;
	background-image: url(../img/h_upperleft_corner.gif);
	background-repeat: no-repeat;
	margin-right: 15px;
}
.home_content_area2 {
	background-image: url(../img/h_upperright_corner.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding: 0px 15px 0px 15px;
}
.home_content_bottom1 {
	background-color: #FFFFFF;
	background-image: url(../img/h_lowerleft_corner.gif);
	background-repeat: no-repeat;
	margin-right: 15px;
}
.home_content_bottom2 {
	line-height: 100%;
	font-size: 10px;
	background-image: url(../img/h_lowerright_corner.gif);
	background-position: right;
	background-repeat: no-repeat;
}
.content_area1 {
	background-color: #FFFFFF;
	background-image: url(../img/upperleft_corner.gif);
	background-repeat: no-repeat;
	margin-right: 15px;
}
.content_area2 {
	background-image: url(../img/upperright_corner.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding: 0px 15px 0px 15px;
}
.left_column1 {
	background-color: #FFFFFF;
	background-image: url(../img/upperleft_corner.gif);
	background-repeat: no-repeat;
	margin-right: 15px;
}
.left_column2 {
	background-image: url(../img/upperright_corner.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding: 15px 15px 0px 15px;
}
.bottom_nav {
	font-size: 11px;
}
.content_bottom1 {
	background-color: #FFFFFF;
	background-image: url(../img/lowerleft_corner.gif);
	background-repeat: no-repeat;
	margin-right: 15px;
}
.content_bottom2 {
	line-height: 100%;
	font-size: 10px;
	background-image: url(../img/lowerright_corner.gif);
	background-position: right;
	background-repeat: no-repeat;
}
.sidebar_header {
	width: 277px;
	height: 35px;
	text-align: center;
	color: #FFFFFF;
	background-image: url(../img/about_sidebar.gif);
}
.sidebar {
	float: right;
	margin: 0px 10px 0px 15px;
}
.sidebar_body {
	text-align: left;
	width: 236px;
	background-color: #FFFFFF;
	padding: 10px 10px 10px 10px;
}
.about_head {
	font-size: 22px;
	padding: 0px 0px 5px 0px;
	background-image: url(../img/about_underline.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-bottom: 20px;
}
.about_subhead {
	line-height: 130%;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #008AB0;
	padding: 3px 8px 3px 8px;	
}
.about_subhead2 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #008AB0;
	padding: 2px 5px 2px 5px;	
}
.partners_head {
 font-size: 22px;
 padding: 0px 0px 5px 0px;
 background-image: url(../img/partners_underline.gif);
 background-repeat: no-repeat;
 background-position: bottom left;
 margin-bottom: 20px;
}
.partners_subhead {
	line-height: 130%;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #AEB600;
	padding: 3px 8px 3px 8px;
}
.partners_subhead2 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #AEB600;
	padding: 2px 5px 2px 5px;
}
.started_head {
 font-size: 22px;
 padding: 0px 0px 5px 0px;
 background-image: url(../img/started_underline.gif);
 background-repeat: no-repeat;
 background-position: bottom left;
 margin-bottom: 20px;
}
.started_subhead {
	line-height: 130%;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #49176D;
	padding: 3px 8px 3px 8px;	
}
.started_subhead2 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #49176D;
	padding: 2px 5px 2px 5px;	
}
.tools_head {
 font-size: 22px;
 padding: 0px 0px 5px 0px;
 background-image: url(../img/tools_underline.gif);
 background-repeat: no-repeat;
 background-position: bottom left;
 margin-bottom: 20px;
}
.tools_subhead {
	line-height: 130%;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #AD090A;
	padding: 3px 8px 3px 8px;	
}
.tools_subhead2 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #AD090A;
	padding: 2px 5px 2px 5px;	
}
.websites_head {
 font-size: 22px;
 padding: 0px 0px 5px 0px;
 background-image: url(../img/websites_underline.gif);
 background-repeat: no-repeat;
 background-position: bottom left;
 margin-bottom: 20px;
}
.websites_subhead {
	line-height: 130%;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #E37E00;
	padding: 3px 8px 3px 8px;	
}
.websites_subhead2 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #E37E00;
	padding: 2px 5px 2px 5px;	
}
.resources_head {
 font-size: 22px;
 padding: 0px 0px 5px 0px;
 background-image: url(../img/resources_underline.gif);
 background-repeat: no-repeat;
 background-position: bottom left;
 margin-bottom: 20px;
}
.resources_subhead {
	line-height: 130%;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FFC24A;
	padding: 3px 8px 3px 8px;	
}
.resources_subhead2 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FFC24A;
	padding: 2px 5px 2px 5px;	
}