/*

CSS for portfolio: Anand Kulanthaivel, Indiana University Bloomington, MIS '13
License: CC 3.0 -- You can use this as a template for your own website (any purpose), but you need to keep these top lines in the CSS file.

*/

/*header, and footer while we're at it*/

#body {
	background-color:#FFFFFF;
}


#header {
	width: 1200px;
	
	background-color: #FFFFFF;
	color: #101010;
	margin: 9px;
	padding: 9px;
	font-family: "Garamond", "Georgia", "Serif";

	
}

#header p  {
        
        padding: 9px;
        margin: 9px;
        font-size: 17px;
        text-align: left;
}

#header a:hover {
	color: #F50003;
	}



 /* Right-hand menu*/

#menu {
			font-family: "Gill Sans MT", "Sans-Serif";
			align: left;
			width: 230px;
			padding: 5px;
			margin: 9px;
			position: absolute;
				left: 1010px;
				top: 215px;
			}

#menu p  {
		text-align: left;
		font-size: 15px;
		height: 20px auto;
		margin: 20px;
		padding: 7px;
		color: #d7d5d6;
		background-color: #892222;
		border-color: #d7d5c6;
		border-width: "2px";
		border-style: solid;
		
		}
                
                #menu h1  {
		text-align: left;
		font-size: 18px;
		height: 20px auto;
		margin: 20px;
		padding: 7px;
		color: #d7d5d6;
		background-color: #892222;
		border-color: #d7d5c6;
		border-width: "2px";
		border-style: solid;
		
		}
		
#menu a  {
		color: #FFFFFF;
		text-decoration: none;
		}
		
#menu a:hover  {
		text-decoration: underline;
		color: #AAAAAA;
		}

/*Bodybox, goes outside main content */
#bodybox {
	width: 700px auto;
	float: bottom;
	background-color: #330000;
}

/* Content, or at least what resembles */

#maincont {
	width: 1000px;
	float: bottom;
	align: right;
	background-color: #FFFFFF;
	color: #101010;
	margin: 9px;
	padding: 5px;
	font-family: "Garamond", "Georgia", "Serif";
	border-width: 1px;
	border-color: #892222;
	float: left, top;		
}

#maincont p {
margin: 5px;
	padding: 7px;
	font-size: 17px;
	text-align: "left", "justified";
}


#maincont h1 {
	text-transform: uppercase;
	font-size: 20px;
	margin: 5px;
	padding: 7px;
	align: center;
}

#maincont h3 {
	text-transform: uppercase;
        background-color: #DDDDDD;
	font-size: 17px;
	margin: 5px;
	padding: 7px;
	align: center;
}

#maincont h2 {
	text-transform: uppercase;
        background-color: #DDDDDD;
	font-size: 18px;
	margin: 5px;
	padding: 7px;
	align: center;
}


#maincont a {
	color: #892222;
	text-decoration: bold, underline;
	
	}

#maincont ul {
	margin: 11px;
	font-size: 17px;
	padding: 5px;
	}	
	
#maincont li {
	font-size: 15px;
    padding: 2px;
	}	
	
	
#maincont a:hover  {
	color: #f50003;
	text-decoration: bold;
	
	
	}
	
/*maincont table styles */

#maincont table {
	width: 950px;
	margin: 5px;
	padding: 7px;
	}



#maincont th {
	background-color: #440000;
	color: #EFEFEF;
	text-align: left;
	font-size: 17px;
	padding: 7px;
	}

#maincont tr {
	background-color: #EEEEEE;
	padding: 7px;
	}

#maincont td {
	background-color: #EEEEEE;
	text-align: top;
	font-size: 15px;
	padding: 10px;
	}