/* CSS Document */
body {
	margin:0;
	padding:0;
	font-family:Arial, Tahoma, sans-serif;
	font-size:70%;
	background-color:#BFBFBF;
	/*background-color:#999999;*/
	text-align:center;
}

select, textarea, input {
	font-family:Arial, Tahoma, sans-serif;
	font-size:1em;
}

form {
	padding:0;
	margin:0;
}

a img {
	border:none;
}

p {
	margin-top:0;
}

/************ CONTAINER ************/

#container {
	background-color:#FFFFFF;
	text-align:left;
	margin:0 auto;
	width:775px;
	/*border:1px solid #000000;*/
	background-image:url(../images/leaf.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}

/************ HEADER ************/

#header {
	position:relative;
	background-image:url(../images/banner.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#header img {
	padding:40px 0 10px 35px;
}


/************ SEARCH ************/

#search {
	width:250px;
	text-align:right;
	position:absolute;
	top:10px;
	right:0;
	padding:0.5em;
}

#search fieldset {
	border:none;
	padding:0;
}

#search legend {
	display:none;
}

#search label {
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:1em;
	font-weight:bold;
	text-align:right;
	padding-right:5px;
}

#search label span {
	/*text-align:center;
	float:right;
	width:53px;
	margin-top:2px;*/
}

#search_keywords {
	border:1px solid #999999;
	border-right:none;
	width:150px;
	padding-left:2px;
	padding-right:2px;
	height:1.4em;
}

#search_submit {
	border:1px solid #999999;
	border-left:none;
	width:20px;
	cursor:pointer;
	background-color:#FFFFFF;
	background-image:url(../images/search_arrow.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:1.76em;
	vertical-align:middle;
}

/* IE7 hack */
*:first-child+html #search_keywords {
	position:relative;
	top:-1px;
}

*:first-child+html #search_submit {
	position:relative;
	top:-4px;
	left:-2px;
}

/************ MAIN ************/

#main {
	/*position:relative;*/
}

/************ CONTENT ************/

#content {
	float:left;
	width:490px;
	padding:30px 20px 30px 35px;
	color:#666666;
	font-size:1.05em;
}

#content a {
	color:#660066;
	text-decoration:none;
}

#content a:hover {
	color:#b27fb2;
}

#content p, #content li {
	line-height:1.6em;
}

#content h1 {
	color:#999999;
	font-family:"Times New Roman", Times, serif;
	font-size:2.5em;
	font-style:italic;
	margin-top:0;
	padding-top:0;
	clear:both;
}

#content h2 {
	clear:both;
	font-size:1.5em;
}

#content h3 {
	font-size:1.15em;
	margin-bottom:0.2em;
	color:#660066;
}

#content h4 {
	font-size:1.1em;
	margin:0 0 0.3em 0;
	color:#000000;
}

#content .column1 {
	width:245px;
	margin-right:15px;
	float:left;
}

#content .column2 {
	width:245px;
	float:left;
}

#content .search_result {
	border:1px solid #E0E0E0;
	background-color:#EFEFEF;
	padding:1em;
	margin-bottom:1em;
}

#content .search_result h3 {
	margin-top:0;
}

#content .search_result .sub {
	font-size:0.8em;
	color:#999999;
	margin-bottom:0;
}

#content .search_result .hl {
	color:#FF9900;
}

#content ul {
	/*list-style-image:url(../images/bullet.gif);*/
}

/************ BREADCRUMB ************/

#breadcrumb {
	font-size:0.8em;
}


/************ ARTICLE_LIST (list of articles) ************/

#article_list {
	font-size:1.2em;
	padding:0;
	margin:0;
	list-style:none;
	font-weight:bold;
	/*border-bottom:1px solid #8c408c;*/
}

#article_list:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

#article_list .image_box {
	width:30px;
	height:30px;
	/*border:1px solid #8c408c;
	background-color:#b27fb2;*/
	background-image:url(../images/stem.gif);
	float:left;
	margin-bottom:0.2em;
	text-align:center;
}

#article_list li {
	clear:left;
	padding:0.2em 0 0 0.2em;
	/*border-top:1px solid #8c408c;*/
}

#article_list li a {
	/*display:block;*/
	padding:0.4em 0 0.4em 10px;
	text-decoration:none;
}

#article_list li:hover {
	/*background-color:#d9bfd9;*/
}

#article_list li:hover .image_box {
	/*border:1px solid #FFFFFF;*/
}


/************ PAGES ************/

#pages {
	padding-bottom:2em;
}

#pages div {
	display:none;
}

#pages div div {
	display:block;
}

#pages table td {
	padding:0.3em;
	font-size:0.9em;
}

#pages table .header td {
	font-weight:bold;
	border-bottom:1px solid #666666;
}

#pages img {
	float:left;
	margin-right:20px;
	margin-bottom:2em;
}

#pages .table_surround {
	float:left;
	background-color:#E0E0E0;
	margin-bottom:2em;
}

#pages .table_surround .br {
	padding:5px 10px;
}

/* IE7 hack */
*:first-child+html #pages .table_surround table {
	width:485px;
}


/************ SIDE ************/

#side {
	width:220px;
	padding:0;
	float:right;
	color:#999999;
}

#side ul {
	padding:20px;
	margin:0;
	list-style:none;
}

#side h3 {
	font-size:1.2em;
	color:#660066;
	margin:0 0 0.2em 0;
	padding:0;
}
	

#side li {
	padding-bottom:2em;
}

#side a {
	color:#660066;
	text-decoration:none;
}

#side a:hover {
	color:#b27fb2;
}

#side p, #side li {
	line-height:1.6em;
}

#trailimageid {
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	width: 520px;
	height: 1px;
	z-index: 1000;
}

/************ FOOTER ************/

#footer {
	clear:both;
	color:#999999;
	font-size:1em;
	margin:0;
	background-image:url(../images/fade_back.jpg);
	background-repeat:repeat-y;
	background-position:right;
	background-color:#999999;
	font-weight:bold;
}

#footer a {
	color:#FFFFFF;
	text-decoration:none;
}

#footer a:hover {
	color:#660066;
}

#footer p {
	margin-bottom:0;
	padding:0.5em 20px 0.5em 35px;
}

/************ ADDITIONAL ************/

.hidden {
	display:none;
}

.clear {
	font-size:1px;
	height:1px;
	clear:both;
	margin:0;
	padding:0;
}

.right {
	float:right;
}

.right_align {
	text-align:right;
}

.highlight {
	background-color:#FFC6C6;
	color:#FF0000;
	padding:0.2em 0.4em;
}

/******* ROUNDED CORNERS *******/

.tr {
	background-color:transparent;
	background-image:url(../images/tr.gif);
	background-position:top right;
	background-repeat:no-repeat;
	height:100%;
}

.bl {
	background-color:transparent;
	background-image:url(../images/bl.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	height:100%;
}

.tl {
	background-color:transparent;
	background-image:url(../images/tl.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:100%;
}

.br {
	background-color:transparent;
	background-image:url(../images/br.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	height:100%;
}
