/*
CSS for Infotonics
*/

#black {
	background-color: #000000;
	color: #FFFFFF;
	font-family: Georgia, Times New Roman, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	padding-left: 4px;
	padding-right: 4px;
}

h1 {
	font-family: Times New Roman, Helvetica, Arial, sans-serif;
	background-color: #CCCC00;
	color: #E66C2C;
	font-size: x-large;
	font-weight: bold;
	border-top: 3px solid #CCCC00;
	border-bottom: 3px solid #CCCC00;
	margin: 0;
	line-height: 100%;
	padding-bottom: 5px;
}

#heading {
	background-color: #CCCC00;
	color: #E66C2C;
}

.feature {
	float: left;
}

#middle {
	text-align: center;
	list-style-type: none;
}

#right {
	float: right;
	list-style-type: none;
}

#left {
	float: left;
	list-style-type: none;
}

#xxlarge {
	font-family: Times New Roman, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 45px;
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-image: url(background/ss133.gif);
	background-repeat: repeat-y repeat-x;
	line-height: 125%;
}

#page {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	border-left: 2px solid #CCCC00;
	border-right: 2px solid #CCCC00;
	background-color: #FFFFFF;
	padding-bottom: 20px;
}

#mainnav {
	font-family: Arial, Times New Roman, Times New Roman, Helvetica, sans-serif;
	background: #77BFC7;
	list-style-type: none;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}

#mainnav li {
	margin: 0;
	padding: 0;
	float: left;
}

#mainnav a {
	float: left;
	width: 111px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	line-height: 1.75; 
	border-right: 1px solid #FFFFFF;
}

#mainnav #mainnav_con a {
	border: none;
}

#mainnav #mainnav_ind a {
	border-left: 1px solid #FFFFFF;
}

#mainnav a:hover {
	background: #CCCC00;
	color: #000000;
}

#body_ind #mainnav_ind a,
	#body_abo #mainnav_abo a, 
	#body_reg #mainnav_reg a,
	#body_for #mainnav_for a,
	#body_dai #mainnav_dai a, 
	#body_sch #mainnav_sch a,
	#body_con #mainnav_con a {
	background: #E66C2C;
	color: #FFFFFF;
}

table.about {
	padding: 5px;
}

table.about th, td {
	width: 300px;
	cellspacing: 5px;
}

table.about th {
	font-family: Times New Roman, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#nav {
	font-family: Arial, Times New Roman, Helvetica, sans-serif;
	background: #FFFFFF;
	list-style-type: none;
	width: 155px;
	float: right;
	margin: 0;
	padding: 0;
	border-left: 3px dashed #E66C2C;
	border-bottom: 3px dashed #E66C2C;
}

#slideshow {
	margin-bottom: 5px;
	float: middle;
}

#nav li {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}

#nav a {
	display: block;
	color: #000000;
	text-decoration: none;
	text-align: center;
	padding: 0 15px;
	margin-top: 3px;
	margin-bottom: 3px;
	line-height: 125%; 
	border-bottom: 1px solid #E66C2C;
}

#nav a:hover {
	background: #CCCC00;
	color: #000000;
}

#body_mar #nav_mar a,
	#body_csi #nav_csi a, 
	#body_pot #nav_pot a,
	#body_two #nav_two a {
	background: #E66C2C;
	color: #FFFFFF;
}

#bodycontent {
	margin-left: 15px;
	padding-top: 40px;
}

#sponsors {
	background: #FFFFFF;
	width: 153px;
	margin: 0;
	padding: 0;
}

#sponsors li{
	text-align: center;
	font-size: medium;
	list-style-type: none;
}

#sponsors a {
	list-style-type: none;
	border-bottom: none;
}

h2 {
	font-family: Times New Roman, Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	padding-top: .3em;
	padding-bottom: .3em;
	margin: 0;
	color: #FFFFFF;
}

#orange {
	background-color: #E66C2C;
	color: #FFFFFF;
	font-family: Times New Roman, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	padding-left: 3px;
	padding-right: 3px;
}

