html 
{
	margin: 0px;
	padding: 0px;
}
body 
{
	margin: 0px;
	padding: 0px;
	background-color: White;
	padding-top: 15px;
}
body, table, .body
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
p
{
  padding: 0px;
  margin: 0px;
}
img
{
	border: 0px;
}
a, a:link, a:active, a:visited , a:hover
{ 
	color: #0026FF;
	text-decoration: none;
}
a:hover
{ 
	text-decoration: underline;
}
edit:link, edit:visited, edit:active
{
	font-size: 12px;
}
edit:hover
{
	font-size: 12px;
}
h1
{
	margin: 0px 0px 5px 0px;
}
h1, .header 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #00267F;
	text-decoration: none;
}
h2
{
	margin: 0px 0px 0px 0px;
}
h2, .subHeader 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #00267F;
	text-decoration: none;
}
h3
{
	margin: 0px 0px 0px 0px;
}
h3, .colhead
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00267F;
	text-decoration: none;
}

td.colhead
{
  text-align:right;
}

.bold
{
	font-weight: bold;
}
.italic
{
	font-style: italic;
}

#ContentCell
{
  vertical-align:top;
}

.footer
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #AAAAAA;
	padding-top: 0px;
}
.pageBox
{
	background-color: #FFFFFF;
	border: 1px solid #000000;
}
#nav {
	background-repeat: repeat-x;
	height:27px;
	text-align:left;
	width:748px;
	/*margin-bottom: 4px;*/
}
.navBlock {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	font-weight:bold; 
	color:#FFFFFF; 
	background-color:#FFFFFF; 
	border-bottom:solid 2px #AAAAAA;
	width:130px;
	line-height: 15px;
}

.navBlock a{
	color:#0026ff; 
	text-decoration:none;
	display:block;
	padding-left:5px; 
	padding-top:4px; 
	padding-bottom:2px;
}

.navBlock a:hover{
	color:#FFFFFF; 
	text-decoration:none;
	background-color:#00267f;
}
.navBlockFlyout
{
    width:160px; 
    border: 1px solid #AAAAAA;
}
.navBlockFlyoutLevelOne
{
    left: 149px;
    top: -1px
}
.navBlockFlyoutLevelTwo
{
    left: 154px;
    top: -1px
}

.nav
{
  border: 1px solid gray;
	position: relative;
	padding-top: 0px;
	height: 16px;	
}

.nav a{
	font-size:12px;
	color:#00267F;
	font-weight:bold;
	text-decoration:none;
	padding-left:8px;
	padding-right:8px;
}

.nav a:hover{
	text-decoration: underline;
}

.flyoutDiv
{
  width:140px; 
  position:absolute; 
  visibility: hidden;
}

.subMenu a
{
	font-size: 12px;
}

.edit:link, edit:visited, edit:active
{
	font-size: 12px;
}
.edit:hover
{
	font-size: 12px;
}
.treeOpen
{
	background-image: url(../Images/toggle_open.gif);
}
.treeClosed
{
	background-image: url(../Images/toggle_closed.gif);
}.content{
	margin-left:39px; 
	margin-top:19px;  
	vertical-align: top;
}

.bodytext{  
	font-size:12px; 
	line-height:18px;
	padding-right:0px;
	
}

.header
{
  padding-bottom: 5px;
  
}

.footer
{
 padding-top: 10px; 
}

.pinkBox
{
  background-image: url(../Images/pinkBox.jpg); 
  height: 263px; 
  text-align: center;
  position:relative;
  z-index: 1;
}

.pinkBoxText
{
  padding: 10px;
  line-height: 24px;
  color: White; 
  font-size: 20px;
  text-align: center;
  width:314px;
  position:absolute;
  z-index: 2;
}

#moviediv
{
 z-index: 300;
 position:relative;
}

.tabActive
{
	padding: 5px;
	background-color: #EEEEEE;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
}
.tabActiveLink, .tabActiveLink:link, .tabActiveLink:active, .tabActiveLink:visited, .tabActiveLink:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00267F;
	text-decoration: none;
}
.tabGrey
{
	padding: 5px;
	background-color: #FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #999999;
}
.tabGreyLink, .tabGreyLink:link, .tabGreyLink:active, .tabGreyLink:visited, .tabGreyLink:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.tabBody
{
    background-color: #EEEEEE; 
    border-left: 1px solid #999999; 
    border-right: 1px solid #999999; 
    border-bottom: 1px solid #999999;
    padding: 5px;
}

