#content {
	margin: 0px 12px 0px 24px;
	position: relative;
}	

#content p, h1, h2, h3, h4  {
	margin: 2px 0 8px 0;
}

#content p {
	font-size: 1em;
}

#content ul.default {
	font-size: .8em;
}
#content ul.default1 {
	font-size: .6em;
}
#content p.default {
	font-size: .8em;
}
#content h1 {
	font-size: 2em;
	color: #2A5993;
}

#content h2 {
	font-size: 1.75em;
	color: #2A5993;
}

#content h3 {
	font-size: 1.5em;
	color: #2A5993;
}

#content h4 {
	font-size: 1.25em;
}

#content h5 {
	font-size: 1.em;
	font-weight: bold;
}

.float-left {
	float: left;
	margin: 0px 0px 6px 10px;
	position: relative;
}

.float-right {
	float: right;
	margin: 0px 10px 6px 0px;
	position: relative;
}

#content p.content-nav-button {
	text-align: right;
	margin: 2px 0px 8px 0px;
	clear: both;
}

/* button text is transparent, color the background to color the text */
#content p.content-nav-button a {
	background-color: #2A5993;
}

/* change background color to change text color on hover */
#content p.content-nav-button a:hover {
	background-color: #C60F08;
}

#content h2.question-number {
	margin-left: 120px;
	line-height: 1.25em;
}

/* treat the numbers as a block element */ 
.question-number span {
	display: block;
}

.incorrect {
	font-weight: bold;
	color: #990000;
}

.correct {
	font-weight: bold;
	color: #0EAC24;
}

.text-highlight {
	font-weight: bold;
	color: #990000;
	background-color: #F9D0D0;
	padding: 0px 2px;
}

/* format the grey box for quotes */
#content div.greybox {
	background-image: url(../Images/LearncenterImages/Greybox_shadow_right_bkgnd.gif);
	background-position: right top;
	background-repeat: no-repeat;
	background-color: #CCCED5;
	padding-top: 10px;
	position: relative;
}


/* format the grey grey box drop shadow at the bottom */
p.greybox-shadow-bottom {
	background-image: url(../Images/LearncenterImages/Greybox_shadow_bottom_bkgnd.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	clear: both;
	padding-top: 10px;
}

/* format the right text blurb */
#content div.right-blurb {
	background-color: #fff;
	background-image: url(../Images/LearncenterImages/Blurb_right_bkgnd.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px 20px 10px 112px;
	position: relative;
	height: 1%;
}

#content div.right-blurb p {
	padding: 0px 20px 0px 40px;
	margin: 0px 0px 0px 0px;
}

#content div.right-blurb p.blurb-top {
	padding: 0px;
	background-image: url(../Images/LearncenterImages/Blurb_top_bkgnd.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#content div.right-blurb p.blurb-bottom {
	padding-left: 0px;
	background-image: url(../Images/LearncenterImages/Blurb_bottom_bkgnd.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* format the below text blurb */
#content div.below-blurb {
	background-color: #fff;
	background-image: url(../Images/LearncenterImages/Blurb_below_bkgnd.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px 20px 0px 10px;
	position: relative;
	clear: left;
	padding-top: 21px;
}

/* stupid ie! */
*html #content div.below-blurb {
	padding-top: 10px;
}

#content div.below-blurb p {
	padding: 0px 12px;
	margin: 0px 0px 0px 0px;
}

#content div.below-blurb p.blurb-top {
	padding: 0px 0px 0px 0px;
	background-image: url(../Images/LearncenterImages/Blurb_top_bkgnd.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#content div.below-blurb p.blurb-bottom {
	padding: 0px;
	background-image: url(../Images/LearncenterImages/Blurb_bottom_bkgnd.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#test1 {
	width:100%;
	margin: 0px 12px 0px 0px;
	position: relative;
}	
#logo {
	width: 250px;
	margin: 100px 12px 100px 0px;  
	position: relative;
}
#logo2 {
	width: 250px;
	margin: 100px 12px 100px 0px;  
	position: relative;
}

#test1 p, h1, h2, h3, h4  {
	margin: 2px 0 8px 0;
}


#test1 p {
	font-size: 1em;
}

#test1 h1 {
	font-size: 2em;
	color: #2A5993;
}

#test1 h2 {
	font-size: 1.75em;
	color: #2A5993;
}

#test1 h3 {
	font-size: 1.5em;
	color: #2A5993;
}

#test1 h4 {
	font-size: 1.25em;
}

#test1 h5 {
	font-size: 1.em;
	font-weight: bold;
}