#center {
	text-align: center;
}

h3 {
	font-family: Arial, Times New Roman, Helvetica, sans-serif;
	text-align: center;
	font-size: x-large;
	font-weight: bold;
	line-height: 115%;
}

p {
	font-family: Arial, Times New Roman, Helvetica, sans-serif;
	font-size: medium;
	color: #000000;
}

#indexpic {
	float: left;
}

#mars {
	font-family: Georgia, Times New Roman, Helvetica, sans-serif;
	list-style-type: none;
	text-align: center;
	font-size: x-large;
	font-weight: bold;
	color: #CCCC00;
	line-height: 120%;
}

#mars1 {
	font-family: Arial, Times New Roman, Helvetica, sans-serif;
	list-style-type: none;
	text-align: center;
	font-size: x-large;
	font-weight: bold;
	line-height: 115%;
}

#swirl {
	list-style-image: url(images/blue_swirl.gif);
}

table.mars {
	width: 840px;
}

#campuses {
	list-style-image: url(images/blue_swirl.gif);
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
}

#campuses li {
	padding: 0;
	margin-left: 10px;
	font-size: medium;
}

#info {
	list-style-image: url(images/star1.gif);
}

#info li {
	margin-left: 50px;
}

#embedded li {
	list-style-image: url(images/blue_swirl.gif);
	margin-left: 90px;
}

#application li {
	margin-left: 50px;
}

fieldset {
	border: 2px solid #E66C2C;
	padding: 5px;
	background-color: #FFFFFF;
}

legend {
	font-family: Arial, Times New Roman, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	color: #E66C2C;
}

.submit {
	padding: 2px;
	position: middle;
	text-align: center;
}

form.register {
	float: left;
	width: 615px;
	cellspacing: 2px;
	cellpadding: 2px;
}

form.calculator {
	float: left;
	width: 615px;
	cellspacing: 2px;
	cellpadding: 2px;
}

table.width {
	width: 400px;
}

table.naz {
	border-collapse: collapse;
	margin-left: 15px;
	margin-top: 15px;
	float: left;
}

table.naz th {
	font-family: Times New Roman, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: 600px;
}

table.waitlist {
	float: left;
	margin-top:30px;
}

#marspic {
	float: right;
}

label.fixedwidth {
	display: block;
	width: 180px;
	float: left;
}

form.calculator .buttonarea {
	text-align: center;
	padding: 4px;
	background-color: #CCCC00;
	margin-top: 4px;
	border-top: 3px dashed #E66C2C;
	border-bottom: 3px dashed #E66C2C;
}

form.calculator .buttonarea input {
	background: #E66C2C;
	color: #000000;
	font-weight: bold;
	font-family: Georgia, Times New Roman, Helvetica, Arial, sans-serif;
	padding: 5px;
	border-style: inset;
	border-width: 2px;
	border-color: #FFFFFF;
}

form.contact .buttonarea {
	text-align: center;
	padding: 4px;
	background-color: #CCCC00;
	border-top: 3px dashed #E66C2C;
	border-bottom: 3px dashed #E66C2C;
}

form.contact .buttonarea input {
	background: #E66C2C;
	color: #000000;
	font-weight: bold;
	font-family: Georgia, Times New Roman, Helvetica, Arial, sans-serif;
	padding: 5px;
	border-style: inset;
	border-width: 2px;
	border-color: #FFFFFF;
}

table.sessions {
	border-collapse: collapse;
	float: left;
	width: 435px;
}

table.sessions th{
	text-align: left;
}

table.sessions td{
	text-align: left;
}

#footer {
	position: relative;
	left: 10%;
	margin-top: 15px;
	font-size: x-small;
	color: #FFFFFF;
	line-height: 125%;
}

<a title="Form to E-mail: Unlimited" target="_blank" href="http://allforms.mailjol.net"> <img border="0" src="http://a.mailjol.net/?a=logo&i=afm&t=1"></a>