/* CSS Document For Homepage */

body { background-color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }

p { margin: 0 0 1.2em 0 }
.center { text-align: center }
h1 { font-weight: bold; margin: 0 0 1.2em 0; font-size: 1.1em; color:#3F7FBF }
h2 { font-weight: bold; margin: 0 0 1.2em 0; font-size: 1.1em; color:#3F7FBF }

h3 { font-weight: bold; margin: 0 0 1em 0; font-size: 1.3em; color: #BF953F }

a { color: #3f7fbf }
a:hover { text-decoration: none }

a img { border:none; }

hr { height: 1px; color: #ccc }

input { border: 1px solid #000; background-color: #f9f9f9; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif }
textarea { border: 1px solid #000; background-color: #f9f9f9; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif }
select { border: 1px solid #000; background-color: #f9f9f9; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif }

.errorMsg { color:#CC0000; }
.errorMsg ul { margin-top:3px; }

/* Homepage Layout */

#mainBody { position: relative; width: 752px; margin: 0 auto }
#internalLogo { position: relative }
	#internalLogo img { padding: 0px 56px }
  
#internalHeader { position: relative; border-top: 1px solid #000; border-bottom: 1px solid #000; height: 108px }
	#element01 { position: absolute; width: 35px; height: 81px; background-color: #999 } 
	#element02 { position: absolute; left: 36px }
	#element03 { position: absolute; left: 36px; top: 41px; height: 40px; width: 40px; background-color: #4C99E6 }
	#element04 { position: absolute; top: 82px; height: 26px; width: 76px; background-color: #BF953F }
	#element05 { position: absolute; left: 77px; height: 108px; width: 105px; background-color: #E6B24C; text-align: left }
	#element06 { position: absolute; height: 82px; width: 409px; background-color: #3F7FBF; left: 183px }
		#element06 img { margin-top: 32px }
	#element07 { position: absolute; left: 183px; top: 82px; height: 25px; width: 409px; background-color: #369; text-align: right; border-top: 1px solid #000 }
	#element08 { position: absolute; left: 593px }
	
#mainContent { position: relative; margin: 1px 0px; border: 1px solid #f1f1f1; border-top: none; width: 752px; margin: 0 auto; margin-top: 1px; z-index: 100 }
	#smallBoxes { position: absolute; left: 600px }
	#leftColumn, #rightColumn { float: left }
	#leftColumn { background-color: #f1f1f1; width: 183px; min-height: 240px; text-align: center }
		#leftColumn { height: 240px }
	#rightColumn { width: 553px; background-image: url(images/interior/mainContentBG.gif); background-repeat: no-repeat; background-position: bottom; padding: 24px 8px 32px 8px; min-height: 240px }
		* html #rightColumn { height: 240px }
		
#footer { margin: 0 auto; margin-top: 10px; width: 752px; text-align: center }
		
	/* Navigation */
	
	#element05 ul { display: block; width: 95px; list-style: none; margin: 5px; margin-top: 36px; padding: 0 }
	#element05 li a { color: #fff; font-weight: bold; text-decoration: none }
	#element05 li a:hover { color: #000 }
	
	#leftColumn ul { display: block; list-style-type: none; margin: 10px; padding: 0 }
	#leftColumn li { display: block; background-color: #BF953F; border: 1px solid #000; padding: 0; margin: 1px; text-align: right }
	#leftColumn li a { display: block; padding: 5px; color: #fff; text-decoration: none; font-weight: bold }
	#leftColumn li a:hover { display: block; background-color: #E6B24C; color: #000 }
	
/* Miscellaneous Layout */

#educationTable { border: 1px solid #000 }
#educationTable td  { vertical-align: top }
.onlineSeminar { background-color: #fff7e7 }
.telephoneSeminar { background-color: #f1f1f1 }
.liveSeminar { background-color: #E1E6EF }

  
#mainContent:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #mainContent {height: 1%;}
/* End hide from IE-mac */



.eventListTable { width:100%; margin-bottom:25px; border-collapse:collapse; }
.eventListTable td, .eventListTable th { padding:5px; }
.elTableDate { width:10%; background-color:#3F7FBF; color:#FFFFFF; text-align:left; border:1px solid #000; border-right:0px }
.elTableEvent { background-color:#3F7FBF; color:#FFFFFF; border:1px solid #000; border-right:0px; border-left:0px; }
.elTableType { width:15%; background-color:#3F7FBF; color:#FFFFFF; border:1px solid #000; border-left:0px }
.eventListTableFooter { border-top:1px solid #3F7FBF; text-align:right; }

.onlineCategory td { background-color:#D4ECCF; border-bottom:1px solid #ccc; } 
.telephoneCategory td { background-color:#F4EAD6; border-bottom:1px solid #ccc; } 
.otherCategory td { background-color:#F1D9D7; border-bottom:1px solid #ccc; } 
.textTitleBlue { font-size:14px; font-weight:bold; color:#000066; }

.imageFloatLeft { float:left; margin:0px 5px 4px 0px; }
.iamgeFloatRight { float:right; margin:0px 0px 4px 5px; }