﻿body
{
    font-family:Helvetica, Arial, Sans-Serif;
    margin-top:5px;
    font-size: 14px;
    background-color:#D2D2D2;
}
td
{
    vertical-align:top;
}
td.blueBold
{
    font-weight: bold;
    color:#084C98;
    padding: 5px 5px 5px 5px;
}
h1
{
    color:#084C98;
    margin: 5px 0px 0px 0px;
}
h1.bold
{
	font-family: Arial black;
	color:#FF9518;
	font-size:18px;
}
h2
{
    color:#084C98;
    margin: 5px 0px 0px 0px;
}
h3
{
    color:#084C98;
    margin: 5px 0px 0px 0px;
}
.sideBoxh3
{
    color:#084C98;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size:14px;
}
.sideul
{
    margin: 0px 0px 0px 30px;
    padding: 0px 0px 0px 0px;    
}
li.TickGrey
{
	list-style:none;
	margin: 0px 0px 0px 0px;	
	padding: 0px 10px 0px 15px;
	background: url("../media08/tick_Grey.gif") no-repeat;
}
li.TickWhite 
{
	list-style:none;
	margin-left:0px;	
	padding: 3px 0px 3px 25px;
	background: url("../media08/tick_White.gif") no-repeat;
}

/* Background Shadows */
#navShadow
{
	width: 1000px;
	height: 27px;
	margin-left: auto;
	margin-right: auto;
	background: url("../media08/Rear_navBG.gif") repeat-y #D2D2D2;
_width: 995px;
}
#headerShadow
{
	width: 1000px;
	height: 95px;
	margin-left: auto;
	margin-right: auto;
	background: url("../media08/Rear_headerBG.gif") repeat-y #1F87C4;
}
#deviderShadow
{
	width: 1000px;
	height: 13px;
	margin-left: auto;
	margin-right: auto;
	background: url("../media08/Rear_headerBG.gif") repeat-y #777777;
}
#deviderShadowFront
{
	width: 1000px;
	height: 24px;
	margin-left: auto;
	margin-right: auto;
	background: url("../media08/Rear_headerBG.gif") repeat-y #777777;
}
#contentShadow
{
	width: 1000px;
    min-height: 450px;
	margin-left: auto;
	margin-right: auto;
	background: url("../media08/Rear_headerBG.gif") repeat-y #FFFFFF;
}
#deviderBottomShadow
{
	width: 1000px;
	height: 35px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	background: url("../media08/Rear_dividerBottomBG.gif") repeat-y #1F87C4;
}
#bottomShadow
{
	width: 1000px;
	height: 5px;
	margin-left: auto;
	margin-right: auto;
	background: url("../media08/Rear_bottomBG.gif") no-repeat #D2D2D2;
	_height:0px;
}
#sidebarContentGreen
{
	width: 278px;
	color:#EDF4F9;
	font-size: .9em;
	margin: 2px 0px 0px 2px;
	padding: 9px;
	background: url("../media08/sidebarBGGreen.png") no-repeat;
}
#sidebarBottom
{
	height: 23px;
	margin: 0px 0px 0px 2px;
	background: url("../media08/sidebarBottomBG.png") no-repeat;
}
/* Midground Backgrounds */

