/*  --[ General styles for all pages ]-- */

html,body {
    font: 13px/18px Arial,Sans-serif;
    color: #515151;
    background: #FFFFFF;
    margin: 0;
    padding: 0;
}

@font-face {
	font-family: 'MyriadProCondBold';
	src: url('/global/fonts/myriadpro-boldcond-webfont.eot');
	src: local('☺'), url('/global/fonts/myriadpro-boldcond-webfont.woff') format('woff'), url('/global/fonts/myriadpro-boldcond-webfont.ttf') format('truetype'), url('/global/fonts/myriadpro-boldcond-webfont.svg#webfontwN6rYoRe') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1 {font: 30px/1.2 'MyriadProCondBold',Arial,Sans-serif; margin: 20px 0 -7px 0; color: #fff;}
h2 {font: 24px/1.2 'MyriadProCondBold',Arial,Sans-serif; margin: 15px 0 -10px 0; color: #006eb0;}
h3 {font: bold 18px/1.2 'MyriadProCondBold',Arial,Sans-serif; margin: 10px 0 -7px 0; color: #575757;}
#TakeExamContainerLanding h3 { font-size:16px; color:White;}
h2.a {color: #006eb0;}
h2 a:link, h2 a:visited {color: #006eb0;}
a:link, a:visited {color:#03739e; text-decoration:underline;}
a:hover {color:#000000;}
a:active {color:#c0b182;}
p {width:95%;}
ul {list-style: none;}
hr {color: #fff; background-color: #fff; border: 1px solid #dbdbdb; border-style: none none solid;}
hr.rule2 {padding-top: 12px; width: 98%; margin-left: -10px;}

/* General Classes that can be applied to most elements */
.leader {font: 16px/24px Arial,Sans-serif; border-bottom: solid 1px #e7e7e7; padding: 0 0 15px 0;}
.leaderNobottom {font: 16px/24px Arial,Sans-serif;}
.left {float:left;}
.right {float:right;}
.rounded {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px; 
    border-radius: 2px;
}
.RoundedMore {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px; 
    border-radius: 4px;
}
.indent {margin-left:7px;}

.indent2 {margin-left: 10px;}

.indent3 {margin-left: 25px;}

.NoSpace {
    margin:0px !important;
}
.NoBorder {
    border:none !important;
}
.border {
    border: solid 1px #e7e7e7;
}
.clear  {
    clear:both;
}
.smallFont{
	 font-size:smaller;	
}
.noBullet {
    list-style-type: none;
}

.spacer {
    border-right: 1px solid;
}

/* Table Styles */

table{
	border-collapse:collapse;
	margin-left:1px;	
}

.tableStyle th {
	padding: 5px 10px 5px 10px;
	margin: 0px;
	color:#2F3840; 
	background-color:#f4f4f4;
	font-size:small;
	font-weight:bold;
	border-bottom:1px solid #e0e0e0;
	border-right:solid 1px #e0e0e0; 
}

.tableStyle th a {
	text-decoration:none;
	color:#2F3840;
}
.tableStyle{
	border: solid 1px #e0e0e0;
	text-align:center;
	font-size:small;
}

.tableStyle td {
	padding: 3px 10px 8px 10px;
	vertical-align:top;	
	border-right:solid 1px #e0e0e0;; 
}
.tableStyle ul{
	text-align:left;	
}

/* Flash Video Code*/




/* CONTENT */
.imgRight {float: right; margin: -10px 0 10px 10px; padding-top:9px;}

.imgLeft {float: left; margin: 0px 10px 10px 0;}

.h2Left {position: absolute; margin-left: 56px; margin-top: -1px; width: 300px !important;}



/*  --[ Specific content sections ]-- */
.Frame1024 {
	width: 984px;
	margin-left: auto;
	margin-right: auto;
}
	
.MenuBar {
    background: #000000;
    height: 70px;
    width: 100%; 
    color: #ffffff; 
    margin: 0;            
}

.MenuBar img {
    margin-top: 15px; 
    margin-left:15px; 
    float:left; 
    position:relative;
}

.NavMenu {
    height:15px; 
    position:relative; 
    z-index:100; 
    border-right:1px solid #000; 
    margin: 28px 15px 0 0;
    float:right;
}

.NavMenu ul {
    padding:0;
    margin:0;
    list-style-type:none;
}

.NavMenu li {
    float:left;
    position:relative;
    border-right:1px dotted #666666; 
}

.NavMenu a, .NavMenu a:visited {
    display:block;
    font-size:12px;
    text-decoration:none; 
    text-align:center;
    color:#fff;  
    height:15px; 
    background: #000;
    padding-left:10px;
    padding-right:10px; 
    line-height:15px;
    letter-spacing: 1px;
    font-weight:bold;
}

ul.bullet {
    list-style-type: disc;
}

/* --[ Currently using JQuery for hovers - These are specified for IE6, because it is stupid. ]-- */
.NavMenu a:hover, .NavMenu ul ul a:hover {
    color:#fff; 
    background: #000;
}

.NavMenu :hover > a, .NavMenu ul ul :hover > a {
    color:#fff; 
}
/* end IE6 stupidity */

.switcher {
    width:100%;
    height: 15px;
    margin: 0;
    padding: 5px 0 4px 0; 
    background: #fff;   
}
.switcher a {
    float:right; 
    padding:0 5px 0 5px; 
    line-height:12px;
}

/* All State & Default Headers */

.MainHeader { 
    background: #5589b9 url(/usa/images/headers/headerDefault.jpg) 0 0 no-repeat;
    height: 370px;
    width: 954px; 
    margin-top: 4px;
    padding: 15px;
    color: #ffffff;
    position:relative;            
}

.MainHeaderAlabama{ 
    background: #5589b9 url(/usa/images/headers/headerAlabama.jpg) 0 0 no-repeat;
    height: 370px;
    width: 954px; 
    margin-top: 4px;
    padding: 15px;
    color: #ffffff;
    position:relative;            
}

.MainHeaderDelaware{ 
    background: #5589b9 url(/usa/images/headers/headerDelaware.jpg) 0 0 no-repeat;
    height: 370px;
    width: 954px; 
    margin-top: 4px;
    padding: 15px;
    color: #ffffff;
    position:relative;            
}

.MainHeaderFlorida{ 
    background: #5589b9 url(/usa/images/headers/headerFlorida.jpg) 0 0 no-repeat;
    height: 370px;
    width: 954px; 
    margin-top: 4px;
    padding: 15px;
    color: #ffffff;
    position:relative;            
}

.MainHeaderIllinois{ 
    background: #5589b9 url(/usa/images/headers/headerIllinois.jpg) 0 0 no-repeat;
    height: 370px;
    width: 954px; 
    margin-top: 4px;
    padding: 15px;
    color: #ffffff;
    position:relative;            
}

.MainHeaderMichigan{ 
    background: #5589b9 url(/usa/images/headers/headerMichigan.jpg) 0 0 no-repeat;
    height: 370px;
    width: 954px; 
    margin-top: 4px;
    padding: 15px;
    color: #ffffff;
    position:relative;            
}

.MainHeaderMinnesota{ 
    background: #5589b9 url(/usa/images/headers/headerMinnesota.jpg) 0 0 no-repeat;
    height: 370px;
    width: 954px; 
    margin-top: 4px;
    padding: 15px;
    color: #ffffff;
    position:relative;            
}


.MainHeaderNewJersey{ 
    background: #5589b9 url(/usa/images/headers/headerNewJersey.jpg) 0 0 no-repeat;
    height: 370px;
    width: 954px; 
    margin-top: 4px;
    padding: 15px;
    color: #ffffff;
    position:relative;            
}

.MainHeaderNewMexico{ 
    background: #5589b9 url(/usa/images/headers/headerNewMexico.jpg) 0 0 no-repeat;
    height: 370px;
    width: 954px; 
    margin-top: 4px;
    padding: 15px;
    color: #ffffff;
    position:relative;            
}

.MainHeaderNorthDakota{ 
    background: #5589b9 url(/usa/images/headers/headerNorthDakota.jpg) 0 0 no-repeat;
    height: 370px;
    width: 954px; 
    margin-top: 4px;
    padding: 15px;
    color: #ffffff;
    position:relative;            
}

.MainHeaderOhio{ 
    background: #5589b9 url(/usa/images/headers/headerOhio.jpg) 0 0 no-repeat;
    height: 370px;
    width: 954px; 
    margin-top: 4px;
    padding: 15px;
    color: #ffffff;
    position:relative;            
}

.MainHeaderOregon{ 
    background: #5589b9 url(/usa/images/headers/headerOregon.jpg) 0 0 no-repeat;
    height: 370px;
    width: 954px; 
    margin-top: 4px;
    padding: 15px;
    color: #ffffff;
    position:relative;            
}

.MainHeaderPennsylvania{ 
    background: #5589b9 url(/usa/images/headers/headerPenn.jpg) 0 0 no-repeat;
    height: 370px;
    width: 954px; 
    margin-top: 4px;
    padding: 15px;
    color: #ffffff;
    position:relative;            
}

.MainHeaderTennessee{ 
    background: #5589b9 url(/usa/images/headers/headerTennessee.jpg) 0 0 no-repeat;
    height: 370px;
    width: 954px; 
    margin-top: 4px;
    padding: 15px;
    color: #ffffff;
    position:relative;            
}

.MainHeaderTexas{ 
    background: #5589b9 url(/usa/images/headers/headerTexas.jpg) 0 0 no-repeat;
    height: 370px;
    width: 954px; 
    margin-top: 4px;
    padding: 15px;
    color: #ffffff;
    position:relative;            
}

.MainHeaderWashington{ 
    background: #5589b9 url(/usa/images/headers/headerWashington.jpg) 0 0 no-repeat;
    height: 370px;
    width: 954px; 
    margin-top: 4px;
    padding: 15px;
    color: #ffffff;
    position:relative;            
}
/* end Headers */

.LandingEN {background: #0d5e99 url(/usa/images/header/hunterExamHeader.jpg) 0 0 no-repeat;}
.LandingFR {background: #0d5e99 url(/canada/images/splash/PatHeader.jpg) 0 0 no-repeat;}

#TakeExamContainer {position:absolute; top: 42px; left:12px;}
#TakeExamContainerLanding {position:absolute; top: 1px; left:12px;}

h1#TakeExam {
    width:644px;
    height:150px;
    position:relative;
    margin-top: 5px;
    color: #fff;
}

h1#TakeExam span {
    /*background: transparent url(/usa/images/h1/minnesotaH1.jpg) 0 0 no-repeat;*/
    width: 100%;
    height: 100%;
    position:absolute;   
}

.SubHeader {
    background: transparent url(/usa/images/subHeaderBack.jpg) left top no-repeat;
    width: 954px;
    padding: 15px;
    color: #ffffff; 
    margin: 4px 0 24px 0;  
}
.SubHeader h1 {
    color: #fff; 
    font: bold 36px 'MyriadProCondBold',Arial,Sans-serif; 
    line-height: 54px;
    letter-spacing: 1px;
    padding:0px;
    margin:0px;
}

.SideItems {
    background: transparent url('/usa/images/side_content.jpg') no-repeat top left;
    height: 312px;
    width:250px;
    margin: 0 auto;
    padding-top: 5px;
    text-shadow: 0 1px 1px rgba(255,255,255,1.0);
}

.SideItems2 {
    padding-top: 5px;
    text-shadow: 0 1px 1px rgba(255,255,255,1.0);
}

.SideItems ul {list-style:none; margin: 0 auto; padding: 0px; width:248px;}
.SideItems2 ul {list-style:none; margin: 0 auto; padding: 0px; width:335px;}
.SideItems li, .SideItems2 li {border-top: solid 1px #fff; border-bottom:solid 1px #e7e7e7; height: auto; padding: 15px 10px 15px 10px;}                   
.SideItems li.bottom, .SideItems2 li.bottom {border-top: solid 1px #fff; border-bottom: 0;}  
.SideItems img, .SideItems2 img {float:left; margin: -7px 10px 0 10px;}
.SideItems p, .SideItems2 p {margin-left: 10px; font: 16px/25px Arial, Sans-serif; }
.Popit {
    width: 580px;
    height: auto;
    padding: 0 15px 15px 15px;
    background: #ffffff url(/usa/images/PopitBack.jpg) top left repeat-x;  
}

/* Icon Btns */
div.icon1, div.icon2, div.icon3, div.icon4, div.icon5, div.icon6{
    background: url(/usa/images/icons/icons.png) no-repeat; 
    width: 50px;
    height: 50px;
    display: block;
    float: left; 
    float: left; 
    margin: 0px 10px 10px 0;
}

div.icon1 {
    background-position: -4px -4px;
}

div.icon2 {
    background-position: -61px -4px;
}

div.icon3 {
    background-position: -116px -4px;
}

div.icon4 {
    background-position: -4px -60px;
}

div.icon5 {
    background-position: -61px -60px;
}

div.icon6 {
    background-position: -116px -60px;
}


div.Landingicon1, div.Landingicon2, div.Landingicon3, div.Landingicon4, div.Landingicon5, div.Landingicon6, div.Landingicon7, div.Landingicon8, div.Landingicon9, div.Landingicon10, div.Landingicon11, div.Landingicon12{
    background: url(/usa/images/icons/iconsLanding.png) no-repeat; 
    width: 50px;
    height: 50px;
    display: block;
    float: left; 
    float: left; 
    margin: 0px 10px 10px 0;
}

div.Landingicon1 {
    background-position: -4px -4px;
}

div.Landingicon2 {
    background-position: -61px -4px;
}

div.Landingicon3 {
    background-position: -116px -4px;
}

div.Landingicon4 {
    background-position: -4px -60px;
}

div.Landingicon5 {
    background-position: -61px -60px;
}

div.Landingicon6 {
    background-position: -116px -60px;
}

div.Landingicon7 {
    background-position: -4px -114px;
}

div.Landingicon8{
    background-position: -61px -114px;
}

div.Landingicon9 {
    background-position: -116px -114px;
}

div.Landingicon10 {
    background-position: -4px -168px;
}

div.Landingicon11 {
    background-position: -61px -168px;
}

div.Landingicon12 {
    background-position: -116px -168px;
}

/* Fully CSS button... is it worth it? */

.btnBlue {
    padding: 8px 0 8px 0;
    display:inline-block;
    width:175px;
    background: #1570A5 url('/global/images/btnback.png') no-repeat 0 50%;
    border:solid 3px #d6e3ef;
    color:#FFFFFF !important;
    font: 18px 'MyriadProCondBold',Arial, Sans-serif;
    letter-spacing: 0.06em;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.50);
    text-align: center;
    outline:none;
    cursor:pointer;
    position:relative;
}
.btnBlue:hover, .btnBlue:focus {
    background:#2385B8 url('/global/images/btnback.png') no-repeat 0 50%;     
    color:#FFFFFF !important;
    text-decoration:none !important;
    border: solid 3px #e5f3ff;
}

#buttonContainer {position:absolute; top: 240px; left: 20px;}
#buttonContainerLanding {position:absolute; top: 350px; left: 10px;}

div.green select {background-color: #8ac22e; color:white; font-size:large; padding:5px; border-style:solid;}
div.green select option {background-color: #f5f5f5; color:black; font-size:small;}
div.green select option:hover {color:Green;}



a.bt {
    outline:none;
    border: 1px solid #ccc;    
    text-shadow: 1px 1px 5px rgba(0,0,0,0.50);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    display: inline-block;
    width:230px;
    padding: 8px 0 8px 0;
    margin-right: 15px;
    text-decoration: none;
    text-align: center;  
    background: #03699d;
    color: #ffffff;
    font: bold 28px Helvetica, Arial, Sans-serif;  
    position:relative;
}

a.bt2 {
    outline:none;
    border: 1px solid #ccc;    
    text-shadow: 1px 1px 5px rgba(0,0,0,0.50);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    display: inline-block;
    width:230px;
    padding: 8px 0 8px 0;
    text-decoration: none;
    text-align: center;  
    background: #89c33c;
    color: #ffffff;
    font: bold 28px Helvetica, Arial, Sans-serif;  
    position:relative;
}
  
a.bt:hover,a.bt:focus { 
    border-color:#fff; 
    background: #0e7bb2; 
    color:#fff;
  }
  
  a.bt2:hover,a.bt2:focus { 
    border-color:#fff; 
    background: #96cf4b; 
    color:#fff;
  }

a.bt-gradient, a.bt-gradient2 {
  position: relative;
  overflow: hidden;
}
/* Make sure the span text is over top of the gradient */  
a.bt-gradient span, a.bt-gradient2 span {
    position: relative;
    z-index: 2;
    color:#fff;
} 

/*  EM positioned within the button to create the second color, top border for transition */
a.bt-gradient em {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    height: 47%;
    width: 230px;
    background: #094e78;
    border-top: 2px solid #0c5582; 
}

a.bt-gradient2 em {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    height: 47%;
    width: 230px;
    background: #508c11;
    border-top: 2px solid #569612; 
}
  
a.bt-gradient:hover em {
    bottom: 0;
    border-bottom: 0;
    border-top: 2px solid #156ea5;
    background: #126090;
}

a.bt-gradient2:hover em {
    bottom: 0;
    border-bottom: 0;
    border-top: 2px solid #72bd25;
    background: #5c9b1c;
}


/* End css button code... finally */
.BelowButton {
    margin-top: 10px; 
    clear:both; 
    font: bold 14px Helvetica, Arial, Sans-serif; 
    line-height:1.6em;
}
.BelowButton img {float:left; margin-right: 5px;}

.BelowButton a {
    color:#a8c33c;
}

.BelowButton a:hover {
    color:#fff;
}
/* Orange button for secondary pages */
.btnOrange {
    padding: 8px 0 8px 0;
    display:block;
    width:175px;
    height:19px;
    background:none repeat scroll 0 0 #265e97;
    background: -moz-linear-gradient(center top, #3275a9, #265e97);
    background: -webkit-gradient( linear, 0 40%, 0 150%, from(#3275a9), to(#265e97) ); 
    /* IE needs a proprietary filter - note: GradientType=1 means horizontal, 0 means vertical */    
   	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',
                startColorstr=#3275a9, 
                endColorstr=#265e97, 
               GradientType=0);       
    border:solid 3px #d6e3ef;
    color:#FFFFFF !important;
    font: bold 16px Arial, Sans-serif;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.50);
    text-transform:uppercase;
    text-align: center;
}
.btnOrange:hover {
     background:#184d84;
    background: -moz-linear-gradient(center top, #216295, #184d84);
    background: -webkit-gradient( linear, 0 40%, 0 150%, from(#216295), to(#184d84) ); 
   	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',
                startColorstr=#216295, 
                endColorstr=#184d84, 
               GradientType=0);       
    color:#FFFFFF !important;
    text-decoration:none !important;
}


.btnGreen {
    padding: 8px 0 8px 0;
    display:inline-block;
    width:175px;
    background: #76a628 url('/global/images/btnback.png') no-repeat 0 50%;      
    border:solid 3px #d6e3ef;
    color:#FFFFFF !important;
    font: 18px 'MyriadProCondBold',Arial, Sans-serif;
    letter-spacing: 0.06em;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.50);
    text-align: center;
    outline:none;
    cursor:pointer;
    position:relative;
}
.btnGreen:hover,.btnGreen:focus {
    background-color:#8ac22e; 
    color:#FFFFFF !important;
    text-decoration:none !important;
    border: solid 3px #e5f3ff;

}




/* specs for the three lower content columns - Landing page */
.columnContainer {
	padding: 0px;
	border: 0px;
	width: 984px;
	margin: 5px 0 0 0;
	overflow:hidden;
}

.column01, .column02, .column03 {
    width: 324px;
    /*height: 250px;*/
    
}


.column01 div.content, .column02 div.content, .column03 div.content {position:relative; top: 0px;}


.column01 {
	/*background: #ffffff url(/canada/images/splash/FreeRetries.jpg) top no-repeat;*/	
    position: relative;
}

.column02 { 
	/*background: #ffffff url(/canada/images/splash/KidStudying.jpg) top no-repeat;*/
	position:relative;
	left: 2px;	
}

.column03 {
	/*background: #ffffff url(/canada/images/splash/Print-your-temp-card.jpg) -30px top no-repeat;*/
    margin-right: -13px;
}

#mainColContainer {
	padding: 0px;
	border: 0px;
	width: 965px;
	margin: 5px 0 0 0;
	overflow:hidden;
	border: solid 1px #CCC;
	background-color: #e8e8e8;
	padding: 0 0 10px 15px; 
	
}

.columns   
{
    width: 305px;
    height: 100%;
    display:block;
    overflow: hidden;
    padding: 10px 0 0 0px;
    margin-right: 16px;}
    
Blockquote {background: transparent url(/usa/images/QuoteSprite.gif) no-repeat scroll -2px -60px;}
Blockquote {
  
    height:130px;
    margin: 15px 0 0 0;
    padding: 10px 0 0 25px;
    background-repeat:no-repeat;
}
.QuoteClose {
    background: #fff url(/usa/images/QuoteSprite.gif) no-repeat -2px -2px;
    width:18px;
    height:18px;
    display:inline-block;
    margin:0 0 -4px 5px;
}       


/*.content ul {list-style-image:url(/usa/images/bulletArrow.gif);}*/

/* Secondary page columns */
/* Secondary page columns */
.RightColumn {width:324px; min-height: 782px; height: auto; float:left; background: url(/usa/images/rightback.jpg) left top no-repeat;}
.RightColumnShort {width:324px; min-height: 434px; height: auto; float:left; background: url(/usa/images/rightbackshort.jpg) left top no-repeat;}
.LeftColumn {width:324px; float:left; background: url(/usa/images/leftback.jpg) left top no-repeat;}
.WideColumn {width:646px;float:left;}

/* End column code */

/* Middle Content Code */

.txtCenter {
    text-align: center;
}

h2.txtCenter {
    
}

.btmContent {
    margin-left: 24px;
}

.colMargin {
    margin-right: 10px;
}

.gradient {
    background: #eeeeee;
    /* Create CSS Gradient 
     --[ Mozilla specific code ]-- */
    background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
    /* --[ Webkit Specific ]-- */
    background: -webkit-gradient( linear, 0 40%, 0 150%, from(#ffffff), to(#f2f2f2) ); 
    /* --[ IE needs a proprietary filter - note: GradientType=1 means horizontal, 0 means vertical]-- */
   	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',
                startColorstr=#ffffff, 
                endColorstr=#f2f2f2, 
               GradientType=0); 
    width: 305px;
    height: 160px;
    display:block;
    overflow:hidden;
    border: solid 1px #d7d7d7;
    padding: 10px 0 0 10px;
    margin-right: 15px;
}  

.noMargin {margin-right: 0px !important;}

/* End Middle Content */

.FooterContainer{ 
    margin: 40px 0 25px 0;
    border: dotted 1px #d7d7d7;
    height: 200px;
    width: 977px;
    padding: 3px;
    clear: both;
}

.footer {
    background: #eeeeee;
    /* Create CSS Gradient 
     --[ Mozilla specific code ]-- */
    background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
    /* --[ Webkit Specific ]-- */
    background: -webkit-gradient( linear, 0 40%, 0 150%, from(#ffffff), to(#f2f2f2) ); 
    /* --[ IE needs a proprietary filter - note: GradientType=1 means horizontal, 0 means vertical]-- */
   	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',
                startColorstr=#ffffff, 
                endColorstr=#f2f2f2, 
               GradientType=0); 
    width:100%;
    height: 100%;
    display:block;
    overflow:hidden;
    font-size: 11px;
}    

.footer div.content {
    margin: 5px 15px 0 15px;
    float:left;
    width:195px;
}

.footer div.content ul{
    list-style: none;
    position:relative;
    left: -40px;
}


.footer a:link, .footer a:visited { color: #848484; outline:none; position:relative; }
.footer a:hover { color: #000; }
.footer a:active, .footer a:focus { color: #000; }

.footer div.contact {width:250px;}
.footer div.socialMedia {position:relative; top:-10px;}
.footer div.socialMedia img {margin: 10px 5px 0 0; border:none; opacity: 0.5}
.footer div.socialMedia img:hover,.footer div.socialMedia img:focus {opacity: 1;}

.WideColumnCourse {width:655px;float:left; overflow:hidden;padding:0 10px 0 0}
.RightColumnCourse {width:289px; min-height: 782px; height: auto; float:right; background: url(https://faecdn.com/global/i/rightback.jpg) left top no-repeat;overflow:hidden;}
.RightColumnShortCourse {width:289px; min-height: 434px; height: auto; float:left; background: url(https://faecdn.com/global/i/rightbackshort.jpg) left top no-repeat;overflow:hidden;}
.WideColumnExam {width:726px;float:left; overflow:hidden;padding:0 10px 0 0}
.RightColumnExam {width:238px; min-height: 782px; height: auto; float:left; background: url(https://faecdn.com/global/i/rightback.jpg) left top no-repeat;overflow:hidden;}
.RightColumnShortExam {width:225px; min-height: 434px; height: auto; float:left; background: url(https://faecdn.com/global/i/rightbackshort.jpg) left top no-repeat;overflow:hidden;}