.float-left {
	float: left;
	margin: 0px 0px 6px 10px;
	position: relative;
}

.float-right {
	float: right;
	margin: 0px 10px 6px 0px;
	position: relative;
}


#left-column {
	width: 45%;
	float: left;
	position: relative;
}

.exams1 {
	width: 22%;
	position: relative;
	float: left;
	padding: 10px;
	border: 1px solid;
	font-size: 0.7em;
}	
.state {
	width: 40%;
	position: relative;
	float: left;
	padding: 20px;
	border: 1px solid;
	font-size: 0.7em;
}	
.state1 {
	width: 40%;
	position: relative;
	float: right;
	padding: 20px;
	border: 1px solid;
	font-size: 0.7em;
}
#right-column {
	width: 45%;
	margin-left: 47%;
	height: 1%;
	position: relative;
}

#left-column-login {
	width: 250px;
	margin-right: 20px;
	position: relative;
	float: left;
}


#right-column-login {
	width: auto;
	position: relative;
	height: 1%;
	margin-left: 270px;
}

#right-column-overview {
	width: 338px;
	position: relative;
	height: 1%;
	float: right;
}

#left-column-overview {
	position: relative;
	height: 1%;
	margin-right: 360px;
}

.clear {
	clear: both;
	fint-size: 1px;
	line-height: 1px;
	margin: 0px;
	padding: 0px;
}

#content p.instructions {
	font-size: 0.8em;
	padding: 5px 5px 5px 18px;
	background-image: url(../Images/LearncenterImages/information_icon.gif);
	background-repeat: no-repeat;
	border: 1px solid #CCCED5;
	font-style: italic;
	color: #666666;
	position: relative;
}

#content p.specials {
	font-size: 1.2em;
	padding: 10px 10px 10px 10px;
	margin-left: 100;
	margin-right: 100;
	text-align: center;
	background-color: #CBDCF0;
	border: 1px solid #CCCED5;
	color: #900B06;
	position: relative;
}

#content p.highlight {
	font-size: 1.2em;
	color: #FF3117;
	position: relative;
}

#content p.question {
	font-size: 1.2em;
	font-weight: bold;
}
#content p.loginbutton1 {
	font-size: .8em;
	color: #ffffff;
	text-decoration: none;
	float: left;
	font-weight: bold;
	margin: 4px;
	background-color: #2A5993;
	padding: 4px;
	text-transform: uppercase;
	letter-spacing: .2em;
	clear: both;
}

#content h4.loginbutton1 {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	background-color: #2A5993;
	text-transform: uppercase;
	letter-spacing: .1em;

}

#accordion1 a.loginbutton1 {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	background-color: #2A5993;
	text-transform: uppercase;
	letter-spacing: .2em;

}
#accordion1 a.visited.loginbutton1 {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	background-color: #2A5993;
	text-transform: uppercase;
	letter-spacing: .2em;

}
#content form table {
	border: 1px solid #3974BD;
	padding: 6px;
	margin: 5px 0px;
}

.left1 {
  position:relative;
  max-width: 750px;
  padding: 10px;
  border: 1px solid;
  margin-left: 60px;
}

.left2 {

  position:relative;
  max-width: 750px;
  padding: 10px;
  border: 1px solid;
  margin-left: 60px;
}  
.left3 {
  position:relative;
  max-width: 750px;
  padding: 10px;
  border: 1px solid;
  margin-left: 60px;
}
.left4 {
  position:relative;
  max-width: 750px;
  padding: 10px;
  border: 1px solid;
  margin-left: 60px;
}
.left5 {
  position:relative;
  max-width: 750px;
  max-height: 675px;
  padding: 10px;
  border: 1px solid;
  margin-left: 60px;
}
.left6 {
  position:relative;
  max-width: 750px;
  max-height: 1000px;
  border: 0px;
  margin-left: 60px;
}
/* "html>body" is a childselector command which means:
   select any body element that is a child of a html element.
   IE does not understand the childselector and will skip this rule.

   This is needed for Firefox. 
*/
html>body .left2 {
   top: 15px;
}

html>body .left3 {
   top: 30px;
}

html>body .left4 {
   top: 45px;
}
html>body .left5 {
   top: 60px;
}
html>body .left6 {
   top: 75px;
}
table tr td {
	vertical-align: top;
	padding-bottom: 2px;
}

input.button {
	background-color: #2A5993;
}

