/*
Notice that a Class' CSS is an HTML element followed by a "." and finally the Class' name.  The end result looks something like "element.classname".

Notice that an ID's CSS is an HTML element, followed by a "#", and finally ID's name. The end result looks something like "element#idname". 

Also, be sure to absorb the fact that when an ID is used in HTML, we must use "id=name" instead of "class=name" to reference it!  

ID = A person's Identification (ID) is unique to one person.
Class = There are many people in a class.
*/

/* input, select, th, td {font-size: 1em; } */

html { font-size: 100%; /* IE hack */ }
table { font-size: 100%; /* IE hack */ }

/* img, div { behavior: url(iepngfix.htc) } */


/* START CSS FORMATTING TO REPLACE TABLES */


#layout-header
{
	margin: 0;
	width: 780px;
	padding: 0px;
	background: white;
}

#layout-content-container
{
	margin: 0 ;
	float: left;
	width: 780px;
	background: white;
}

/* this is a two column fixed width */
/* the two cols are 180px and 550px */
/* margin: top right bottom left */

#layout-content-left-column
{
	clear: left;
	float: left;
	width: 180px;
	padding: 2px ;
	margin: 5px 5px 10px 5px ;
	display: inline;

}

#layout-content-right-column
{
	float: right;
	width: 550px;
	padding: 0;
	margin: 0px 20px 10px 0px;
	display: inline;

}

#layout-footer
{
	clear: both;
	margin: 0 0;
	width: 780px;
	text-align: left;
	padding: 0px;
	height: 1%;
	background: white;
}

/* END CSS FORMATTING TO REPLACE TABLES */


body {
	background-color: #5632A6 ;
	color: black ;
/* NU purple #1 = #4F26A6  */
/* NU purple #2 = #5632A6  */
/* NU purple #3 = #8B73BF  */
/* NU yellow #1 = #F2A72D  */
}

p, ul, td {
	font-family: Arial, Helvetica, sans-serif ;
}


p.centered {

	text-align:center ;
}


h1 {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 2em ;
	text-align: center ;
}

h2 {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 1.4em ;
	text-align: center ;
}

h3 {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 1.0em ;
	text-align: center ;
}

a:link {
	color: blue ;
	background: transparent ;
	text-decoration: none;
}

a:visited {
	color: purple ;
	background: transparent ;
	text-decoration: none;
}

a:hover {
	color: lime ;
	background: transparent;
}

a:active {
	color: red ;
	background: transparent ;
}


a.white:link {
	color: white ;
	background: transparent ;
	text-decoration: none;
}

a.white:visited {
	color: white ;
	background: transparent ;
	text-decoration: none;
}

a.white:hover {
	color: lime ;
	background: transparent;
}

a.white:active {
	color: red ;
	background: transparent ;
}

div.mainbody {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 1.0em ;
	width: 780px ;
	margin-left: auto ;
	margin-right: auto ;
	/* padding: 1px ; */
	padding: 0px ;
	background-color: white ;
	color: black ;
	/* border: 1px solid black ; */
	border: none ;
}

ul.indent {
	list-style: none;
	padding: 0;
	margin: 20px;
}

li.indent {
	margin: 0px;
	padding: 0px;
	text-indent: -1.5em;
	margin-left: 1.5em;
}

#seminar-date ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* this is the second line list item indent css code */

#seminar-date li {
	margin: 0px;
	padding: 0px;
	text-indent: -1.5em;
	margin-left: 1.5em;
}

/* NU purple #1 = 4F26A6  */
/* NU purple #2 = 5632A6  */
/* NU purple #3 = 8B73BF  */
/* NU yellow #1 = F2A72D  */

#callMe {

/* this is the callme top and bottom stripes */

    background-color: #4F26A6;
    padding-bottom: 10px;
}

#callMe h2 {

/* this is the callme text within the top stripe */

    color: #F2A72D ;
    font-size:1.0em;
    margin:0;
    padding-top:2px;
    text-align:center;
}

.callMeBackground {

/* this is the callme main (middle) box color */
	background-color: #8B73BF;
}

.callMeButton {
	color: black;
    text-align: center;
    padding: 5px;
    font-size: 1.0em;
}

/* NU purple #1 = 4F26A6  */
/* NU purple #2 = 5632A6  */
/* NU purple #3 = 8B73BF  */
/* NU yellow #1 = F2A72D  */


/* Left Nav-Menu Style */

#nav-menu a:link {
	color: #4F26A6 ; 
}

#nav-menu a:visited {
	color: purple ;
	background: transparent ;
	text-decoration: none;
}

#nav-menu a:hover {
	color: lime ;
	background: transparent;
}

#nav-menu a:active {
	color: red ;
	background: transparent ;
}

#nav-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav-menu li { 
	padding: 0.5em;
/*	background: url(background.gif) #FFFFFF  bottom left repeat-x; */
	height: 2em;
	line-height: 2em;
	float: left;
/*	width: 10em; */
	width: 160px ;
	display: block;
	border: 0.1em solid #dcdce9;
	color: #0d2474;
	text-decoration: none;
	text-align: center;

    font-size: 0.9em;
}

#nav-menu .language { 
background-color: #F2A72D ;
/* add different color background to first button on left nav-menu */
}

/* END LEFT NAV MENU STYLE */

table#menu {
	border: none;
	border-spacing: 0px;
	padding: 0px;
	font-size: 1.0em;
}

table#menu td {
	vertical-align: center;
	horizontal-align: center;
}

/* Start TXT and RSVP Forms */

label.contact {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 150px;
	padding-top: 15px;
	font-size: 1.0em;
}

#contact-area {
	width: 500px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 1.0em;
	margin: 0px 0px 10px 0px;
	border: 2px solid gray;
}

#contact-area textarea {
	height: 150px;
}

#contact-area input.submit_button {
	padding: 5px;
	width: 314px;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 1.0em;
	margin: 0px 0px 10px 0px;
	border: 2px solid gray;
}

/* END TXT and RSVP Forms */

div.footer {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 1.0em ;
	width: 780px ;
	margin-left: 0 ;
	margin-right: 0 ;
	padding: 0px ;

/* NU purple #1 = #4F26A6  */
/* NU purple #2 = #5632A6  */
/* NU purple #3 = #8B73BF  */
/* NU yellow #1 = #F2A72D  */

	background-color: #8B73BF ;
	color: black ;
/*	border: 1px solid black ; */
	border: none ;
}

a img {border: none; }

.text05em {
	font-size: 0.5em ;
}

.text06em {
	font-size: 0.6em ;
}

.text07em {
	font-size: 0.7em ;
}

.text08em {
	font-size: 0.8em ;
}

.text_white {
	color: white ;
}