body {
	background:#E5E5E5;
	color: #000;
	font-family: verdana;
	font-size: 0.7em;
	margin: 0;
}

h3 {
	font-size: 1.2em;
	margin-top: 1em;
	margin-bottom: 1em;
}

.borderSmall {
	border:4px solid white;	
	width: 68em;
	margin: 6px auto;
	background-color: white;
}

.borderSmall div{
	border: none;
}

* html .container {
	margin-left: -700px;
	position: relative;
}
/*\*/
* html .container, * html .content, * html .contentBefore, * html .contentAfter  {
	height: 1px;
}
/**/
.content, .contentBefore {
	padding: 2em 5px 5px 1em;
	min-height: 510px;
}

.contentAfter {
	padding: 0em 5px 5px 1em;
	min-height: 510px;
}

.contentResults {
	padding: 1.5em 5px 20px 1em;
	min-height: 755px;
}

.homeBackground {
	background: url("img/p1-main-img.jpg") white top right no-repeat;
}

.beforeBackground {
	background: url("img/p2-main-img.jpg") no-repeat scroll 90% top;
	position: relative;
	z-index: 200;
}

.duringBackground {
	background: url("img/p3-main-img.jpg") no-repeat scroll 94% top;
	position: relative;
	z-index: 200;
}

.afterBackground {
	background: url("img/p4-main-img.jpg") no-repeat scroll 489px top;
	position: relative;
	z-index: 200;
}

.borderSmall .width {
	margin:0 auto;
	height:100%;
}
* html .minwidth {
	padding-left: 700px;
}
/*\*/
* html .minwidth, * html .layout {
	height: 1px;
}
/**/

.borderSmall .intro {
	width: 700px;
	min-width: 700px;
	margin:0 auto;
	height:100%;
	background-color:white;
}

p {padding:1em; margin:0;}

p.small {
font-size: 0.9em;
padding-bottom: 2em;
}

h1{
border: none;
padding: 1.5em 1.5em 0.3em 0.7em;
margin-top: 1ex;
margin-bottom: 1ex;
color: #666666;
background-color: transparent;
font-family: Arial,Helvetica,sans-serif;
font-size: 125%;
margin: 0;
}

h1.black{
color: black;
}

ul{
line-height: 1.5;
}

li {
color: black;
}

img.right{
float: right;
padding-right: 1.5em;
}

#header {height:80px; text-align:center;background: url("img/bg-top.jpg") no-repeat top right;}

#header img {
margin:5px 0 0 10px;
float: left;
height: 55px;
width: 131px;
padding:7px;
}

#bottomMenu {
background: url(img/btmbar-notes-bg.jpg) repeat-x #0671C1;
 padding-top: 2em;
padding-bottom: 2em;
width: 68em;
margin-left:auto;
margin-right:auto;
}

#bottomMenu #firstCol, #bottomMenu .col {
background-color: #f2f2f2;
float: left;
margin-left: 34px;
min-height: 19em;
width: 190px;
padding: 0 8px 0;
}

#bottomMenu #firstCol p, #bottomMenu .col p{
padding-left: 6px;
padding-bottom: 0.5em;
}

#bottomMenu #firstCol .middleContent, #bottomMenu .col .middleContent{
height: 15em;
}

.clear {
clear:both;
height:1px;
}

#footer {text-align:center;font-size:0.95em;background-color:#E5E5E5;}

#footer a {color: black; font-weight:normal;}

#footer p {padding-top: 0.5em}

a:link {
	font-family: Arial,Helvetica,sans-serif;
	text-decoration: none;
	color: #074890;
	font-weight: bold;
	background-color: transparent;
}

a:visited {
	font-family: Arial,Helvetica,sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #074890;
	background-color: transparent;
}

a:active {
	font-family: Arial,Helvetica,sans-serif;
	text-decoration: underline;
	font-weight: bold;
	background-color: transparent;
}

a:hover {
	font-family: Arial,Helvetica,sans-serif;
	text-decoration: underline;
	font-weight: bold;
	background-color: transparent;
}

a img {
	border: none;
	text-decoration: none;
}

.left {
	text-align: left;
}

#menu{
background: url(img/nav.jpg) center center repeat-x;
width: 100%;
font-weight: bold;
font-size: 90%;
height: 30px;
margin: 0;
padding: 0;
}

