/*
	Name: Richard Roberts #19
	Course: Web Design
	Term: Spring2010
	CSS File for Final Project RMRoberts
*/

/* body styles */

body {
	margin: 0px;
	background-image: url('grayverticalgrad1.jpg');
	background-repeat: repeat;
}

/* page container holds all division layers */
#container {
	margin-left: auto;
	margin-right: auto;
	width: 940px;
	height: auto;
}

/*header*/
#header {
	
	width:900px;
	height:120px
	margin-right:12px;
	margin-left:20px;
	margin-top:12px;
	margin-right:20px;
	margin-bottom:10px;
				
}

/*top menu */
#topmenu {
	width: 720px;
	height: 30px;
	float: right;
	margin-top: 20px;
	margin-right: 1px;
	margin-bottom: 12px;
	background-color: white;
	border: thin #C0C0C0 solid;
	padding: 8px;
	font-size: medium;
	font-family: Arial, Helvetica, sans-serif;
}

/*leftcolumn*/
#leftclm {
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	min-height: 400px;
	width: 564px;
	float: left;
	border: thin #C0C0C0 solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	margin-right: 12px;
	margin-left: 20px;
	padding: 12px;
	color: #000000;
}
#rightclm {
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	width: 264px;
	min-height: 400px;
	float: right;
	border: thin #C0C0C0 solid;
	font-size: medium;
	margin-right: 20px;
	padding: 12px;
	color: #000000;
}

/*leftcolumn*/
#left3clm {
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	min-height: 400px;
	width: 260px;
	float: left;
	border: thin #C0C0C0 solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	margin-right: 12px;
	margin-left: 20px;
	padding: 12px;
	color: #000000;
}

#center3clm {
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	min-height: 400px;
	width: 260px;
	float: right;
	border: thin #C0C0C0 solid;
	font-size: medium;
	margin-right: 20px;
	padding: 12px;
	color: #000000;
}

#right3clm {
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	min-height: 400px;
	width: 260px;
	float: right;
	border: thin #C0C0C0 solid;
	font-size: medium;
	margin-right: 20px;
	padding: 12px;
	color: #000000;
}


/* single center column across entire page */
#onecolumn {
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	min-height: 400px;
	width: 874px;
	float: left;
	border: thin #C0C0C0 solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	margin-right: 12px;
	margin-left: 20px;
	padding: 12px;
	color: #000000;
}

/* bottom menu */
#bottommenu {
	
	width: 882px;
	height: 24px;
	float:left;
	margin-top: 20px;
	margin-left:20px;
	margin-bottom: 12px;
	background-color: white;
	border: thin #C0C0C0 solid;
	padding: 8px;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
}


/* link styles */
a:link     {text-decoration: underline;	color: #0000ff;	font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
a:visited  {text-decoration: underline;color: #aaaaaa;font-weight: bold;}
a:hover    {text-decoration:underline; color:#ff0000; font-weight:bold;}
a:active   {text-decoration:underline; color:#0000ff; font-weight:bold;}


/*paragrah styles*/
p {margin-top:0px; margin-right:12px; margin-bottom:0px; margin-left:12px;
	font-family:arial,sans-serif; font-size:14px; color#ffffff;}
	
/*table styles*/
table {font-family:verdana,arial,sans-serif; font-size:12pt; color:#000000; 
		border-style:ridge; border-width:1px; background-color:#eeffee}
	td {border-style:ridge; border-width:1px;}
	


/*rollover styles */
	div#rollover a {display:inline; padding:10px; border: 1px ridge white;}
	div#rollover a:link {color:white; background-color:#808080;}
	div#rollover a:visited {color:white; background-color:#ff00ff;}
	div#rollover a:hover {color:white; background-color:aqua; font-color:#aaaaaa;}
	div#rollover a:active {color: white;background-color: #C0C0C0;}