body {
margin: 0;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
}

h1 {
margin: 0;
padding: 0;
/*font: bold 1.2em Arial, Helvetica, sans-serif;*/
font: bold 12pt  Arial, Helvetica, sans-serif;
color: #666;
}

h2 {
margin: 10px 0 10px 0;
font: bold 12pt Arial, Helvetica, sans-serif;
color: #666;
}

h2.eventTitle {
font: bold 12pt Arial, Helvetica, sans-serif;
color: #000000;
/*border: 0px solid #B6C2CC;*/
}

h2.eventTitleRegistration {
font: bold 12pt Arial, Helvetica, sans-serif;
color: #000000;
border: 1px solid #B6C2CC;
}

h3 {
margin: 40px 0 20px 0;
font: bold 11pt Arial, Helvetica, sans-serif;
color: #666;
}

p {
font-size: 10pt;
}

strong {
color: #666;
}

img {
border-width: 0;
}

a:link, a:visited {
color: #009;
text-decoration: none;
}

a:hover, a:active {
color: #000000;
text-decoration: underline;
}
/*****************************/

/* BANNER The banner and its elements. */
div#banner {
/*margin: 0 50px;*/
display: block;
margin: auto;
padding: 0;
/*background-color: #666;*/
border: 0px solid #000;
}

div#banner img#logoOrg {
float: left;
margin: 0;
}

div#banner img#logoSys {
margin: 0 0 10px 0;
}

div#bannerInfo {
padding: 0;
height: 85px;
}

div#bannerInfo p {
float: right;
margin: 0;
padding: 0;
text-align: right;
/*line-height: 1.9em;*/
font-size: 8pt;
color: #000;
width: 300px;
background-color: transparent;
}

div#banner a:link, div#banner a:visited {
color: #fff;
text-decoration: underline;
}

div#banner a:hover, div#banner a:active {
color: #fff;
text-decoration: none;
}

div#banner strong {
color: #fff;
}

/*****************************/

/* NAVIGATION Container for the main navigation. */
div#nav {
/*display: none;*/
clear: both;
margin: 0;
padding: 0;
height: 35px;
text-align: center;
border: 0px solid red;
}

div#nav ul {
margin: 0;
padding-top: 10px;
}

div#nav li {
margin: 0;
display: inline;
padding: 0 10px;
font-size: 8pt;
color: #ccc;
}

div#nav a:link, div#nav a:visited {
color: #009;
text-decoration: none;
}

div#nav a:hover, div#nav a:active {
color: #000000;
text-decoration: underline;
}

/* The following three containers are used for to display the date and welcome text.  */
div#subBanner {
height: 20px;
color: #fff;
border: solid #fff;
border-width: 1px 0 0 0;
background-color: #777;
}

div#subBannerDate {
float: left;
width: 213px;
height: 16px;
padding: 4px 0 0 10px;
font-size: 8pt;
font-weight: bold;
border: solid #fff;
border-width: 0 1px 0 0;
}

div#subBannerWelcome {
float: right;
height: 16px;
padding: 4px 10px 0 0;
font-size: 8pt;
}
/*****************************/

/* CONTAINER Container for the page body and its elements. */
div#container {
display: block;
position: relative;
margin: 0;
padding: 0;
border: 1px solid #888;
background: url(/images/public_emm/bg_tile_content_left.gif) #fff repeat-y -80px;
}

div#containerWide {
display: block;
position: relative;
margin: 0;
padding: 10px;
border: 0px solid orange;
background: url(/images/public_emm/bg_tile_content_left.gif) #fff repeat-y -220px;
}

div#content {
display: block;
margin: 0;
padding: 10px;
border: solid #768899;
border-width: 0;
background: url(/images/public_emm/bg_content_heading.gif) no-repeat -80px 0;
}

div#contentWide {
display: block;
margin: 10px;
padding: 0;
border: solid #768899;
border-width: 0;
background: url(/images/public_emm/bg_content_heading.gif) no-repeat -80px 0;
}

div.containerBox {
margin: auto;
width: 325px;
padding: 10px;
border: 3px solid #666;
background-color: #efefef;
}

div.contentSubSection {
/*margin: 20px 0 20px 0;*/
width: auto;
padding: 10px;
border: 1px solid #666;
background-color: #efefef;
}

div.contentSubSection p {
margin: 0 0 10px 0;
}

p.contentCenterData {
margin: 15px;
padding: 0px;
text-align: center;
border: 0px solid red;
}

p.confirmMessage {
display: none;
}

p.unConfirmMessage {
display: none;
}

p.warning {
display: none;
}

p.popUpButtons {
display: none;
}

p.contentCenterDataMessage {
margin: 15px;
padding: 20px;
text-align: center;
font-size: 10pt;
font-weight: bold;
color:#000;
border: 1px solid #069;
background-color: #f2f2f2;
}

div#colLeft {
display: none;
position: absolute;
top: 150px;
left: 50px;
width: 150px;
padding: 0 0 0 8px;
color: #336699;
}

