@charset "utf-8";
/* CSS Document */

body {
	text-align:center;color:
	rgb(100,100,100);
	background:rgb(224,213,202) url(../images/body_bkgd.gif) center top repeat-y;
}

.clearboth {clear:both;}

#outercontainer { 
	margin-left:auto; 
	margin-right:auto; 
	text-align: left; 
	width:700px;
}

h1#mainheader {
	background-image:url(../images/header.jpg); 
	background-position:center; 
	background-repeat:no-repeat; 
	height:110px;
	margin-top:10px;
}

h1#mainheader span {display:none;}

#breadcrumbs {
	text-align:right;
	font-size:80%;
	font-weight:bold;
	color:rgb(100,100,100);
	margin-right:10px; 
}

#breadcrumbs a {
	color:#006600;
}

#innercontainer {margin-top:25px;}

#mainlinks {
	width:180px;
	float:left;
	margin-left:15px;
	margin-top:20px;
	background-color:rgb(215,225,215);
	font-size:90%;
	color:rgb(75,75,75);
}

#mainlinksheader {
	height:18px;
	background:top no-repeat url(../images/sidelinks_top.gif);
}

#mainlinksfooter {
	height:18px;
	background:bottom no-repeat url(../images/sidelinks_bottom.gif);
}

#mainlinks a {
	color:rgb(75,75,75);
	text-decoration:none;
}

#mainlinks a:hover {
	text-decoration:underline;
	color:rgb(100,100,100);
}

#mainlinks li {
	padding-bottom:.5em;
	margin-left:10px;
}

#mainlinks h3 {
	margin-top:1em;
	font-weight:bold;
	margin-left:10px;
}

#nlemailbox {
	border:1px solid rgb(75,75,75);
	width:100px;
}

#contentcontainer {
	width:445px;
	float:right;
	margin-right:10px;
}

#contentcontainer p {
	line-height:1.4em;
	margin-bottom:1em;
}

h2.pageheader {
	text-align:center;
	font-size:240%;
	margin-bottom:10px;
	letter-spacing:.2em;
}

h3.subheading {
	font-size:150%;
	letter-spacing:.2em;
	margin-top:5px;
}

h4.smallerheading {
	font-weight:bold;
	font-size:110%;
}

.gadblock {
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}

#footer {
	margin-top:80px;
	font-size:70%;
	text-align:center;
	margin-bottom:20px;
}

#footer p {
	line-height:1.6em;
}

#footer a {
	color:rgb(75,75,75);
	border-bottom:1px dashed rgb(75,75,75);
	text-decoration:none;
}

#footer a:hover {
	color:rgb(100,100,100);
	border-bottom:1px dashed rgb(100,100,100);
}

img#index-mainimage {float:right;}

#faqdiv p {
	margin-bottom:1em;
}

.faq-question {
	font-weight:bold;
}

#spanishprogramtable {
	border:1px solid rgb(125,125,125);
	font-size:80%;
}

#spanishprogramtable td {
	border:1px solid rgb(125,125,125);
}

ol#courseslist {
	margin-left:20px;
}

ol#courseslist li {
	margin-bottom:1em;
}

ul.diamondlist {
	list-style:square;
	margin-top:-1em;
	margin-bottom:1em;
	margin-left:30px;
}

table.programtables {
	border:1px solid black;
}

table.programtables td {
	border:1px solid black;
	vertical-align:top;
}

table.programtables td.colone {
	width:200px;
}

table.programtables td.coltwo {
	width:150px;
}

table.programtables td.colthree {
	width:100px;
}

form#contactform {
	width:420px;
	padding:10px;
	background-color:rgb(235,235,235);
	border:1px dashed rgb(75,75,75);
}

.formrow {
	margin-top:1em;
	clear:both;
}

.formleftcol {
	float:left;
	width:100px;
	text-align:right;
	font-weight:bold;
}

.formrightcol {
	float:right;
	width:300px;
	text-align:left;
}

.contactinput {
	width:250px;
	font-size:90%;
	border:1px solid rgb(75,75,75);
	padding:2px;
	color:rgb(75,75,75);
}

#contactmessage {
	width:250px;
	height:250px;
	border:1px solid rgb(75,75,75);
	padding:2px;
	color:rgb(75,75,75);
}

#contactsubmit {
	margin:1em;
}

.error {
	color:red;
}

h3.errorconf, h3.goodconf {
	margin:20px;
	padding:1em;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
}

h3.errorconf {
	border:1px solid red;
	color:red;
	background-color:rgb(245,235,235);
}

h3.goodconf {
	border:1px solid green;
	color:green;
	background-color:rgb(235,245,235);
}

.pay-form {

}

.pay-form fieldset {
	border:1px solid gray;
	padding:5px;
	margin-bottom:15px;
}

.pay-form legend {
	font-size:125%;
}

.pay-form .leftcol {
	float:left;
	text-align:right;
	width:130px;
	font-weight:bold;
}

.pay-form .rightcol {
	float:right;
	text-align:left;
	width:290px;
}

.blockrow {
    width:94%;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;
}


.blockheader {
    font-weight:bold;
}

.pay-input {
	width:270px;
}

.pay-textarea {
    width:99%;
    border:1px solid rgb(50,50,50);
    height:6em;
}

.biggerarea {
    height:15em;
}