/* CSS layout */
body {
	margin: 0;
	padding: 0;
	background-color: #666666;
}

h1 {
	font-size: 24px;
	color: #666666;
	font-family: "Times New Roman", Times, serif;
	margin: 8px 0 6px 0;
	padding: 0;
}

h2 {
	font-size: 14px;
	color: #333333;
	font-family: Verdana;
	margin: 8px 0 3px 0;
	padding: 0;
}

#container {
	width: 750px;
	margin: 10px auto;
	border: 1px solid silver;
}

#header{
	background-color: #BDD7BB;
}

	#header #logoimg {
		height: 110px;
		float: left;
		margin: 15px 0 0 15px;
	}
	
	#header #logo {
		width: 260px;
		float: left;
		margin-top: 15px;
		height: 100px;
	}
	
		#header #logo p {
			font-family: "Times New Roman", Times, serif;
			font-size: 30px;
			color: white;
			text-transform: uppercase;
			text-align: center;
			padding: 0;
			margin: 0;
		}
		
			#header #logo p span {
				letter-spacing: 3px;
				margin-left: 2px;
			}
										
	#header #address {
		float: right;
		margin: 15px 15px 0 0;
		width: 340px;
	}
	
		#header #address p {
			font-family: "Times New Roman", Times, serif;
			font-size: 16px;
			color: gray;
			text-align: right;
			text-transform: uppercase;
			margin: 0 0 5px 0;
			line-height: 20px;
			color: #666666;
		}
		
			#header #address p span {
				font-size: 14px;
				text-transform: none;
			}
				
				#header #address p span a {
					color: #666666;
				}
		
			
		#header #menubar {
			margin-top: 10px;
		}
		
			#header #menubar ul {
				list-style-type: none;
				margin: 0 0 0 3px;
				padding: 0;
				height: 29px;
				
			}
			
				#header #menubar ul li {
					float: left;
					margin: 0;
					padding: 0;
					
				}
				
					#header #menubar ul li.menuitem {
						background: url('images/SFNTabMid.gif') repeat;  
						margin: 0;
						/*padding: 4px 0px;
						height: 17px;*/
						font-family: Arial;
						font-size: 11px;
						text-align: center;
						height: 28px;
					}
					
						#header #menubar ul li.menuitem a {
							padding: 0;
							text-decoration: none;
							color: #333333;
						}
						
							#header #menubar ul li.menuitem a:hover {
								color: gray;
								text-decoration: underline;
							}
					
					#header #menubar ul li.menuitem2 {
						background: url('images/SFNTabMid.gif') repeat;  
						margin: 0;
						padding: 6px 0px 0 0;
						/*height: 17px;*/
						font-family: Arial;
						font-size: 11px;
						text-align: center;
						height: 22px;
					}
					
						#header #menubar ul li.menuitem2 a {
							padding: 0;
							text-decoration: none;
							color: #333333;
						}
						
							#header #menubar ul li.menuitem2 a:hover {
								color: gray;
								text-decoration: underline;
							}
		

#page_content {
	background-color: white;
	padding: 8px 12px;
	min-height: 350px;
}

	#page_content p {
		margin: 0;
		padding: 3px 0;
		font-family: Verdana;
		font-size: 12px;
		line-height: 18px;
		font-size: 12px;
	}
	
		#page_content p a {
			color: black;
		}
		
		#page_content p.caption {
			text-align: center; 
			font-size: 10px; 
			margin: 0; 
			padding: 0; 
			color: gray;
		}

	#page_content ul {
		font-family: Verdana;
		font-size: 12px;
		margin-top: 5px;
	}
	
		#page_content ul a {
			color: black;
		}
		
	#page_content ul#right {
		list-style-type: none;
		float: left;
		width: 230px;
		line-height: 20px;
		margin-left: 15px;
	}

	#page_content ul#left {
		list-style-type: none;
		float: left;
		width: 390px;
		line-height: 20px;
		margin-left: 0px;
	}

	#page_content ul#lectures {
		list-style-type: none;
		line-height: 20px;
	}
	
	#page_content ol {
		font-family: Verdana;
		font-size: 12px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	#page_content #left_col {
		float: left;
		width: 140px;
		height: 700px;
		/*border-right: 1px dotted silver;*/
		margin-right: 10px;
	}
	
		#page_content .subpage {
			font-size: 10px;
		}
	
		#page_content #left_col img {
			border: 1px solid gray;
		}
	
		
	#page_content #mid_col {
		float: left;
		width: 425px;
	}
	
		#page_content #loadarea2 {
			border: 0;
		}
	
		#page_content #mid_col p {
			padding-right: 5px; 
		}
	
	#page_content #right_col {
		float: right;
		width: 140px;
		height: 700px;
		/*border-left: 1px dotted silver;*/
		margin-left: 9px;
	}
	
		#page_content #right_col img {
			border: 1px solid gray;
		}
	
		#page_content #right_col ul {
			margin: 10px 0 0 15px;
			padding: 0;
		}
		
			#page_content #right_col ul li {
				list-style-type: square;
				font-family: Verdana;
				font-size: 10px;
				margin: 0;
				padding: 0 0 3px 0;
			}
			
				#page_content #right_col ul li a {
					color: black;
				}
	
	#page_content #left_pictures {
		float: left;
		width: 350px;
	}
	
		#page_content #left_pictures img {
			padding-top: 10px;
		}
		
		#page_content #right_pictures img {
			padding-top: 10px;
		}
	
	#page_content #right_pictures {
		float: right;
		width: 350px;
	}

#footer {
	background-color: #BDD7BB;
	font-family: Verdana;
	font-size: 10px;
	color: gray;
	text-align: center;
}

	#footer a {
		color: gray;
	}

.clear {
	clear: both;
	height: 1px;
}

.right {
	float: right;
	padding: 5px 0 5px 5px;
}

.left {
	float: left;
	padding: 5px;
}

.center {
	text-align: center;
	margin: 30px 0 0 0;
}