div#colLeft p {
font-size: 9pt;
}

div#colLeft ul {
margin: 5px;
}

div#colLeft li {
margin: 0 0 8px 10px;
font-size: 9pt;
list-style-type: circle;
}

div#colLeft a:link, div#colLeft a:visited {
color: #009;
text-decoration: none;
}

div#colLeft a:hover, div#colLeft a:active {
color: #000000;
text-decoration: underline;
}
/*****************************/

/* FOOTER Container used for the footer. */
div#footer {
padding: 5px 0;
text-align: center;
color: #999999;
border: 1px solid #666;
background-color: #fff;
}

div#footer p {
margin: 5px 0;
font-size: 9pt;
}

div#footer ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

div#footer ul li {
display: inline;
padding: 0 2em;
font-size: 9pt;
}
/*****************************/

/** DEFAULT TABLE used for displaying (tabular) data **/    
table {
margin: auto;
width: 100%;
border-collapse: collapse;
border: 1px solid #9FAAB3;
}

th {
padding: 5px;
font-size: 10pt;
color: #768899;
border: 1px solid #9FAAB3;
background-color: #F2F2F2;
}

td  {
padding: 8px;
font-size: 10pt;
/*
border: dotted #9FAAB3;
border-width: 0 1px;*/
border: 1px solid #DAE0E5;
}

tr.odd {
background-color: #ffffff;
}

tr.even {
background-color: #efefef;
}

/** TABLE used as layout **/
table.infoLayout {
padding-bottom: 30px;
border: 0px solid #dfdfdf;
}

table.infoLayout td {
border: 0px solid #dfdfdf;
}

table.infoLayout td p {
font-size: 9pt;
}

.requiredDataText  {
color: #cd5c5c;
}

/** TABLE and its elements used for the calendar. **/
table#calendar th {
padding: 5px;
width: 14%;
font-size: 8pt;
color: #768899;
border: 1px solid #666;
background-color: #F2F2F2;
}

table#calendar td {
padding: 8px;
vertical-align: top;
color: #637280;
border: 1px solid #B6C2CC;
height: 100px;
}

table#calendar td {
text-align: right;
}

table#calendar td p.day {
font: bold 10pt Arial, Helvetica, sans-serif;
color: #637280;
}

table#calendar td p.event {
margin: 0 0 8px 0;
padding: 0 0 2px 0;
font-size: 8pt;
border-style: solid;
border-width: 0 0 1px 0;
border-color: #B6C2CC;
/*border: 1px solid red;*/
}

table#calendar td.nonCurrMonth {
font: normal 8pt Arial, Helvetica, sans-serif;
color: #637280;
background-color: #E5E5E5;
}
/*****************************/

div.colsContainer {
padding: 5px 0 10px 0;
width: auto;
font-size: 10pt;
border: 0px solid #dfdfdf;
}

div#progressionContainer {
margin-top: -17px;
height: 60px;
border: 0px solid #dfdfdf;
}

div.row {
clear: both;
padding-top: 0px;
}

div.row div.progressionStep  {
float: left;
margin: 0;
padding: 20px 0 0 0;
width: 33%;
height: 40px;
text-align: center;
vertical-align: bottom;
color: #336699;
border: 0px solid #cccccc;
}

div.row div.progressionStep p {
margin: 0;
}
/*****************************/

/* FORM The form and its elements */ 
form select {
width: 175px;
font: 1em verdana, arial, hevetica, sans-serif;
border: 1px solid #669999;
}

form textarea {
border: 1px solid #669999;
}

form input.fieldStyle { /* Styles applied to input type of text and password */
margin: 0;
width: 175px;
font: 1em verdana, arial, hevetica, sans-serif;
border: 1px solid #669999;
}

form input.buttonForm { /* Styles for the form buttons */
margin: 0 .75em;
height: 20px;
color: #455880;
font-size: 8pt;
font-weight: bold;
border-collapse: collapse;
border: 1px solid #7D8DB3;
}

/* BUTTON LINKS Class made to have links look like form buttons. */
a.linkButton:link, a.linkButton:visited, a.linkButton:hover, a.linkButton:active  {
padding: 3px 10px;
font-size: 8pt;
color: #455880;
font-weight: bold;
text-decoration: none;
border: 1px solid #7D8DB3;
}
/*****************************/

/* CALENDAR POP-UP Used for the pop-up calendar  */
table.popCalendar {
width: 20%;
background-color: #EFEFEF;
border: 1px solid #eFeFeF;
}

table.popCalendar td {
font-size: 90%;
background-color: #EFEFEF;
padding: 5px;
border: 0px solid #C1C5D6;
}

/**********************************************/

/* 'SKIP TO' LINKS */
a.skip:link, a.skip:visited, a.skip:hover {
display: none;
}

a.skip:active, a.skip:focus {
display: none;
}
/**********************************************/