input.button:hover {
	background-color: #C60F08;
}
/* LOGIN button*/
.loginbutton a {
	font-size: .6em;
	color: #ffffff;
	text-decoration: none;
	float: left;
	font-weight: bold;
	margin: 4px;
	background-color: #2A5993;
	padding: 4px;
	text-transform: uppercase;
	letter-spacing: .2em;
	clear: both;
}
.loginbutton a:hover {
	text-decoration: underline;
	background-color: #2A5993;
	color: #ffffff;	
}

#content h2.review-topic {
	color: #666666;
	font-style: italic;
	margin-left: 120px; 
}

h2.review-topic span {
	color: #2A5993;
	display: block; 
}

#content div.notebook {
	background-image: url(../Images/LearncenterImages/spiral_ring_bkgnd.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	position: relative;
	clear: both;
	border-top: 8px solid #fff; /* to add space between notebook and upper elements, firefox workaround */
}

*html #content div.notebook {
	border-top: 0px;
}

#content div.notebook p.notebook-top {
	background-image: url(../Images/LearncenterImages/notebook_top_bkgnd.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px;
	padding: 0px;
}

#content div.notebook p.notebook-bottom {
	background-image: url(../Images/LearncenterImages/notebook_bottom_bkgnd.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin: 0px;
	padding: 0px;
}

/* format the notebook text area and content */

#content div.notebook div.notebook-text {
	color: #333333;
	background-image: url(../Images/LearncenterImages/notebook_paper_bkgnd.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 94%;
	overflow: hidden;
	position: relative;
	padding: 0px 0px 0px 14px;
}

#content div.notebook div.notebook-text h1 {
	color: #333333;
	font-style: italic;
	font-size: 1.25em;
}

#content div.notebook div.notebook-text h2 {
	color: #333333;
	font-style: normal;
	font-weight: bold;
	font-size: 1em;
}

#content div.notebook div.notebook-text ul, ol {
	margin-bottom: 0px;
	padding-bottom: 6px;
} 

.greybkgnd {
	background-color: #dddddd;
}


#content table {
	border: 1px solid #000;
	background-color: #FFFFFF;
	margin: 20px;
	padding: 0px;
	border-collapse: collapse;
}

#content table.center {
	margin-left: auto;
    margin-right: auto;
}
#content tr {
}
#content td {
	border: 1px solid #000;
	font-size: 85%;
	vertical-align: top;
	padding: 5px;
	text-align: left;
}

#content td.center {
	text-align: center;

}
#content th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000;
	background-color: #dddddd;
	font-size: 85%;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}

.regInstructions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #336699;
	background-color: #FFFFFF;
}
/*USE ONLY WELCOME PAGE COURSE LIST */
#content ul.courselist {
	font-size: 100%;
	margin-bottom: 25px;
}

.courselist li {
	list-style-type: none;
	margin-bottom: 6px;	
}

.courselist li img {
	margin: 0px 5px;
	border: 0;
	position: relative;
	top: 4px;
}

.courselist li a {
	text-decoration: none;
	color: #336699;
}
.courselist li a:hover {
	text-decoration: underline;
	font-weight: bold;
	font-size: 100%;
	
/*END SPECIAL COURSE LIST CODES */
}

#content li span{
	color: #900B06;
	font-weight: bold;
}
#test1  span.Style1 {
	color: #900B06;
	font-weight: bold;
}
#accordion img{
/* Set the width dynamically depending on the width of the browser window */
width:100%;
/* dont enlarge the image more, than its initial resolution */
max-width:245px;
max-height:60px;
/* Set the height dynamically depending on the image's current width, keeping the aspect ratio */
height:auto;
}
#logo img{
/* Set the width dynamically depending on the width of the browser window */
width:100%;
/* dont enlarge the image more, than its initial resolution */
max-width:250px;
max-height:61px;
/* Set the height dynamically depending on the image's current width, keeping the aspect ratio */
height:auto;
}
#logo2 img{
/* Set the width dynamically depending on the width of the browser window */
width:100%;
/* dont enlarge the image more, than its initial resolution */
max-width:250px;
max-height:61px;
/* Set the height dynamically depending on the image's current width, keeping the aspect ratio */
height:auto;
}
#content p.explanation {
	margin-left: 5%;
	margin-right: 5%;
}
#content ol.explanation {
	margin-left: 5%;
	margin-right: 5%;
	font-size: .9em;
	font-weight: bold;	
}
#content p.explanation-example {
	margin-left: 15%;
	margin-right: 15%;
}

#content p span.stress {
	font-style: italic;
	font-weight: bold;
}
#content p span.Style1 {
	color: #FF3117;
}
.underline {
	border-bottom: 1px solid #666666;
}

#coursepage-nav {
	position: absolute;
	top: 0px;
	right: 12px;
	z-index: 4;
	font-size: 12px;
}