/***************************************************************************************
 * main.css
 * Main style file
 ***************************************************************************************/

BODY {
	margin: 1em 8% 2em 8%; 
	background-image: url(graphics/background.gif);
	font-family: sans-serif; 
}

a:link {color:#90600b; text-decoration: none; }
a:active {color: #90600b; text-decoration: none; }
a:visited {color: #a0802b; text-decoration: none; }
a:hover {color: #000099; text-decoration: underline; }

H1 {
	font-size: 24pt; 
	color: #000066; 
	text-align: center
}

H2 {
	color: #000066; 
}

H3 {
	color: #000066; 
}

.gray-border {
	padding: 0.5em;
	border: 1px solid #bbbbbb;
}

table {
	line-height: normal;
}

img { 
	border-style:none;
}

.breaker {
	clear: both;
}

.centerbox {
	text-align:center;
}

/***************************************************************************************
 * FOOTERS & HORIZONTAL RULES
 ***************************************************************************************/

div.hr {
	height: 4px;
	background: transparent url(graphics/hr_blue.gif) no-repeat scroll center;
	padding: 2em 0em 2em 0em;
}

div.hr hr {
	display: none;
}

div.footer {
	height: 45px;
	background: transparent url(graphics/footer.png) no-repeat scroll center;
	padding: 2em 0em 2em 0em;	
}

div.footer hr {
	display: none;
}

/***************************************************************************************
 * PLACING OF A TABLE WITH A SINGLE COLUMN
 ***************************************************************************************/
 
.table1column {
	width: 60%;
	margin-left: 15%;		
}

.table1column td {
	padding: 1em;
}

.table1column p {
	padding-top: 0px;
}

/***************************************************************************************
 * cwindex
 ***************************************************************************************/
 
.cwindex {
	width: 45%;
	float: left;
	margin-bottom: 1em;
} 

.cwindex-image {
	float: left;
	padding-right: 1em;
}

.cwindex-text {	
	padding-right: 1em;		
}

.cwindex p {
	margin: 0;
	padding:0;
	font-size:smaller;
}

/***************************************************************************************
 * LAST UPDATE
 ***************************************************************************************/
 
.lastupdate {
	text-align: center;
	margin-bottom: 2em;
}

.lastupdate li {
	list-style-type:none;
}

/***************************************************************************************
 * AN IMAGE AND A CAPTION BENATH IT
 ***************************************************************************************/
 
.imagencaption {
	text-align: center;
	padding-right: 2em;
	width: 50%;
	float: left;
}

.imagencaption p {
	font-style:italic;	
}


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

.footer {
	text-align: center;
}	

.footer li {
	list-style-type:none;
}

/***************************************************************************************
 * THE STRUCTURE BOX 
 ***************************************************************************************/
 
.struct-box-img {
	float: left;
	margin-left: 10%;
	padding-bottom: 1em;
}

.struct-box-desc {
	margin-left: 25%;
}	


.struct-box-desc li {
	list-style-type: none;
}	

/***************************************************************************************
 * THE LINK BOX
 * ACTUALLY: THE NAVIGATION MENU AT THE TOP!!!!
 ***************************************************************************************/

.link-box {
	border: 1px solid #bbbbbb;
	margin-top: 1em;
	padding: 3px;
}

.link-box ul, .link-box li {
	display: inline;
	margin: 0;
	padding-left: 2ex;
	padding-right: 2ex;
	border-left: 1px solid #bbbbbb;
	color: #339;
	font-weight: bold;
}

.link-box ul, .link-box li.first {
	border-left: none;
}

.link-box p {
	display: inline;	
}

.link-box a:link {color: #bbbbbb; text-decoration: none; }
.link-box a:active {color: #bbbbbb; text-decoration: none; }
.link-box a:visited {color: #bbbbbb; text-decoration: none; }
.link-box a:hover {color: #000099; text-decoration: underline; }

/***************************************************************************************
 * the side box for special links
 ***************************************************************************************/

.side-box {
	position:absolute; 
	border: 1px solid #bbbbbb;	
	padding-right: 1ex;
	text-align: left;
	font-size: smaller;
	width: auto; 
	height: auto; 
	left: 8%; 
	top: 10ex;
}

.side-box ul {
	list-style-type: none;
	margin: 0;
	padding: 1ex;
	color: #bbbbbb;
}