/*

------------------------------------------------------
Copyright Jan Schreiber, http://www.jschreiber.com
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

/* Site-wide styles */

body {
	background: #459C51 url(../images/background.gif) repeat-y center top;
	padding: 0;
	font-size: 1em;
	margin: 0;
	min-width: 700px;
	height: 1.2em;
	font-style: normal;
}

a {
	color: #003300;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #666666;
}

a:hover {
	color: #003300;
	font-weight: bold;
	text-decoration: underline;
}

p, th, td, li, dd, dl, dt {
	font-family:  Arial, Helvetica, sans-serif;
}

#header {
	font-size: 18pt;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #F7F5F3;
	background-color: #006600;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 7px;
	margin: 0px 0px 10px;
	background-repeat: no-repeat;
	background-image: url(../images/title_head.jpg);
}

h1,h2,h3,h4,h5,h6 {
	color: #030;
	font-weight: normal;
}

p {
	border: 0;
	margin: 0;
	padding: 0;
}



/* Header */

#banner {
	background: url(../images/header.gif) transparent;
	width: 724px;
	height: 40px;
	color: #003300;
	margin: 0 auto;
	padding: 0px;
}
h3 {
	font-size: 2.5em;
	font-weight: bolder;
	color: #006600;
}


#banner p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	padding-left: 50px;
}

/* Navigation and content */

#content p, #content ol, #content ul {
	margin-bottom: 1em;
	font-size: 1em;
	line-height: 1.4em;}

#nav-toplevel {
	background: url(../images/header.gif) transparent;
	width: 700px;
	margin: 0 auto;
	padding: 0;
	border-top: none #fff;
	border-right: none #fff;
	border-bottom: none #fff;
	border-left: none #fff;
}

#nav-meta {
	background: #999 url(../images/title_bg.jpg);
	text-align: right;
	height: 90px;
	padding: 5px 15px 0px 0px;
	margin-right: 0px;
	margin-left: 0px;
}

#nav-meta a {
	color: #003300;
	text-decoration: none;
}

#nav-meta a:hover {
	text-decoration: underline;
}

#nav-meta ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#nav-meta li {
}

#nav-main {
	background: url(../images/subtitle_bg.jpg) #ccc;
	text-transform: capitalize;
	margin: 0;
	padding: 0;
	height: 20px;
	width: 700px;
}

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

#nav-main ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	display: block;
	float: left;
	height: 20px;
	width: 140px;
	padding: 0;
	margin: 0;
	border: 0;
}

#nav-main ul li a {
	display: block;
	text-align: center;
	text-decoration: none;
	text-align: center;
	color: #1B1440;
	height: 20px;
	padding: 0;
	margin: 0;
	font-weight: normal;
	border: thin solid #392B80;
}

#nav-main li a.current {
	text-decoration: underline;
}

#nav-main li a:hover {
	background: #1D1932;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

#nav-toplevel ul {
	margin-top: 0px;
	margin-bottom: 0px;
}

#container {
	margin: 0 auto;
	padding: 0;
	border: 0;
	width: 700px;
}

#container h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	padding-top: 0.1em;
	font-weight: normal;
}


#container h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bolder;
	line-height: normal;
	color: #030;
}

#container h2 {
	font-style: italic;
}

#container h3 {
	color: #6C56A8;
	font-size: large;

}

#container h4 {
	font-style: italic;
}

#content {
	float: right;
	width: 400px;
	background: #ffff99 none top left repeat;
	padding: 15px;
}
	   
#content2 {
	float: left;
	width: 670px;
	background: #f8ffc6 none top left repeat;
	padding: 15px;
	clear: none;
}
#content p, th, td, li, dd, dl, dt {
	font-family: Arial, Helvetica, sans-serif;
}




/* Footer */

#info-site {
	background: #459C51 url(../images/bottom.gif) no-repeat left top;
	clear: both;
	width: 724px;
	height: 30px;
	margin: 0 auto;
	padding: 0px;
	border: 0;
	text-align: right;
}

#info-site p {
	padding-right: 5px;
}

#info-site a {
	color: #003300;
	text-decoration: none;
}
.card-left, .card-right {
	float: left;
	width: 220px;
	padding: 15px;
	text-align: center;
	background: white;
	border-right: 2px ridge #ccc;
	border-bottom: 2px ridge #ccc;
	font-size: 75%;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-left-color: #ccc;
	margin-right: 0px;
	margin-left: 0px;

}

.card-right {
	float: right;
	margin: 0 0 15px 15px;

}

#info-site a:hover {

	color: #000033;
}
#bottom {
	background: #459C51 url(../images/bottom.gif) repeat left top;
	clear: both;
	width: 724px;
	height: 90px;
	margin: 0 auto;
	padding: 0px;
	border: 0;
	text-align: right;
}