.loginFormText
{
font-size: 10px;
font-weight: bold;
color: #009444;
text-align: right;
}

.loginFormHeader
{
font-size: 12px;
font-weight: bold;
color: #01a1c1;
padding-top: 5px;
padding-left: 10px;
padding-bottom: 12px;
}

.loginFormDescription
{
  font-size: 10px;
  padding-left: 10px;
  padding-bottom: 12px;  
}

.backgroundBorder
{
  border: 1px solid #fbc611;
  background-image: url(../images/login/login-background.jpg);
  background-position: center;
}

.loginLink:link, .loginLink:visited, .loginLink:hover, .loginLink:active
{
  color: Black;
  text-decoration: underline;
  font-weight: bold;
  font-size: 12px;
}

.thankYouMessage
{
  font-weight: bold;
  font-size: 14px;
  color: #009444;
}

.quizBackground
{
  width: 569px; 
  height: 428px;
  background-repeat: no-repeat; 
  background-position: top left;
  /*padding-top: 85px;*/
  color: #076a69;
}

.quizQuestion
{
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  width: 415px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 25px;
  line-height: 24px;
}

.radioButton:hover
{
  cursor: pointer;
}

.quizAnswer
{
  color: #076a69;
  font-size: 16px;
}

.quizMessage
{
  font-weight: bold;
  color:white;
}

.leftNavCouncil
{
  text-align: center; 
  vertical-align: top; 
  background-color: #b03ae4;
  color: Black;
  text-align: left;
  padding-left: 15px;
}

.leftNavCouncil a:link, .leftNavCouncil a:visited, .leftNavCouncil a:active
{
  text-decoration: none;
  color: Black;
  font-weight: bold;
}

.leftNavCouncil a:hover
{
  text-decoration: underline;
}

.tableGrid
{
    border-top: 1px solid black;
    border-left: 1px solid black;
}

.tableGrid tr td
{
    padding: 2px;
    padding-left: 5px;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}

.orderedList li
{
  padding-bottom: 10px;
}

.HistoryCourseHeader
{
  font-size: 14px;
  font-weight: bold;
}

.LessonBox
{
  border: 1px solid #fdc103;
}

.councilAdminLink
{
  position: absolute;
  top: 27px;
  left: 75px;
  font-weight: bold;
  font-size: 14px;
  font-family: Arial Sans-Serif;
}

.councilAdminLink:hover
{
  text-decoration: none;
}

.personalizeLink:link, .personalizeLink:visited, .personalizeLink:active
{
  color: #00b9d7;
}

.customizeLink:link, .customizeLink:visited, .customizeLink:active
{
  color: #5cac26;
}

.homepageLink:link, .homepageLink:visited, .homepageLink:active
{
  color: #f5d200;
}

.usersLink:link, .usersLink:visited, .usersLink:active
{
  color: #fb9400;
}

.box
{
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 692px;
    margin-bottom: 8px;
}
  
.box > .number
{
    float: left;
    width: 50px;
    font-weight: bold;
    font-family: Arial;
    font-size: 70px;
    padding-left: 10px;
}
  
