/* CSS Document */

/* General Layout Elelements */

body {
margin-left: 0px; 
margin-top: 20px; 
margin-right: 0px;
margin-bottom: 20px; 
background-color: #333333;
text-align:center;
}

body.learning{
	background:#3e3e40;	
}


#centerContainer{
width: 900px;
margin-right: auto;
margin-left: auto;
text-align:left;
}

#container{
	position:relative; 
	width: 100%; 
	height:auto;
	float:left;
	background-color:#FFFFFF;
}

#container.learning{
	background-color:#1a171b;
}

#containerHomePage{
position:relative; 
width: 100%; 
/*height:900px;*/
float:left;
background-color:#FFFFFF;
}

#navigation { 
position:relative; 
width: 650px; 
height:70px; 
left:26px;
padding-top:30px;
float:left;
line-height: 10pt;
color:
}

#footer { 
position:relative; 
width: 100%; 
left:26px;
padding-top:30px;
float:left;
line-height: 10pt;
} 

#searchBox { 
position:relative; 
width: 225px; 
height:70px; 
left:32px; 
padding-top:30px;
float:left;
}

#pageTitle { 
position:relative; 
width: 100%; 
height:145px; 
left:26px; 
float:left;
}

/* HOMEPAGE LAYOUT ELEMENTS */

#homepageGraphic { 
position:relative;
width: 738px; 
height:305px; 
left:30px; 
top:105px;
}

/* HALF SPLIT IMAGE LEFT / TEXT RIGHT */
#halfSplitLeftContainer { 
position:relative; 
width: 418px;
height:auto;
float:left;
}

#halfSplitRightContainer {
position:relative;
width: 429px;
left:12px; 
float:left;
}

/* DIVISIONS WITHIN THE HALF SPLIT COLUMNS */

#smallLeftSplitRightContainer{
float:left;
width: 65px;
height: 65px;
}

#largeRightSplitRightContainer{
width: 359px;
}

#smallImageLeft {
float:left;
padding-right:12px;
padding-bottom:14px;
}

#smallImageRight{
float:left;
padding-bottom:14px;
}


/* WIDE LEFT IMAGE / THIN RIGHT TEXT LAYOUT ELEMENTS*/

#wideLeftImage {
position:relative; 
width: 633px;
/*height:418px;*/
left:26px; 
float:left;
margin-right:38px;
}

#thinRightText { 
position:relative; 
width: 203px; 
/*height:500px;*/
float:left;
}

/* WIDE RIGHT IMAGE / THIN LEFT TEXT LAYOUT ELEMENTS*/

#thinLeftText { 
position:relative;
left:26px;
width: 203px; 
float:left;
margin-right:38px;
margin-bottom: 12px;
}

#thinLeftTextRightM { 
position:relative;
width: 203px; 
float:left;
margin-right:12px;
}

#thinLeftTextLargeRightM { 
position:relative;
width: 203px; 
float:left;
margin-right:40px;
}

#wideRightImage {
position:relative; 
width: 633px;
/*height:418px;*/
float:left;
}

#wideRightText {
position:relative; 
width: 633px;
height:120px;
float:left;
}

#wideRightImageNoH {
position:relative; 
width: 605px;
float:left;
}

#halfWideImageRightM{
position:relative; 
width: 290px;
float:left;
margin-right:20px;
}

#halfWideImageNoM{
position:relative; 
width: 290px;
float:left;
}

#thumbnail{
margin-bottom:5px;
}

/* 4 COLUMNS LAYOUT ELEMENTS */
#col4LowerContainer{ 
position:relative;
width:848px;
left:26px;
margin-bottom:32px;
float:left
}

#col4LowerContainerNoM{
position:relative;
width:848px;
left: 26px;
float:left;
}

#col4LowerContainerBottomM{
position:relative;
width:848px;
left: 26px;
float:left;
margin-bottom:20px;
}

