/* Start of CMSMS style sheet 'Main style' */
/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 

body {
	margin: 0; padding: 0; 
	font: 12px/165% "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	color: black; 	
	background-color: #744E5B;
}
a, a:visited {text-decoration: underline;  color: #c26588;}
a:hover, a:active {text-decoration: none; color: #4d1e30;}

h2, h3, h4, h5, h6 {
	text-align: center;
}
h1{
	text-align: center;
font-size: 18px;
}
div#pagewrapper {
	width: 950px;
	margin: 0px auto;
	background-color: white;
}	

#header {
	height: 200px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
}

#header h1#logo-text {
	font: normal 62px Arial, Verdana;
	font-weight: bolder;
	color: #4D1E30;
	letter-spacing: -1.5px;
	padding: 16px 0 0 100px;
}

#header ul {
	margin: 20px 0 0 30px;
	font-weight: bolder;
	padding: 0;
	font-size: 17px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	/* font-style: italic;*/
}

#header li {
	float: left;
	list-style-type: none;
	background-image: url(images/green_ball.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px;
	margin-right: 10px;
}

div#header h1#logo-text a:hover {
	background: none;	border: none;
}

#header p#intro {
	clear: both;
	text-align: right;
	font-weight: bolder;
	font-size: 12px;
	line-height: 1.6em;
	text-transform: none;
	position: relative;
	top: 30px; 
	left: -10px; 
	color: black /* #744E5B */;
}

div#footer {
	clear: both;
	padding: 1em;
	border-top: solid 1px #744e5b;
	height: 50px;
}

table#banners {
	margin: 1em 0em;

}

#banners td {
	width: 25%;
}

#banners img {
	border:none;
}

#banners td div {
	text-align: center;
}

#content 	{
	padding: 10px;
}

p {
	text-align: justify;
}

.marked {
	font-weight: bolder;
	color: red;
}

dl.lvl dt {
	font-weight: bolder;
}

td.number {
	text-align: center;
}

.roundBox {
	background:transparent url(/images/roundBox.gif) no-repeat top left;
	width:100%;
	padding:10px;
	margin-bottom:10px;
}


.roundBox h1, h2, h3, h4, h5{
	text-align: left;
	font-size: 18px;
	margin: 0px;
	padding: 0px;
}

.roundBox a {
	text-decoration:none;
	color: #006699;
}

.roundBox img {
	float: left;
	margin-right: 10px;
	border: none;
}

.roundBox .boxBottom {
	background:white url(/images/roundBox.gif) no-repeat bottom left;
	width:100%;
	font-size:1px;
	line-height:1px;
	height:14px;
	margin:0 -10px -10px -10px;
	clear: both;
}

.roundBox p{
  margin-left: 2em;
  margin-right: 2em;
}

.roundBox200 {
	background:transparent url(/images/roundBox200px.gif) no-repeat top center;
	width:100%;
	padding:5px;
	margin-bottom:5px;
}

.roundBox200 .boxBottom200 {
	background:white url(/images/roundBox200px.gif) no-repeat bottom center;
	width:100%;
	font-size:1px;
	line-height:1px;
	height:14px;
	margin:0 0px -5px 0px;
}

.roundBox200 a {
	text-decoration:none;
	color: #006699;
}

.roundBox200 img {
	border: none;
	clear: both;
}

/* Image Gallery - Small Thumbnail Images */
	.thumb {
		margin: 1em 1em 1.6em 0; /* Space between images */
		padding: 0;
		float: left;
		text-decoration: none;
		line-height: normal;
		text-align: left;
	}

	.thumb img, .thumb a img, .thumb a:link img{ /* Set link formatting*/
		width: auto; /* Image width*/
		height: auto; /* Image height*/
		display: inline;
		padding: 12px; /* Image padding to form photo frame */
		/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/
		margin: 0;
		background-color: white; /*Background of photo */ 
		border-top: 1px solid #eee; /* Borders of photo frame */
		border-right: 2px solid #ccc;
		border-bottom: 2px solid #ccc;
		border-left: 1px solid #eee;
		text-decoration: none;
	}

	.thumb a:visited img {
		background-color: #eee; /*Background of photo on hover - sort of a light grey */
	}

	.thumb a:hover img {
		background-color: #dae6e4; /*Background of photo on hover - sort of light blue/green */
	}

	.thumbPicCaption {
		text-align: center;
		font-size: smaller;
		margin: 0 1px 0 0;
		padding: 0;
		width: 124px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		/* display: none;  if you do not want to display this text */
	}

	/* Image Gallery - Big Images */
	.bigPic {
		margin: 10px 0 5px 0;
		padding: 0;
		line-height: normal;
	}

	.bigPicCaption { /*Big Image Name - above image above .bigpicImageFileName (Without extension) */
		text-align: center;
		font-weight: bold;
		font-variant: small-caps;
		font-weight: bold;
		margin: 0 1px 0 0;
		padding: 0;
		width: 386px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		/* display: none;  if you do not want to display this text */
	}

	.bigPic img{ /* Big Image settings */
		width: auto; /* Width of Big Image */
			height: auto;
		display: inline;
		padding: 18px; /* Image padding to form photo frame. */
		/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/
		margin: 0;
		background-color: white; /* Background of photo */ 
		border-top: 1px solid #eee; /* Borders of photo frame */
		border-right: 2px solid #ccc; 
		border-bottom: 2px solid #ccc;
		border-left: 1px solid #eee;
		text-decoration: none; 
		text-align: left;
	}

	.bigPicNav { /* Big Image information: 'Image 1 of 4' and gallery navigation */
		margin: 0;
		width: 386px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		padding: 0;
		color: #000;
		font-size: smaller;
		line-height: normal;
		text-align: center;
		/* display: none;  if you do not want to display this text. Why? You Lose Navigation! */
	}
div#pagewrapper{margin:-42px auto;}
div#pagewrapper{#margin:0 auto;}
/* End of 'Main style' */