#menu ul{
margin: 0;
padding: 0;
text-align: left;
height: 100%;
}

#menu ul li{
float: left;
list-style-type: none;
line-height: 1.2;
height: 30px;
margin: 0;
padding: 0;
}

#menu ul li a{
color: #fff;
margin: 0;
text-decoration: none;
font-size: 130%;
padding: 7px 16px;
margin-top: 10px;
height: 100%;
top: 7px;
position: relative;
}

#menu ul li a.last{
border-right: none;
padding-left: 18px;
padding-right: 24px;
}

#menu ul li a.active{
background: url(img/nav-hover.jpg) center center repeat-x;
color: #fff;
}

#menu ul li a:hover{
background: url(img/nav-hover.jpg) center center repeat-x;
color: #fff;
}

.content #noBox {
padding-right: 300px;
}

.content #noBox hr{
margin-left: 12px;
width: 480px;
}

.contentAfter #noBox {
padding-right: 290px;
}

.content #noBox, .contentAfter #noBox {
min-height: 133px;
}

.content #noBoxWide {
padding-right: 250px;
min-height: 133px;
}

.content #lightBlueBox {
background: url(img/p1-mdl-bg.jpg) no-repeat;
width: 462px;
height: 253px;
padding-bottom: 3em;
}

.content #lightBlueBox h1, .content #noBox h1, .contentAfter #noBox h1, .resultsLeftCol h1 {
font-family: arial;
font-size: 2em;
color: black;
padding-top: 0.8em;
padding-left: 0.5em;
}

.content #noBox h1, .content #noBoxWide h1, .resultsLeftCol h1 {
padding-top: 0;
padding-bottom: 0;
}

.content #noBox ul, .contentAfter #noBox ul{
margin-top: 0;
padding-left: 5px;
margin-left: 20px;
margin-bottom: 0px;
}

.content #noBox ul li, .contentAfter #noBox ul li{
color: black;
padding-left: 0;
margin-left: 0;
}

.content #lightBlueBox h2, .content #noBox h2, .content #noBoxWide h2, .resultsLeftCol h2 {
margin: 0;
font-family: verdana;
font-size: 1.2em;
padding: 0 0 0 0.7em;
}

.content #notepad1, .content #notepad2 {
width: 199px;
height: 205px;
font-family: arial;
float: left;
}

.content #notepad1 {
background: url(img/p1-notebg1.jpg) no-repeat;
}

.content #notepad2 {
background: url(img/p1-notebg2.jpg) no-repeat;
}

.content #notepad1 h3, .content #notepad2 h3 {
font-size: 1.2em;
padding: 1.5em 0 0 2em;
color: white;
}

.content #notepad1 ul li, .content #notepad2 ul li {
padding: 0.5em 0 0 1em;
color: white;
font-size: 1.2em;
}

.content #notepad1 a:link, .content #notepad1 a:visited, .content #notepad2 a:link, .content #notepad2 a:visited {
color: #ffffff;
font-weight: normal;
}

/* Rounded corners */

.top-left {
margin-right: 9px; /* clip right corner */
background: url('img/blue-crnr-topleft.jpg') no-repeat;
height: 9px; /* vertical: show first half of the image with the top-corners in it */
font-size: 2px; /* correct height for IE */
}

.top-right {
margin-top: -9px; /* to level of top-left corner */
margin-left: 9px; /* clip left corner */
background: #074890 url('img/blue-crnr-topright.jpg') no-repeat; 
background-position: 100% 0; /* show bg-image starting at the right */
height: 9px; 
font-size: 2px;
}

.bottom-left {
margin-right: 9px; /* clip right corner */
background: #074890 url('img/blue-crnr-bottomleft.jpg') no-repeat;
background-position: 0 0px; /* show under half of the image */
height: 9px;
font-size: 2px;
}

.bottom-right {
margin-top: -9px; /* to level of bottom-left corner */
margin-left: 9px; /* clip left corner */
background: url('img/blue-crnr-bottomright.jpg') no-repeat; 
background-position: 100% 0px; /* under half, right side */
height: 9px; 
font-size: 2px; 
}