#headerMidBG
{
	width: 688px;
	height: 95px;
	margin-left: 6px;
	background: url("../media08/Mid_headerBG.jpg") repeat-y #1F87C4;
	_margin-left: 3px;
	_float:left;
	_width: 688px;
}
#headerMidRightBG
{
    color:#FFFFFF;
	width: 266px;
	height: 85px;
	float: right;
	font-size: 12.5px;
	padding: 5px 5px 5px 5px;
	background: url("../media08/Mid_headerRightBG.jpg") repeat-y #1F87C4;
	_width: 264px;
	_font-size:10px;	
	
}
#headerSubmit
{
    float: right;
	_margin-right:1px;
}
#deviderMidShadow
{
	width: 988px;
	height: 13px;
	margin-left: auto;
	margin-right: auto;
	background: url("../media08/Mid_dividerBG.gif") repeat-x #777777;
}
#deviderMidShadowFront
{
	width: 988px;
	height: 24px;
	margin-left: auto;
	margin-right: auto;
	background: url("../media08/Mid_dividerBGFront.gif") repeat-x #777777;
}
#contentMidBG
{
    width: 668px;
    min-height: 1000px;
	margin-left: 6px;
	padding: 10px;
	_float:left;
	_margin-left: 3px;
   	_width: 666px;
}
#contentMidRightBG
{
	width: 300px;
	float: right;
	margin-right: 6px;
	_margin-right: 3px;
	_width: 298px;
}
#logoBG
{
	width: 300px;
	height: 255px;
	background: url("../media08/Mid_logoBG.jpg") right bottom no-repeat #FFFFFF;
	float:right;
	margin-top:-255px;
}
#deviderMidBG
{
	width: 688px;
	height: 35px;
	margin-left: 6px;
	background: url("../media08/Mid_deviderBG.jpg") repeat-y #1F87C4;
	_margin-left: 3px;
	_float:left;
}
#deviderMidRightBG
{
	width: 300px;
	height: 35px;
	float: right;
	margin-right: 6px;
	background: url("../media08/Mid_deviderRightBG.jpg") repeat-y #1F87C4;
	_margin-right: 3px;
}
#informationEvenings
{
	width: 668px;
	height: 282px;
	margin-top: 10px;
	background: url("../media08/Mid_formBG.jpg") repeat-y #FFFFFF;
}
/* General Styles */
#spacer
{
    height: 265px;
}
#footer
{
    padding-top:10px;
    color:#FFFFFF;
    font-size:10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.sideBox
{
    width: 260px;
    padding: 10px;
    font-size:12px;
    margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	color:#084C98;
	background: url("../media08/Mid_sideTopBG.gif") no-repeat;
}

.sideBox b
{
    font-size: 14px;
    font-weight:bolder;
}
.sideBoxDates
{
    width: 240px;
    padding: 10px;
    font-size:14px;
    font-weight: bolder;
    margin-bottom: 5px;
    margin-left: auto;
	margin-right: auto;
	color: #ffffff;
	background-color: #084C98;
	text-align: center;
}
.sideBoxBottom
{
    width: 260px;
    padding: 10px;
    font-size:12px;
    margin-bottom: 5px;
    margin-left: auto;
	margin-right: auto;
	color:#084C98;
	background: url("../media08/Mid_sideBottomBG.gif") no-repeat;
}
.insideSideBox
{
    width: 260px;
    padding: 10px;
    font-size:12px;
    margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	color:#084C98;
	background: url("../media08/Mid_boxTopBG.gif") no-repeat;
}
.insideSideBoxBottom
{
    width: 260px;
    padding: 10px;
    font-size:12px;
    margin-bottom: 5px;
    margin-left: auto;
	margin-right: auto;
	color:#084C98;
	background: url("../media08/Mid_boxBottomBG.gif") no-repeat;
}
#flashcontent
{
    float:left;
    margin: 2px 10px 10px 0px; 
}
.warning
{
    color: #696969;
	font-size: .7em;
	font-weight: normal;
	padding: 10px;
	background-color:#e1e1e1;
	text-align:justify;
}
.instructions
{
	color: #696969;
	font-size: .9em;
	font-weight: normal;
	padding: 10px;
	background-color: #EDF4F9;
	text-align:justify;
}
.RegistrationLabel
{
	font-family: sans-serif;
	font-size: .8em;
	font-weight: bold;
	Color: #222222;
}
.RegistrationLabelSide2
{
	font-family: sans-serif;
	font-size: .9em;
	font-weight: bold;
	Color: #084C98;
}
.Helpbox
{
	font-family: sans-serif;
	font-size: .7em;
	Color: #222222;
	text-align: center;
}
/* Form Styles */
.textEntry
{
    Width:260px;
    color:Gray;
    font-size:10px;
    margin:1px 0px 1px 0px; 
    padding:2px 0px 0px 0px; 
}
.textEntry1
{
    Width:150px;
    color:Gray;
    font-size:10px;
    margin:1px 1px 1px 1px; 
    padding:2px 0px 0px 0px; 
}
.textEntry2
{
    Width:306px;
    color:Gray;
    font-size:10px;
    margin:1px 1px 1px 1px; 
    padding:2px 0px 0px 0px; 
}
.textSelect2
{
    Width:310px;
    color:Gray;
    font-size:10px;
    margin:1px 1px 1px 1px; 
    padding:2px 0px 0px 0px; 
}
.textSelect2Pink
{
    Width:310px;
    color:Gray;
    font-size:10px;
    margin:1px 1px 1px 1px; 
    padding:2px 0px 0px 0px;
    background-color:Pink; 
}
.textEntrySide
{
    Width:270px;
    color:Gray;
    font-size:10px;
    margin:1px 1px 1px 1px; 
    padding:2px 0px 0px 0px; 
}
.textSelectSide
{
    Width:273px;
    color:Gray;
    font-size:10px;
    margin:1px 1px 1px 1px; 
    padding:2px 0px 0px 0px; 
}
.textEntrySide2
{
    Width:245px;
    color:Gray;
    font-size:10px;
    margin:1px 1px 1px 1px; 
    padding:2px 0px 0px 0px; 
}
.textSelectSide2
{
    Width:248px;
    color:Gray;
    font-size:10px;
    margin:1px 1px 1px 1px; 
    padding:2px 0px 0px 0px; 
}
.textSelectSide2Pink
{
    Width:248px;
    color:Gray;
    font-size:10px;
    margin:1px 1px 1px 1px; 
    padding:2px 0px 0px 0px;
    background-color:Pink; 
}
.textEntryShortEc
{
    Width: 127px;
    *Width: 126px;
    color:Gray;
    font-size:10px;
    margin:1px -2px 1px 0px;
    *margin:1px 0px 1px 0px; 
    padding:2px 0px 0px 0px;    
}
.textSelectEc
{
    Width: 264px;
    *Width: 264px;
    color:Gray;
    font-size:10px;
    margin:1px -2px 1px 0px;
    *margin:1px 0px 1px 0px; 
    padding:2px 0px 0px 0px;    
}
.textSelectEcPink
{
    Width: 264px;
    *Width: 264px;
    color:Gray;
    font-size:10px;
    margin:1px -2px 1px 0px;
    *margin:1px 0px 1px 0px; 
    padding:2px 0px 0px 0px;
    background-color:Pink;    
}
.textSelectShort1
{
    Width: 154px;
    *Width: 154px;
    color:Gray;
    font-size:10px;
    margin:1px -2px 1px 0px;
    *margin:1px 0px 1px 0px; 
    padding:2px 0px 0px 0px; 
}
.textSelectShort1Pink
{
    Width: 154px;
    *Width: 154px;
    color:Gray;
    font-size:10px;
    margin:1px -2px 1px 0px;
    *margin:1px 0px 1px 0px; 
    padding:2px 0px 0px 0px;
    background-color:Pink; 
}
.textSelectShort2
{
    Width: 155px;
    *Width: 155px;
    color:Gray;
    font-size:10px;
    margin:1px -2px 1px 0px;
    *margin:1px 0px 1px 0px; 
    padding:2px 0px 0px 0px; 
}
.textSelectShort2Pink
{
    Width: 155px;
    *Width: 155px;
    color:Gray;
    font-size:10px;
    margin:1px -2px 1px 0px;
    *margin:1px 0px 1px 0px; 
    padding:2px 0px 0px 0px;
    background-color:Pink; 
}
.submitTopCorner
{
    width: 30px;
    height: 95px;
    padding: 0px;
    margin: 0px;
    border:solid 0px #FFFFFF;
    cursor: pointer;
    cursor: hand;
    background: url("../media08/SubmitTopCorner.gif") no-repeat;
}
#submitRegistrationShort
{
	cursor: pointer;
	cursor: hand;
	width: 279px;
	height: 44px;
	border: none;
	padding-bottom: 2px;
	background: url("../media08/register3.jpg") no-repeat;   
}
.submitRegistrationShort
{
	cursor: pointer;
	cursor: hand;
	width: 279px;
	height: 44px;
	border: none;
	padding-bottom: 2px;
	background: url("../media08/register3.jpg") no-repeat;   
}
#submitRegistration2
{
	cursor: pointer;
	cursor: hand;
	width: 452px;
	height: 66px;
	border: none;
	padding-bottom: 4px;
	background: url("../media08/register2.jpg") no-repeat;
}
.submitRegistration2
{
	cursor: pointer;
	cursor: hand;
	width: 452px;
	height: 66px;
	border: none;
	padding-bottom: 4px;
	background: url("../media08/register2.jpg") no-repeat;
}
#submitRegistration3
{
	cursor: pointer;
	cursor: hand;
	width: 452px;
	height: 66px;
	border: none;
	padding-bottom: 4px;
	background: url("../media08/OnlineCourse_Btn.jpg") no-repeat;
}
#submitRegistration
{
	font-family: Arial Black;
	color: #ffffff;
	font-size: 18px;
	cursor: pointer;
	width: 279px;
	height: 44px;
	border: none;
		padding-bottom: 4px;
	background: url("../media08/registerSide.jpg") no-repeat #ffffff;
}
#submitRegistrationSide2
{
	font-family: Arial Black;
	color: #ffffff;
	font-size: 18px;
	cursor: pointer;
	cursor: hand;
	width: 179px;
	height: 39px;
	border: none;
	background: url("../media08/registerNow.png") no-repeat #ffffff;
}
.submitRegistrationSide2
{
	font-family: Arial Black;
	color: #ffffff;
	font-size: 18px;
	cursor: pointer;
	cursor: hand;
	width: 179px;
	height: 39px;
	border: none;
	margin-left:35px;
	margin-top:5px;
	background: url("../media08/registerNow.png") no-repeat #ffffff;
}
.submitSuper
{
	cursor: pointer;
	cursor: hand;
	width: 315px;
	height: 47px;
	border: none;
	background: url("../free/images/registerNowoff.gif") no-repeat;
}
.submitSuper:hover
{
	cursor: pointer;
	cursor: hand;
	width: 315px;
	height: 47px;
	border: none;
	background: url("../free/images/registerNowon.gif") no-repeat;
}
#enterMembers
{
    cursor: pointer;
	cursor: hand;
	width: 212px;
	height: 40px;
	border: none;
	padding-bottom: 2px;
	background: url("../media08/MembersButton.jpg") no-repeat;
}
#IEText1
{
    Width: 470px;
    color: #FFFFFF;
    float: right;
    font-size: 20px;
    font-weight: bold;
    margin: 15px 5px 5px 5px; 
    padding: 0px 0px 0px 0px;
}
#IEText2
{
    Width: 470px;
    color: #FFFFFF;
    float: right;
    text-align: right;
    font-size: 20px;
    font-weight: bold;
    margin: 0px 15px 8px 5px; 
    padding: 0px 0px 0px 0px;
}
#IEText3
{
    Width: 425px;
    color: #FFFFFF;
    float: right;
    text-align: center;
    font-size: 13px;
    margin: 5px 15px 5px 0px; 
    padding: 0px 0px 0px 0px;
}
#IEInput1
{
    Width:325px;
    color:#FFFFFF;
    float:right;
    font-size:12px;
    margin:5px 5px 5px 5px; 
    padding:0px 0px 0px 0px; 
}
#IESubmit1
{
    Width: 400px;
    height: 23px;
    color: #FFFFFF;
    float: right;
    font-size: 12px;
    text-align: right;
    margin: 5px 5px 5px 5px; 
    padding: 0px 9px 0px 0px;
}
.submitIE
{
    width: 72px;
    height: 23px;
    padding: 0px;
    margin: 0px 5px 0px 0px;
    border:solid 0px #FFFFFF;
    cursor: pointer;
    cursor: hand;
    background: url("../media08/Submit_IE.gif") no-repeat;
}
/* Link Styles */
.videoLink:visited {color: #585858; FONT-FAMILY: sans-serif; font-size: .9em; text-decoration: none}
.videoLink:link {color: #696969; FONT-FAMILY: sans-serif; font-size: .9em; text-decoration: none}
.videoLink:active {color: #f29400; FONT-FAMILY: sans-serif; font-size: .9em; text-decoration: none}
.videoLink:hover {color: #f29400; FONT-FAMILY: sans-serif; font-size: .9em; text-decoration: none}
.LinkFooter:visited {color: #FFFFFF; font-size: .9em; text-decoration: none;}
.LinkFooter:link {color: #696969; font-size: .9em; text-decoration: none;}
.LinkFooter:active {color: #FE8721; font-size: .9em; text-decoration: none;}
.LinkFooter:hover {color: #FE8721; font-size: .9em; text-decoration: none;}
.LinkLaunch:visited {color: #696969; font-size: .9em; text-decoration: none;}
.LinkLaunch:link {color: #696969; font-size: .9em; text-decoration: none;}
.LinkLaunch:active {color: #FE8721; font-size: .9em; text-decoration: none;}
.LinkLaunch:hover {color: #FE8721; font-size: .9em; text-decoration: none;}
/* CSS Nav Tabs Styles */
#tabsI
{
    float:left;
    width:100%;
    font-size:13px;
    font-family: Helvetica,Arial,sans-serif;
    line-height:normal;
    padding-left: 6px;
    _padding-left: 6px;
}
#tabsI ul
{
    margin:0px;
    padding:0px 0px 0px 0px;
    list-style:none;
}
#tabsI li
{
    display:inline;
    margin:0px;
    padding:0px;
}
#tabsI a
{
    float:left;
    background:url("../media08/tableftI.gif") no-repeat left top;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 5px;
    text-decoration:none;
}
#tabsI a span
{
    float:left;
    display:block;
    background:url("../media08/tabrightI.gif") no-repeat right top;
    padding:5px 21px 5px 15px;
    color:#FFF;
}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsI a span
{
    float:none;
}
    /* End IE5-Mac hack */
#tabsI a:hover span
{
    color:#FFF;
}
#tabsI a:hover
{
    background-position:0% -27px;
}
#tabsI a:hover span
{
    background-position:100% -27px;
}
#tabsI #current a
{
    background-position:0% -27px;
}
#tabsI #current a span
{
    background-position:100% -27px;
}
/* CSS Nav Tabs Styles II */
#tabsII
{ 
    float: right;
    text-transform: uppercase;
    font-size: 11px;
    *font-size: 12px;
    font-weight: bold;
    font-family: Helvetica,Arial,sans-serif;
    line-height: normal;
    padding-left: 6px;
    _padding-left: 6px;
}
#tabsII ul
{
    margin:0px;
    padding:0px 0px 0px 0px;
    list-style:none;
}
#tabsII li
{
    display:inline;
    margin:0px;
    padding:0px;
}
#tabsII a
{
    float:left;
    background:url("../media08/tableftII.gif") no-repeat left top;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 5px;
    text-decoration:none;
}
#tabsII a span
{
    float:left;
    display:block;
    background:url("../media08/tabrightII.gif") no-repeat right top;
    padding:5px 16px 5px 10px;
    color:#FFFFFF;
}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsII a span
{
    float:none;
}
    /* End IE5-Mac hack */
#tabsII a:hover span
{
    color:#FE8721;
}
#tabsII a:hover
{
    background-position:0% -27px;
}
#tabsII a:hover span
{
    background-position:100% -27px;
}
#tabsII #currentII a
{
    background-position:0% -27px;
}
#tabsII #currentII a span
{
    background-position:100% -27px;
}
/* tables */
.tableHeader
{
    background-color:#084C98;
    text-align:center;
    vertical-align:top;
    width: 80px;
    color: #FFFFFF;
}
.tableHeader2
{
    background-color:#084C98;
    text-align:center;
    vertical-align:top;
    color: #FFFFFF;
}
.tableContent
{
    text-align:center;
    vertical-align:top;
}
.tableContentAlt
{
    background-color:#D2D2D2;
    text-align:center;
    vertical-align:top;
}
#paper
{
     background: url("/media08/paper_bg.jpg") no-repeat;
     width: 230px;
     height: 440px;
     padding: 35px 10px 0px 30px;
     line-height: 17px;
     margin: 10px 0px 0px 13px;
}
/* Background Shadows */
.johnsonorange	{ border: 2px solid #FF6600; background-color:#FFCC66;padding: 5px; width:500px; text-align:left;}
.johnsonblue	{ border: 2px solid #1768AF ; background-color:#66CCFF;padding: 5px; width:500px; text-align:left;}
.johnsongrey	{ border: 2px solid #D1D1D1; background-color: #F1F1F1;padding: 5px; width:500px; text-align:left;}