/*

------------------------------------------------------
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: #7E62BD url(../images/background.gif) repeat-y center top;
	padding: 0;
	font-size: 1em;
	margin: 0;
	min-width: 700px;
	height: 1.2em;
}

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

a:visited {
	color: #666666;
}

a:hover {
	color: #2D235F;
	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: #7E62BD;
	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: #281B53;
	font-weight: normal;
}

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



/* Header */

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


#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: #E3DBE6;
	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.4em;
	font-weight: bolder;
	line-height: normal;
	color: #003366;

}

#container h2 {
	font-style: italic;
}

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

}

#container h4 {
	font-style: italic;
}

#content {
	float: right;
	width: 400px;
	background: #f7f5f3 none top left repeat;
	padding: 15px;
}
	   
#content2 {
	float: left;
	width: 665px;
	background: #f7f5f3 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: #7B5FBC 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: #333366;
	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: #7B5FBC url(../../images/bottom2.gif) repeat left top;
	clear: both;
	width: 724px;
	height: 60px;
	margin: 0 auto;
	padding: 0px;
	border: 0;
	text-align: right;
}