.box > .content
{
    float: left;
    width: 598px;
    padding: 10px;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 15px;
    top: 10px;
    background-color: White;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
  
.box > .content > .title
{
    font-size: 16px;
    line-height: 22px;
}
  
.box > .content > .description
{
    font-size: 12px;
    line-height: 18px;
}
  
.box > .content > .button
{
    color: White;
    font-weight: bold;
    letter-spacing: 1px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 96px;
    font-size: 12px;
    display: block;
    height: 20px;
    padding-top: 6px;
    padding-left: 15px;
    margin-top: 10px;
}
  
.box > .content .button:hover
{
    text-decoration: none;
}
  
.one { background-color: #DCF0F7; }
.one > .number { color: #00B9D7; }
.one > .content { background-color: #FFF; }
.one > .content > .title { color: #00B9D7; }
.one > .content > .button { background-color: #00B9D7; }
  
.two { background-color: #DAE8CF; }
.two > .number { color: #5BAC21; }
.two > .content { background-color: #F4F9F2; }
.two > .content > .title { color: #5BAC21; }
.two > .content > .button { background-color: #5BAC21; }
  
.three { background-color: #F8F2C2; }
.three > .number { color: #FED001; }
.three > .content { background-color: #FEFCF0; }
.three > .content > .title { color: #FED001; }
.three > .content > .button { background-color: #FED001; }
  
.four { background-color: #FDD3A3; }
.four > .number { color: #FD9700; }
.four > .content { background-color: #FDF3E9; }
.four > .content > .title { color: #FD9700; }
.four > .content > .button { background-color: #FD9700; }
  
.five { background-color: #F8AECF; }
.five > .number { color: #C01D2E; }
.five > .content { background-color: #FCE5EF; }
.five > .content > .title { color: #C01D2E; }
.five > .content > .button { background-color: #C01D2E; }

.historyTitle
{
    font-size: 20px;
    font-weight: bold;
    color: #055A90;
}
  
.historyTable
{
    width: 100%;
    border-top: 1px solid #DADDE2;
    border-left: 1px solid #DADDE2;
    border-bottom: 1px solid #DADDE2;
}
  
.historyTable th
{
    border-bottom: 1px solid #DADDE2;
    background-color: #FFFDD2;
    vertical-align: top;
    color: #0C8BC2;
    padding: 5px 0px;
    font-weight: normal;
}
  
.historyTable td
{
    background-image: url(../images/historyRowBack.gif);
    background-repeat: repeat-x;
    height: 19px;
    padding-top: 3px;
    padding-left: 6px;
    font-size: 12px;
    text-align: center;
}
  
.historyTable th.councilName
{
    text-align: left;
    padding-left: 15px;
}
    
.historyTable td.right, .historyTable th.right
{
    border-right: 1px solid #DADDE2
}

.historyTable td.name
{
    text-align: left;
}

.historyTable td.name a:Link,
.historyTable td.name a:Visited,
.historyTable td.name a:Active
{
    color: Black;
    text-decoration: none;
}

.historyTable td.name a:Hover
{
    text-decoration: underline;
}

.historyBreadCrumbs
{
    font-size: 11px;
    color: #0C8BC2;
}

.historyBreadCrumbs a:Link,
.historyBreadCrumbs a:Visited,
.historyBreadCrumbs a:Active,
.historyBreadCrumbs a:Hover
{
    font-size: 11px;
    color: #0C8BC2;
}

.breadcrumbsWrapper
{
    color: White;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 6px;
    padding-left: 20px;   
}

.breadcrumbsWrapper a:Link, 
.breadcrumbsWrapper a:Visited, 
.breadcrumbsWrapper a:Active, 
.breadcrumbsWrapper a:Hover
{
    color: White;
    font-size: 12px;
    font-weight: bold;
}

.breadcrumbsWrapper a.selected:Link, 
.breadcrumbsWrapper a.selected:Visited, 
.breadcrumbsWrapper a.selected:Active, 
.breadcrumbsWrapper a.selected:Hover
{
    color: Yellow;
}

.wizardTitle
{
    font-size: 16px;
    font-weight: bold;
    width: 701px;
    margin: 0px auto;
    margin-bottom: 15px;
}

.wizardDirections
{
    font-size: 14px;
    font-weight: bold;
    width: 701px;
    margin: 0px auto;
    margin-bottom: 15px;
}

.wizardStepOne
{
    width: 701px;
    height: 48px;
    margin: 0px auto;
    background-image: url(../images/wizard/background-box1.jpg);
}

.wizardStepOne > .image
{
    float: left;
    width: 123px;
    margin: 15px 0px 0px 15px;
}

.wizardStepOne > .label
{
    float: left;
    font-size: 15px;
    color: #049CC2;
    margin: 15px 10px 0px 0px;
}

.wizardStepOne > .textbox
{
    float: left;
    margin-top: 15px;
}

.wizardStepTwo
{
    height: 349px;
    width: 701px;
    margin: 0px auto;
    background-image: url(../images/wizard/background-box2.jpg);
}

.wizardStepTwo > div > .image
{
    float: left;
    width: 138px;
    margin: 15px 0px 0px 15px;
}

.wizardStepTwo > div > .label
{
    float: left;
    font-size: 15px;
    color: #049CC2;
    margin: 15px 10px 0px 0px;
}

.wizardStepTwo > .leftWrapper
{
    clear: both;
    float: left;
    width: 350px;
    margin-top: 9px;
}

.wizardStepTwo > .leftWrapper > .typeItem
{
    background-image: url(../images/wizard/button-bar.png);
    background-repeat: no-repeat;
    background-position: top left;
    width: 263px;
    height: 45px;
    float: right;
    margin-top: -3px;
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.wizardStepTwo > .leftWrapper > .typeItem > .icon
{
    float: left;
    width: 40px;
    margin: 6px 0px 0px 7px;
}

.wizardStepTwo > .leftWrapper > .typeItem > .text
{
    float: left;
    font-size: 15px;
    color: #049CC2;
    margin: 12px 0px 0px 7px;
    font-weight: bold;
}

.wizardStepTwo > .leftWrapper > .typeItem > .description
{
    display: none;
}

.wizardStepTwo > .rightWrapper
{
    float: left;
    width: 350px;
    margin-top: 9px;
}

.wizardStepTwo > .rightWrapper > .typeItem
{
    background-image: url(../images/wizard/button-bar.png);
    background-repeat: no-repeat;
    background-position: top left;
    width: 263px;
    height: 45px;
    float: left;
    margin-top: -3px;
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.wizardStepTwo > .rightWrapper > .typeItem > .icon
{
    float: left;
    width: 50px;
    margin: 6px 0px 0px 7px;
}

.wizardStepTwo > .rightWrapper > .typeItem > .text
{
    float: left;
    font-size: 15px;
    color: #049CC2;
    margin: 12px 0px 0px 7px;
    font-weight: bold;
}

.wizardStepTwo > .rightWrapper > .typeItem > .description
{
    display: none;
}

.descriptionHolder
{
    float: left;
    width: 253px;
    margin-left: 5px;
    padding-top: 10px;
}

.editWrapper
{
    width: 701px;
    margin: 0px auto 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    background-color: #E5F8FF;
}

.editWrapper > .bigIcon
{
    float: left;
    width:60px;
    height: 60px;
    margin: 10px 30px 0px 10px;
}

.editWrapper > .instructions
{
    width: 500px;
    float: left;
    margin-top: 10px;
}

.editWrapper > .instructions > .typeName
{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

.editWrapper > .label
{
    float: left;
    width: 50px;
    font-size: 15px;
    color: #049CC2;
    margin: 10px 10px 10px 15px;
}

.editWrapper > .label.fullWidth
{
    float: none;
    padding-top: 5px;
    width: 100%;
}

.editWrapper > .textbox
{
    float: left;
    width: 300px;
    margin-top: 7px;
}

.editWrapper > .editor
{
    width: 600px;
    margin: 0px auto;
}

.editWrapper > .addressBlock
{
    margin: 10px 20px 0px;
}

.editWrapper > .buttons
{
    float: right;
    margin: 15px 0px 0px 0px;
}

.editWrapper > .buttons > a:Link,
.editWrapper > .buttons > a:Visited,
.editWrapper > .buttons > a:Active
{
    color: White;
    font-weight: bold;
    letter-spacing: 1px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    height: 20px;
    display: block;
    padding: 6px 15px 0px 15px;
    margin: 0px 10px 0px 0px;
    background-color: #00B9D7;
    float: left;
}

.editWrapper > .buttons > a:Hover
{
    text-decoration: underline;
}

.editWrapper > .quizWrapper
{
    width: 95%;
    margin: 0px auto;
}

.lessonListTable
{
    width: 745px;
    font-family: Verdana;
}

.lessonListTable tr
{
    height: 30px;
}

.lessonListTable th
{
    text-align: left;
}

.lessonListTable td
{
    vertical-align: top;
    padding-top: 6px;
}

.lessonListTable td a:Link,
.lessonListTable td a:Visited,
.lessonListTable td a:Active,
.lessonListTable td a:Hover
{
    color: #049cc2;
}

.documentArea
{
    width: 680px;
    margin: 5px auto;
}

.congratsWrapper
{
    width: 420px; 
    margin: 0px auto;
}

.percentageCorrect
{
    position: absolute;
    top: 40px;
    right: 20px;
    font-size: 24px;
    font-weight: bold;
}