#col4LowerContainerBottomMHeight137{
position:relative;
width:848px;
left: 26px;
float:left;
height:137px;
margin-bottom:32px;
}

#col4NoM{ 
position:relative; 
width: 203px;
float:left;
}

#col4RightM{ 
position:relative; 
width: 203px;
margin-right:11px;
float:left;
}

#col4BottomM{ 
position:relative; 
width: 203px;
float:left;
margin-bottom:14px;
}


#col4BottomMRightM{ 
position:relative; 
width: 203px;
margin-right:12px;
margin-bottom:14px;
float:left;
}


#col4TitleContainer{
position:relative;
width: 848px;
left:26px;
height:30px;
float:left;
}

#whatsonnavlinks{
position:relative;
width: 633px;
float:right;
}

/* IMAGES SPREADING OVER 2 COLUMNS ELEMENTS */
#col2NoM{
position:relative; 
width: 418px;
float:left;
}

#col2RightM{
position:relative; 
width: 418px;
margin-right:12px;
float:left;
}

#col2HalfHeightNoM{
position:relative; 
width: 418px;
float:left;
}

#col2HalfHeightRightM{
position:relative; 
width: 418px;
float:left;
margin-right:12px;
}

#col2BottomM{ 
position:relative; 
width: 403px;
float:left;
margin-bottom:12px;
}

#col2BottomMFixedH{ 
position:relative; 
width: 406px;
float:left;
height:110px;
}

/* IMAGES SPREADING OVER 2 COLUMNS ELEMENTS */
#col3NoM{
position:relative; 
width: 627px;
float:left;
}

#col3RightM{
position:relative; 
width: 627px;
float:left;
margin-right:12px;
}

#col3BottomM{ 
position:relative; 
width: 203px;
float:left;
margin-bottom:12px;
}


/* ONE LARGE CENTER IMAGE LAYOUT ELEMENTS */
#oneLargeCenterImage { 
position:relative; 
width: 848px; 
height:1025px; 
left:28px; 
}

/* MISCELANEOUS CONTAINERS */
#noSizeFloat {
position:relative;
float:left;
}

/* TEXT STYLES */

.cyan_plain_11 {
font-family: Arial;
color: #0099FF;
font-size: 11px;
line-height: 13px;
font-weight: normal;	
}

.cyan_plain_13 {
font-family: Arial;
color: #0099FF;
font-size: 13px;
line-height: 15px;
font-weight: normal;	
}

.cyan_bold_11 {
font-family: Arial;
color: #0099FF;
font-size: 11px;
line-height: 13px;
font-weight: bold;	
}

.cyan_bold_13 {
font-family: Arial;
color: #0099FF;
font-size: 13px;
line-height: 15px;
font-weight: bold;	
}

.cyan_bold_15 {
font-family: Arial;
color: #0099FF;
font-size: 15px;
line-height: 17px;
font-weight: bold;	
}

.cyan_bold_20 {
font-family: Arial;
color: #0099FF;
font-size: 20px;
line-height: 22px;
font-weight: bold;	
}

.blue_plain_11 {
font-family: Arial;
color: #5395B1;
font-size: 11px;
line-height: 13px;
font-weight: normal;	
}

.gray_bold_11 {
font-family: Arial;
color: #999999;
font-size: 11px;
font-weight: bold;	
}

.gray_bold_15 {
font-family: Arial;
color: #999999;
font-size: 15px;
line-height: 17px;
font-weight: bold;
}

.black_plain_11 {
font-family: Arial;
color: #000000;
font-size: 11px;
line-height: 13px;
font-weight: normal;	
}

.black_plain_13 {
font-family: Arial;
color: #000000;
font-size: 13px;
line-height: 15px;
font-weight: normal;	
}

.black_plain_9 {
font-family: Arial;
color: #000000;
font-size: 9px;
line-height: 11px;
font-weight: normal;
}

