@charset "utf-8";
/* CSS Document */

/* ABSTRACT_STYLES  consists of the following changes from asb_styles, 
- H1 background-color changed to grey : #B3B3B3
- Footer background-color change grey : #B3B3B3
- div#ContactInfo font size changed to 12px

 */

/*--------------------- General Styling ---------*/
* {
	padding: 0; margin: 0;
	}

body {	
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	background-image: url('asb_img/03original.gif');;
	}
	
a {
	text-decoration:none;
	color: #B3B3B3;
}	

table{
	border-collapse: collapse;
	border: none;
	padding: none;
	margin: none;
}

tr{
	border:none;
	margin:none;
	padding: none;
	
}
	
/*------------ DIV Styling -----*/

td#sidebar{
	background-color:#00223E;
	vertical-align: top; 
}

div#Container{
	width: 960px;
	margin:15px auto 15px auto; /* top, right, bottom, left */
}

div#ContentContainer{
	height:100%;
}

	div#Sidebar {
		float: left;
		width: 320px;
	}
		
		div#Logo img{
			margin: 30px 0px 15px 30px; /* top, right, bottom, left */
			border: none;
		}
		
		div#Logo img a{
			border: none;
		}
		
		div#Subtitle{
			font-size: 11px;
			line-height:14px;
			margin: 0px 0px 30px 30px; /* top, right, bottom, left */
			color:#fff;
		}
		
			div#Subtitle ul{
				list-style:none;
			}
		
		div#Navigation{
			margin: 0px 0px 0px 30px; /* top, right, bottom, left */
			width: 200px;
		}
		
			div#Navigation ul{
				font-size: 14px;
				line-height: 20px;
				list-style: none;
				margin-bottom:30px;
				
			}
			
				div#Navigation ul li a:link, div#Navigation ul li a:visited{
					color:#B3B3B3;
					text-decoration: none;
				}
			
				div#Navigation ul li a:hover{
					color:#3FA9F5;
				}
			
				div#Navigation ul li.selected a{
					font-weight: bold;
					color: #fff;
				}
					div#Navigation ul li.selected a:hover{
					color:#3FA9F5;
				}
				
		div#ContactInfo{
			margin: 0px 0px 20px 30px; /* top, right, bottom, left */
			
		}		
		
		div#ContactInfo  ul{
			list-style: none;
			font-size: 12px; 
			color:#B3B3B3;
			margin-bottom:10px;
			
			}
			
		div#ContactInfo ul li.header{
			text-decoration: none;
			color:#FFF;
			text-transform: uppercase;
			font-weight: bold;
			}	
		
		div#ContactInfo ul li a {
			color:#B3B3B3; 
			text-decoration: none;
			}
		
		div#ContactInfo  ul li a:link, div#ContactInfo  ul li a:visited{
				
			}		
			
			div#ContactInfo  ul li a:hover{
				color:#3FA9F5;
				text-decoration:underline;
			}
			
				
		
	div#Body {
		float:right;
		width: 640px;
		min-height:600px;
		background:#FFF;
		color: #00223E;
	}
	
		div#Body a{
			text-decoration: underline;
		
		}
		
		div#Body p{
			color:#00223E;
			margin: 0px 30px 15px 30px; /* top, right, bottom, left */
			line-height:18px;
			font-size:12px;
			}
				div#Body p a:link, div#Body p a:visited{
					color:#333;
					}
							

				div#Body p a:hover {
					color:#3FA9F5;
					}
										
							
							
		div#Body h1{
			padding: 10px 0px 10px 30px; /* top, right, bottom, left */
			margin-bottom:10px;
			background:#B3B3B3;
			font-size:14px;
			color:#00223E;
			text-transform:uppercase;
			}	
				
					div#Body h1 a{
						font-size:12px;
						color:#fff;
						font-style:italic;
						}
				
					div#Body h1 a:link, div#Body h1 a:visited {
						text-decoration:none;
						}
				
					div#Body h1 a:hover{
						text-decoration:underline;
						}
				
				
			div#Body h1.top{
				margin-top:30px;
				margin-bottom:10px;
				padding: 10px 0px 0px 30px; /* top, right, bottom, left */
				background: #3FA9F5;
				font-size:14px;
				color:#fff;
				}
			
			
			
		div#Body h2{
			margin-bottom: 5px;
			padding: 5px 0px 5px 30px;	/* top, right, bottom, left */ 
			font-size:10px;
			background: #B3B3B3;
			color:#00223E;
			text-transform:uppercase;
			}
			
				div#Body h2 a{
					text-decoration:underline;
				}
			
				div#Body h2 a:link, div#Body h2 a:visited {
					color: #00223E;
				}
				
				div#Body h2 a:hover{
					color:#FFF;
				}
				
			div#Body h2.refereedNonRefereed{
				background: #FFF;
				margin-bottom: 5px;
				padding: 0px 0px 0px 30px;
			}
			
			
		div#Body h3{
			margin: 10px 0px 5px 30px; /* top, right, bottom, left */
			font-size:14px;
			font-weight: bold;
			color:#00223E;
			text-transform:uppercase;
			}	
			
			div#Body h3.cv{
				margin: 20px 0px 5px 30px; /* top, right, bottom, left */
				font-size:14px;
				font-weight: bold;
				color:#00223E;
				text-transform:uppercase;
				}	
			
		div#Body h4{
			padding: 0px 0px 10px 30px; /* top, right, bottom, left */
			margin-bottom:2px;
			display: block;
			font-size:14px;
			font-style:italic;
			}		
			
		
		div#Body ul{	
			font-size: 12px;
			list-style: none;
			margin: 0px 30px 0px 30px;
			line-height: 18px;
			}
			
			div#Body ul li a{
					color:#333;
					text-decoration:underline;
					}
			
				div#Body ul li a:link, div#Body ul li a:visited{
					
				}
				
				div#Body ul li a:hover{
					color:#3FA9F5;
					}
				
		div#Body ul.courses{
			font-size: 12px;
			margin-bottom: 10px;
			}
			
			div#Body ul.courses li{
			font-size:12px;
			line-height:20px;
			}
				div#Body ul.courses li a{
				font-size:12px;
				line-height:20px;
				text-decoration: underline;
				color:#333;
				}
				
					div#Body ul.courses li a:link, div#Body ul.courses li a:visited {
						
						
					}
				
			
					div#Body ul.courses li a:hover {
						color:#3FA9F5;
					}
			
			div#Body ul.courses li.title{
			font-weight:bold;
			margin-top: 10px;
			/*text-transform: uppercase;*/
			}
			
			div#Body ul  li.title{
			font-weight:bold;
			margin-top: 10px;
			/* text-transform: */ ;
			}
			
			div#Body ul li.paper{
				margin: 20px 0px;
				/*font-weight:bold;*/
				}
				
				div#Body ul li.paper ul{
					margin: 10px 0px 10px 20px; /* top, right, bottom, left */
					font-size:12px;
				}
				
					div#Body ul li.paper ul li{
						font-weight:normal;
						list-style:circle;
					}
	div#Body img{
		margin: 30px 15px 15px 20px; /* top, right, bottom, left */
		}	
		
		div#Body img.full{
		float:left;
		margin: 10px 15px 10px 30px; /* top, right, bottom, left */
		}		

	div#Footer{
		clear:both;
		width: 960px;
		background:#B3B3B3;
	}
		
		div#Footer p{
			float: right;
			font-size: 10px;
			font-style: bold;	
			margin: 20px 30px 10px 10px; /* top, right, bottom, left */
			}	
			
		div#Footer p a:link, a:visited{
			color:#00223E;
			}	
		
		div#Footer p a:hover{
			color:#FFF;
			}	
		
		div#Footer img {
		padding-top:7px;
		margin: 10px 0px 10px 30px; /* top, right, bottom, left */
		border: none;
		}
		
		
/*------------ END DIV Styling -----*/