.inside {
border-left: 1px solid #C00000;
border-right: 1px solid #C00000;
background: #074890;
color: #000000;
padding-left: 6px;
padding-right: 10px;
}

.notopgap {
margin-top: 0;
}

.nobottomgap {
margin-bottom: 0;
}

.top-left-grey {
margin-left: -8px;
margin-right: 12px; /* clip right corner */
background: url('img/g-crnr-topleft.jpg') no-repeat;
height: 12px; /* vertical: show first half of the image with the top-corners in it */
font-size: 2px; /* correct height for IE */
}

.top-right-grey {
margin-top: -12px; /* to level of top-left corner */
margin-left: 49px; /* clip left corner */
background: #F2F2F2 url('img/g-crnr-topright.jpg') no-repeat; 
background-position: 100% 0; /* show bg-image starting at the right */
height: 12px; 
font-size: 2px;
width: 149px;
}

.bottom-left-grey {
margin-top: 0px;
margin-left: -8px;
margin-right: 9px; /* clip right corner */
background: #F2F2F2 url('img/g-crnr-bottomleft.jpg') no-repeat;
background-position: 0 0px; /* show under half of the image */
height: 12px;
font-size: 2px;
width: 194px;
}

.bottom-right-grey {
margin-top: -12px; /* to level of bottom-left corner */
margin-left: 9px; /* clip left corner */
background: url('img/g-crnr-bottomright.jpg') no-repeat; 
background-position: 100% 0px; /* under half, right side */
height: 12px; 
font-size: 2px; 
width: 189px;
}

/* End of rounded corners */

#bottomMenu #firstCol h3, #bottomMenu .col h3{
padding: 0;
margin: 0;
color: white;
font-size: 1.1em;
}

/* 'Before the exam' menu */

.floatLeft {
float: left;
}

.floatRight {
float: right;
}

.width210 {
width: 230px;
}

.width210 h2 {
visibility: hidden;
font-size: 1.1em;
font-family: verdana;
padding-top: 20px;
padding-left: 15px;
margin-top: 0;
margin-bottom: 0;
}

.width210 p{
color: white;
}

.width210 ul{
padding: 0 1em 1em 1em;
margin: 0;
}

.width210 ul li{
padding-top: 10px;
padding-bottom: 10px;
color: white;
list-style: none;
}

.width210 ul li a{
padding-right: 56px;
background: url('img/p2-btn.jpg') no-repeat;
background-position: 100% center;
color: white;
display: block;
width: 160px;
}

.width210 ul li a.active{
background: url('img/p2-btn-hover.jpg') no-repeat;
background-position: 100% center;
text-decoration: underline;
}

.width210 ul li a:hover{
text-decoration: underline;
color: white;
list-style: none;
background: url('img/p2-btn-hover.jpg') no-repeat;
background-position: 100% center;
}

.width210 ul li ul li a, .width210 ul li ul li a:hover{
background: none;
padding-left: 15px;
padding-right: 0;
margin-right: 0;
}

.width210 ul li ul li a {
background: url('img/bullet.jpg') no-repeat;
background-position: 0% center;
}

.width210 ul li ul li a:hover, .width210 ul li ul li a.active{
background: url('img/bullet_hover.jpg') no-repeat;
background-position: 0% center;
text-decoration: underline;
}

.width210 ul li ul {
padding-bottom: 0;
}

.width210 ul li ul li{
padding-top: 10px;
padding-bottom: 5px;
}

.width210 ul li a:visited{
color: white;
}

.width500 {
width: 440px;
padding-left: 20px;
}

.width500 h2, .duringLeftCol h2 {
color: #004b8e;
font-family: verdana;
font-size: 1.3em;
padding-top: 20px;
padding-bottom: 1px;
padding-left: 15px;
margin-top: 0;
margin-bottom: 0;
}

.resultsLeftCol h2 {
font-family: verdana;
font-size: 1.3em;
padding-top: 20px;
padding-bottom: 1px;
padding-left: 15px;
margin-top: 0;
margin-bottom: 0;
}

.resultsLeftCol h3 {
font-family: verdana;
font-size: 1.2em;
padding-top: 20px;
padding-bottom: 1px;
padding-left: 15px;
margin-top: 0;
margin-bottom: 0;
}

.resultsLeftCol h4 {
padding-left: 15px;
}