.black_bold_11 {
font-family: Arial;
color: #000000;
font-size: 11px;
line-height: 13px;
font-weight: bold;	
}

.black_bold_12 {
font-family: Arial;
color: #000000;
font-size: 12px;
line-height: 14px;
font-weight: bold;
}

.black_bold_13 {
font-family: Arial;
color: #000000;
font-size: 13px;
line-height: 15px;
font-weight: bold;	
}

.black_bold_15 {
font-family: Arial;
color: #000000;
font-size: 15px;
line-height: 17px;
font-weight: bold;
}

.black_bold_20 {
font-family: Arial;
color: #000000;
font-size: 20px;
line-height: 22px;
font-weight: bold;
	
}

/* RED USED TO BE EE3224 */

.red_plain_11 {
font-family: Arial;
color: #E37721;
font-size: 11px;
font-weight: normal;	
}

.red_bold_11 {
font-family: Arial;
color: #E37721;
font-size: 11px;
font-weight: bold;	
}
.red_bold_12 {
font-family: Arial;
color: #E37721;
font-size: 12px;
line-height: 14px;
font-weight: bold;	
}

.red_bold_15 {
font-family: Arial;
color: #E37721;
font-size: 15px;
line-height: 17px;
font-weight: bold;	
}

.red_bold_20 {
font-family: Arial;
color: #E37721;
font-size: 20px;
line-height: 22px;
font-weight: bold;	
}
.yellow_bold_12 {
font-family: Arial;
color: #c90;
font-size: 12px;
line-height: 14px;
font-weight: bold;	
}
.yellow_bold_11 { font-family: Arial; color: #f90; font-size: 11px; font-weight: bold; }
.yellow_bold_11 a:active {color: #E37721;text-decoration: none;}

/* LINK STYLES */

a {
font-family: Arial;
color: #999999;
text-decoration: none;
font-size: 11px;
font-weight: bold;	
}

a:link {color: #999999;	text-decoration: none;}
a:visited {color: #999999;text-decoration: none;}
a:hover {color: #E37721;text-decoration: none;}
a:active {color: #999999;text-decoration: none;}

/* USED TO BE 9C9EA0 */

.gray_link_9 {
font-family: Arial;
color: #999999;
text-decoration: none;
font-size: 9px;
line-height: 11px;
font-weight: normal;
}

.gray_link_11 {
font-family: Arial;
color: #999999;
text-decoration: none;
font-size: 11px;
line-height: 13px;
font-weight: normal;
}

.gray_link_11 a:link {color: #999999;text-decoration: none;}
.gray_link_11 a:visited {color: #999999;text-decoration: none;}
.gray_link_11 a:hover {color: #E37721;text-decoration: none;}
.gray_link_11 a:active {color: #999999;text-decoration: none;}

.gray_link_20 {
font-family: Arial;
color: #999999;
text-decoration: none;
font-size: 20px;
line-height: 22px;
font-weight: bold;
} 

.gray_bold_15 {
font-family: Arial;
color: #999999;
text-decoration: none;
font-size: 15px;
line-height: 17px;
font-weight: bold;
} 

.gray_link_20 a:link {color: #999999;text-decoration: none;}
.gray_link_20 a:visited {color: #999999;text-decoration: none;}
.gray_link_20 a:hover {color: #E37721;text-decoration: none;}
.gray_link_20 a:active {color: #E37721;text-decoration: none;}

a.linkclass_blue_11_underline {	
font-family: Arial, Helvetica, Verdana;	
color: #5395B1; 
font-size: 11px; 
line-height: 13px; 
text-decoration:underline;
} 

a.linkclass_blue_11_underline:link {color: #5395B1; text-decoration:underline;}
a.linkclass_blue_11_underline:visited {color: #5395B1;text-decoration: underline;}
a.linkclass_blue_11_underline:hover {color: #5395B1;text-decoration: underline;}
a.linkclass_blue_11_underline:active {color: #5395B1;text-decoration: underline;}

a.yellow_link_11 {
font-family: Arial;
color: #ffba00;
text-decoration: none;
font-size: 11px;
line-height: 13px;
font-weight: bold;
}

a.yellow_link_11:hover {color: #E37721;}


/* INPUT FIELDS ETC */

.searchField { 
height: 18px; 
width:175px; 
font-size: 11px; 
font-family: Arial; 
color: #333333; 
border-style: solid; 
border-color: #9C9EA0; 
border-width: 1 1 1 1;
}

.drop_down {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
height: 25px;
width: 150px;
}

.multipleSelect{
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
height: 200px;
width: 200px;
}

.input_field {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: ##333333;
height: 25px;
width: 100%;
}


/* FLOATING TOOL TIP STYLING */

div#tipDiv {
font-family: arial;font-size: 10px;
font-weight:bold;
color:#E37721;		
text-align: left;
position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
background-color:#FFFFFF; 
border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF;
padding:5px;
width:150px;
  
}

/* ECard Layout */

.ecard_message_form {
	width:190px;
	height:226px;
	margin-left:10px;
	margin-top:29px;
	margin-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 16px;
	line-height: 13px;
	font-weight: normal;
	
}
.ecard_input_field {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: ##333333;
	height: 20px;
	width: 238px;
}
.ecard_email_form {
	width:353px;
	height:55px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	
}
li.ecard_tn {
	float:left;
	width:97px;
	margin-bottom:20px;
	list-style:none;
}
li.ecard_tn_right_margin {
	float:left;
	width:97px;
	margin-right:28px;
	margin-bottom:20px;
	list-style:none;
}

/*new styles for new downloads page layouts*/
#btnNav{width:100%;display:block;float:left;}
#learningWrapper{width:100%;float:left;display:block;height:100%;}
.learningRow{width:100%;float:left;padding-left:50px;/*margin-bottom:75px;*/}
#contentInnerLearning{height:100%; min-height: 300px; float:left; width:100%; }
.imageButton{float:left;clear:none;margin-left:96px;}
.imageButtonPrimary{float:left;clear:none;/*margin-left:136px;*/margin-right:36px;margin-bottom:50px;}
.imageButton a img, .imageButtonPrimary a img{border:none;}
#pageTitle a img{border:none;margin-left:20px;}

.grey_plain_11{color:#939598;
font-family:Arial;
font-size:11px;
}

#contentInner{height:400px;float:left;width:100%;}

#exhibitionWrapper{width:100%;float:left;display:block;}
.exhibitionRow1, .exhibitionRow2{width:100%;float:left;padding-left:50px;}
.exhibition{/*width:100px;*/width:129px;height:200px background:blue;float:left;margin-right:10px; margin-top: 25px; margin-bottom: 25px;}
.exhibition a{color:white;text-decoration:underline;}
.exhibition a img{border:none;text-decoration:none;display:block;}

.centerOuter{width:100%;height:auto;display:block;float:left;text-align:center;}
.center{width:auto;height:auto;display:inline-block;float:none;margin:auto;}
a.pastSubCat{width:173px;height:173px;float:left;display:block;background:url(../images/learning/pastBig.jpg) no-repeat #1a171b top left;margin-right:35px;}
a:hover.pastSubCat{background:url(../images/learning/pastBigActive.jpg) no-repeat #1a171b top left;}

a.presentSubCat{width:173px;height:173px;float:left;display:block;background:url(../images/learning/presentBig.jpg) no-repeat #1a171b top left;}
a:hover.presentSubCat{background:url(../images/learning/presentBigActive.jpg) no-repeat #1a171b top left;}


/*new styles for social icons in page footer*/

#socialfooter {
	margin: 0 40px 0 0;
	padding: 0;
	float: right;
	text-align: right;
}

#socialfooter li { 
	margin: 0; 
	padding: 0;
	display:inline;  
}