/* -----------------------------------
Site:       Maddy
CSS author: Ian
Created:	06 September 2011

----------------------------------- */

@media screen
{
	/* -----------------------------------
	simple reset
	----------------------------------- */
	
	html, body, ul, ol, li, form, fieldset, legend
	{
		margin: 0;
		padding: 0;
	}
	
	fieldset, img { border: 0; }
	legend { color: #000; }
	
	input, textarea, select, button
	{
		font-size: 110%;
		line-height: 1.1;
		font-family: helvetica, arial, sans-serif;
	}
	
	button
	{
		width: auto;
		overflow: visible;
	}
	
	table
	{
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	caption, th, td
	{
		text-align: left;
		vertical-align: top;
		font-weight: normal;
	}
	
	ul li { list-style: none; }
	
	abbr, acronym
	{
		border-bottom: .1em dotted;
		cursor: help;
	}
	
	sup { vertical-align: text-top; }
	sub { vertical-align: text-bottom; }
	
	pre, code
	{
		font-family: "Courier New", monospace, serif;
		font-size: 100%;
		line-height: 1.2;
	}
	
	/* -----------------------------------
	elements
	----------------------------------- */
	
	body
	{
	color: #000;
	background: #fff;
	font-family: "DejaVu Sans", "URW Gothic L", "Helvetica Neue", Helvetica, Arial, "Microsoft Sans Serif", sans-serif;
: 90%/1 "DejaVu Sans", "URW Gothic L", "Helvetica Neue", Helvetica, Arial, "Microsoft Sans Serif", sans-serif;;
	font-size: 90%;
	line-height: 1;
	}
	
	h1, h2, h3, h4, h5, h6
	{
	color: #c40000;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
	}
	
	h1 { font-size: 200%; }
	h2 { font-size: 180%; }
	h3 { font-size: 160%; }
	h4 { font-size: 140%; }
	h5 { font-size: 120%; }
	h6 { font-size: 100%; }
	
	p
	{
		margin: 0 0 1.5em;
		line-height: 1.4;
	}
	
	a:link { color: #0f3163; }
	a:visited { color: #04214b; }
	
	a:focus
	{
		color: #000;
		outline: thin dotted;
	}
	
	a:hover { color: #000; }
	a:active { color: red; }
	
	.content ol
	{
		line-height: 1.4;
		padding: 0 0 1.5em 40px;
	}
	
	.content ul
	{
		line-height: 1.4;
		padding: 0 0 1.5em 20px;
	}
	
	.content li { margin: 0 0 .3em; }
	
	.content ul li
	{
		padding: 0 0 0 20px;
		background: url(../images/bullet.gif) no-repeat 0 .3em;
	}
	
	/* -----------------------------------
	layout
	----------------------------------- */
	
	.container
	{
	width: 1000px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	padding-left: 10px;
	margin-right: auto;
	}
	
	.content_container_a
	{
	float: left;
	padding-top: 10px;
	padding-bottom: 0;
	padding-left: 0;
	}
.content_columns_a {
	width: 640px;
}

	
	.section-nav
	{
		float: left;
		width: 200px;
	}
	
	.content
	{
	float: right;
	width: 600px;
	}
.content_page {
	width: 300px;
	float: right;
	padding-right: 10px;
	padding-top: 10px;
}

	
	.sidebar
	{
	float: left;
	width: 380px;
	padding-left: 10px;
	}
    .sidebar_page {
	float: left;
	width: 300px;
	padding-left: 10px;
	font-size: 90%;
	text-align: justify;
    }
.column_a_left {
	float: left;
	width: 300px;
	padding-left: 10px;
	text-align: justify;
	font-size: 95%;
	padding-bottom: 10px;
}
.column_a_right {
	float: right;
	width: 300px;
	padding-left: 10px;
	font-size: 95%;
	text-align: justify;
	padding-bottom: 10px;
}



	
	/* -----------------------------------
	header
	----------------------------------- */
	
	.header
	{
	float: left;
	position: relative;
	color: #666;
	padding-top: 20px;
	padding-bottom: 0;
	padding-right: 0px;
	padding-left: 10px;
	}
	
	h1
	{
	margin: 0;
	padding: 0;
	}
	
	h1 img {
	display: block;
}
	
	/* -----------------------------------
	search-form
	----------------------------------- */
	
	.search-form
	{
		position: absolute;
		right: 10px;
		top: 10px;
		padding: 0 0 0 145px;
		background: url(../images/search-label.gif) no-repeat;
	}
	
	.search
	{ 
		float: left;
		width: 130px;
		height: 22px;
		margin: 0;
		padding: 2px 5px;
		border: 0;
	}
	
	.search-button
	{
		float: left;
		margin: 0;
		padding: 0;
	}
	
	/* -----------------------------------
	primary-nav
	----------------------------------- */
	
	.primary-nav li { display: inline; }
	
	.primary-nav a
	{
	float: left;
	margin: 0 2px 0 0;
	text-decoration: none;
	background-color: #fff;
	}
	
	.primary-nav span
	{
	display: block;
	padding: 7px 15px;
	}
	
	.primary-nav a:hover
	{
		color: #fff;
		background-color: red;
	}
	
	/* -----------------------------------
	section-nav
	----------------------------------- */
	
	.section-nav li { display: inline; }
	
	.section-nav a
	{
	display: block;
	margin: 2px 0 0;
	color: #fff;
	text-decoration: none;
	background-color: #141413;
	}
	
	.section-nav span
	{
	display: block;
	padding: 7px 10px;
	}
	
	.section-nav a:visited { color: #fff; }
	.section-nav a:hover { background-color: red; }
	.section-nav a:focus { outline: red thin dotted; }
	.section-nav ul ul a { background-color: #333; }
	.section-nav ul ul span { padding: 5px 5px 5px 25px; }
	.current a { background-color: #555; }
	
	/* -----------------------------------
	footer
	----------------------------------- */
	
	.footer
	{
	position: relative;
	clear: both;
	color: #fff;
	font-size: 90%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	background-color: #CCC;
	left: 10px;
	width: 920px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
	
	.footer li
	{
		display: inline;
		margin: 0 15px 0 0;
	}
	
	.footer a:link, .footer a:visited {
	color: #fff;
	text-decoration: none;
}
	
	.footer-decoration
	{
		position: absolute;
		right: 0;
		top: -21px;
		width: 82px;
		height: 61px;
		background: url(../images/footer.gif) no-repeat;
	}
	
	/* -----------------------------------
	box
	----------------------------------- */
	
	.box
	{
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	background-color: #aaa;
	}
	
	.inner
	{
	float: left;
	padding: 15px;
	}
.admin.inner {
	min-height: 540px;
}
.about.inner {
	min-height: 650px;
}
.terms.inner {
	min-height: 400px;
}

.contact.inner {
	min-height: 340px;
}



	
	.sidebar .box
	{
	width: 370px;
	padding-right: 5px;
	padding-left: 5px;
	min-height: 342px;
	background-color: #aaa;
	}
.sidebar_page .box {
	width: 330px;
	padding-right: 5px;
	padding-left: 5px;
	min-height: 530px;
	background-color: #aaa;
}

	
	.sidebar .inner
	{
	width: 330px;
	}

.sidebar_page .inner {
	width: 280px;
}

	
	.box-extend
	{
		width: 260px;
	}
	
	.box-extend .inner
	{
		width: 230px;
	}
	
	.box h2, .box h3, .box h4, .box h5, .box h6 { margin: 0 0 .3em; }
	.box h2 { font-size: 145%; }
	.box h3 { font-size: 125%; }
	.box h4 { font-size: 115%; }
	.box h5 { font-size: 105%; }
	.box h6 { font-size: 100%; }
	
	.box p
	{
		margin: 0;
		line-height: 1.3;
	}
/* -----------------------------------
	colors
	----------------------------------- */
	
	/* home */
	.home, .primary-nav .home   {
	background-color: #FDCCD0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.sidebar .home {
	background-color: #FDCCD0;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-border-top-left-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	-moz-border-top-right-radius: 0px;
	-moz-border-bottom-right-radius: 0px;
	-o-border-top-left-radius: 10px;
	-o-border-bottom-left-radius: 10px;
	-o-border-top-right-radius: 0px;
	-o-border-bottom-right-radius: 0px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
}

	.home a:link { color: #83000A; }
	.home a:visited { color: #650008; }
	.home a:focus { color: #000; }
	.home a:hover { color: #000; }
	.home a:active { color: red; }
	
	/* about */
	.about, .sidebar .about, .sidebar_page .about, .column_a_left about .column_a_right about, .primary-nav .about {
	background-color: #FEFFA7;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	.about a:link { color: #45470A; }
	.about a:visited { color: #383a05; }
	.about a:focus { color: #000; }
	.about a:hover { color: #000; }
	.about a:active { color: red; }
	
	/* news */
	.news, .sidebar .news, .primary-nav .news { background-color: #FEEBD1; 
	border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
	.news a:link { color: #61470B; }
	.news a:visited { color: #4b3604; }
	.news a:focus { color: #000; }
	.news a:hover { color: #000; }
	.news a:active { color: red; }
	
	/* admin */
	.admin, .sidebar .admin, .sidebar_page .admin, .primary-nav .admin {
	background-color: #D3E1FE;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	.admin a:link { color: #0F3163; }
	.admin a:visited { color: #04214b; }
	.admin a:focus { color: #000; }
	.admin a:hover { color: #000; }
	.admin a:active { color: red; }
	
	/* contact */
	.contact, .sidebar .contact, .primary-nav .contact { background-color: #D3EFD0; 
	border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
	.contact a:link { color: #125A09; }
	.contact a:visited { color: #093f02; }
	.contact a:focus { color: #000; }
	.contact a:hover { color: #000; }
	.contact a:active { color: red; }

	/* terms */
	.terms, .sidebar .terms, .primary-nav .terms {
	background-color: #C5C8B9;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
	.terms a:link { color: #125A09; }
	.terms a:visited { color: #093f02; }
	.terms a:focus { color: #000; }
	.terms a:hover { color: #000; }
	.terms a:active { color: red; }
	
	
	/* -----------------------------------
	classes
	----------------------------------- */
	
	.structural
	{
		position: absolute;
		left: -500em;
	}
	
	.align-left
	{
		float: left;
		margin: 0 15px 0 0;
	}
	
	.align-right
	{
		float: right;
		margin: 0 0 0 15px;
	}
	
	.align-left img, .align-right img { display: block; }
	.gutter { margin-left: 20px; }
	
	.intro p
	{
		font-weight: bold;
		line-height: 1.4;
	}

	.terms p
	{
	font-weight: normal;
	line-height: 1.4;
	font-size: 80%;
	}
	
}

@media print
{
	body
	{
		color: #000;
		background: #fff;
		font: 100%/1 Georgia, times, serif;
	}
	
	h1, h2, h3, h4, h5, h6
	{
	color: #000;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
	}
	
	h1 { font-size: 200%; }
	h2 { font-size: 180%; }
	h3 { font-size: 160%; }
	h4 { font-size: 140%; }
	h5 { font-size: 120%; }
	h6 { font-size: 100%; }
	
	p
	{
		margin: 0 0 1.5em;
		line-height: 1.4;
	}
	
	a:link { color: #000; }
	a:visited { color: #000; }
	
	/* -----------------------------------
	layout
	----------------------------------- */
	
	.section-nav { display: none; }
	.sidebar { display: none; }
	.search-form { display: none; }
	.primary-nav { display: none; }
	
	/* -----------------------------------
	footer
	----------------------------------- */
	
	.footer
	{
	clear: both;
	padding: 20px 0;
	font-size: 90%;
	}
	
	.footer li
	{
		display: inline;
		margin: 0 15px 0 0;
	}
	
	/* -----------------------------------
	box
	----------------------------------- */
	
	.box
	{
		float: left;
		width: 100%;
		margin: 0 0 15px;
		background: #eee;
	}
	
	.inner
	{
		padding: 15px;
	}
	
	
	/* -----------------------------------
	classes
	----------------------------------- */
	
	.structural
	{
		position: absolute;
		left: -500em;
	}
	
	.align-left
	{
		float: left;
		margin: 0 15px 0 0;
	}
	
	.align-right
	{
		float: right;
		margin: 0 0 0 15px;
	}
	
	.align-left img, .align-right img { display: block; }
	
	.intro p
	{
		font-weight: bold;
		line-height: 1.4;
	}

}
.unique {
	color: #00C;
}
.positive {
	color: #C09;
}
.enabling {
	color: #3C3;
}
.learn {
	color: #F93;
}
.standard {
	color: #666;
}