.resultsLeftCol p {
padding-left: 15px;
}

.width500 p {
font-family: verdana;
padding-left: 5px;
}

#middleNav .width500 hr {
color: #004b8e;
margin-right: 10px;
height: 1px;
}

#topNav {
background: url("img/p2-book-top.jpg") white top left no-repeat;
height: 53px;
width: 711px;
position: relative;
z-index: 100;
margin-top: -9px;
float: left;
}

#middleNav {
background: url("img/p2-book-middle.jpg") white top left repeat-y;
width: 711px;
min-height: 435px;
float: left;
}

#bottomNav {
background: url("img/p2-book-bottom.jpg") white top left no-repeat;
height: 42px;
width: 709px;
float: left;
}

/* End of 'Before the exam' menu */

table.blue {
border: 1px solid #2C63A1;
}

table.blue th {
background: #2C63A1;
color: white;
font-weight: normal;
margin-bottom: 25px;
padding: 8px 0 8px 6px;
text-align: left;
}

table.blue td {
padding-left: 25px;
}

table.blue td.top {
padding-top: 20px;
}

table.blue td.bottom {
padding-bottom: 20px;
}

table.blue a {
color: #064890;
}

.greyGradient {
background: url("img/gradient.jpg") white bottom left repeat-x;
}

.afterLeftCol, .resultsLeftCol {
width: 460px;
margin-right: 15px;
padding-right: 5px;
height: 300px;
}

.afterRightCol, .blueBox {
width: 260px;
background: #164185;
color: white;
height: 300px;
}

.afterRightCol, .blueBox li{
color: #fff;
}

.resultsRightCol {
width: 260px;
height: 300px;
}

.afterRightCol a, .resultsRightCol a, .resultsRightCol .blueBox a, .resultsRightCol .blueBox a:link, .resultsRightCol .blueBox a:visited {
font-weight: bold;
color: #ffffff;
}

.afterRightCol a:visited {
color: #ffffff;
}

.resultsRightCol ul li a, .resultsRightCol a:visited {
color: #074890;
}

.duringLeftCol {
width: 500px;
margin-right: 15px;
padding-right: 5px;
height: 530px;
}

.duringRightCol {
width: 220px;
background: #164185;
color: white;
height: 530px;
}

.duringRightCol h4.title, .afterRightCol h4.title, .blueBox h4 {
background: #2C63A1;
margin: 0;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 5px;
font-size: 1em;
}

.duringRightCol ul{
padding-left: 20px;
padding-right: 10px;
margin-left: 5px;
}

.duringRightCol li{
color: white;
font-size: 0.9em;
}

.duringLeftCol .col{
float: left;
width: 240px;
}

.duringLeftCol ul, .afterLeftCol ul{
margin-left: 10px;
padding-left: 20px;
margin-bottom: 0;
}

.duringLeftCol ul li, .afterLeftCol ul li{
color: black;
margin-left: 0;
padding-left: 0;
padding-bottom: 5px;
}

.afterFeature {
display: block;
height: 148px;
width: 379px;;
background: url("img/p4-mdl-bg.jpg") white bottom left repeat-x;
}

.afterFeature p{
padding-left: 245px;
float: left;
}

.afterFeature p.padTop30{
padding-top: 30px;
}

.afterFeature img{
margin-left: 25px;
margin-top: -5px;
}

.afterFeature a, .afterFeature a:visited{
width: 100%;
height: 100%;
display: block;
cursor: pointer;
text-decoration: none;
font-weight: normal;
font-family: verdana;
color: black;
}

p.blue {
color: #074890;
font-family: arial;
font-weight: bold;
font-size: 1.1em;
}

.envelope {
margin-left: 19px;
}

img.envelope {
margin-top: 10px;
}

#bottomMenu .col p.envelope {
padding-top: 0;
padding-bottom: 0;
margin-left: 6px;
margin-bottom: 0;
}

table {
border-collapse: collapse;
margin-bottom: 1em;
margin-top: 1em;
}

.header {
background: none repeat scroll 0 0 #DAE7F7;
color: #195A93;
}

td {
border: 1px solid #A4BDD1;
margin-top: 1em;
padding: 0.7em;
text-align: left;
}

.important{
color: red;
font-weight: bold;
}