body
{	
	font:70%/1  Verdana, geneva, arial, helvetica, sans-serif;
	line-height:1.5em;
	color:#333; 
}
p, td
{

	margin-top:0px;
	margin-bottom:5px;
}

img
{
border:0;
}
.imageborder {
border:2px solid red;
width:120px;
}
h1
{
	color:#990000;
	margin-bottom: 0em;  
	margin-top: 0em;
	font-size:120%;
	padding-bottom:5px;
}

h2
{
    margin-bottom: 0em;  
	/*margin-top: 0em; */
	font-size:120%;
}
h2  a:visited{
font-size:1.2em;
color:#000000;
}
h2 a:link{
font-size:1.2em;
color:#000000;
}
h2 a:hover{
font-size:1.2em;
color:#000000;
text-decoration:underline;
}
h3
{
    margin-bottom: 0em;  
	margin-top: 0em; 
	font-size:100%;
}
h4
{
    margin-bottom: 0em;  
	margin-top: 0em; 
	font-size:90%;
}


a:link,a:visited,a:active
{
color:#000066;
text-decoration:none;
}
a:hover{
color:#990000;}

#wrapper
{
	position:absolute;
	left:15px;
	top:5px;
	width:760px;
	border:solid red 0px;
	
}
#header
{
	
	width:760px;
	
	padding-bottom:10px;
	border:solid pink 0px;
	height:145px;
	line-height:1.5em;
	
}
#addSpain {
	padding: 0px;
	margin: 0;
	
	position:relative;
	
	width:160px;
	
	background-color:white;
	
}
#addSpain H1{
font-size:11px;
padding: 0px;
	margin: 0;


}
#addSpain a{
color:#000000;
text-decoration:underline;
}
#spainAddURL a {
font-size:8px;
color:#003366;
text-decoration:none;
}
#addSpainText a{
color:#000000;
text-decoration:none; 
}
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	position:relative;
	top:-2px;
	border-top:3px solid #999999;
	
}

#nav a {
	display: block;
	width: 8em;
	left:0px;
	
	
}
#nav a:hover {
	border:3px solid #999999;
	background-color:#0066CC;
	background-image:url(../sectionbutton.jpg);
	color:#FFFFFF;
}

#nav li {
	float:left;
	width: 8em;
	text-align:center;
	padding:2px;
}

#navRight
{
	position:absolute;
	width:175px;
	top:140px;
	left:580px;
	padding:10px 10px 10px 10px;
	background-color:#E5E5E5;
	/* rounded corners*/
-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 0px solid #E5E5E5;
	padding: 10px;
}
#navRight img
{
	
	border:solid blue 0px;
	
	
}
#navRight h2
{
	border:solid blue 0px;
	background-color:#1E4878;
	padding:10px 5px 10px 5px;
	color:#FFFFFF;
	background-color:#1E4878;
	width: 155px;
}
#navRight h3
{
	border:solid blue 0px;
	background-color:#FFFFFF;
	padding:10px 5px 10px 5px;
	color:#FFFFFF;
	background-color:#1E4878;
	font-size:140%;
}
#navRight h3 a
{
font-size:100%;
color:#FFFFFF;
}
#navRight h3 a:hover
{
font-size:100%;
color:#990000;
}
#navRight img
{padding:5px 10px 5px 10px;
border:0px solid white;
}
.navImages{

width:100px;
height:80px;
}
#navContainer{
text-align:center;}

#navRightImages
{
	width:195px;
	border:solid blue 0px;
	float: right;
	display: inline;
	background-color:#E5E5E5;
	padding:10px;
	border-left:solid white 5px
}

#EditableRegion{
border:solid red 0px;
padding:0px 3px 3px 3px;

}
#footer {
/*background: url(/webui/_images/globalfooter_dottedline.gif) repeat-x;
border-bottom:5px solid #ccc;
color: #666;
background: #eee;*/
padding: 5px 0px 7px 0px;
text-align:left;
clear:both;
font-size:xx-small;
voice-family: "\"}\"";
voice-family:inherit;
font-size:x-small;


/*
	width: 550px;
	float: left;
	padding-left:10px;
	padding-right:10px;*/
	background-color:#fbfbea;
	overflow: hidden;
	
	/* rounded corners*/
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #E5E5E5;
padding: 10px;



}		

#StoryMain
{
	border:solid red 0px;
	width: 560px;
	float: left;
	overflow: hidden;
}
#StoryMainMap
{
	border:solid red 0px;
	width: 900px;
	float: left;
	overflow: hidden;
}

#StoryFeature img
{
padding: 4px 4px 4px 4px;
}

#StoryMainImages
{
	border:solid red 0px;
	width: 540px;
	float: left;
	overflow: hidden;
}

#StoryFeature
{


	width: 550px;
	float: left;
	padding-left:10px;
	
	top:-25px;
position:relative;	border:solid green 0px;/**/
}
#StoryFeature2
{
border:solid green 0px;
	width: 560px;
	float: left;
	padding-left:10px;
	padding-top:10px;
	
}
#StoryFeatureImages
{
border:solid green 0px;
	width: 530px;
	float: left;
	padding-left:10px;
	
}
.Storyh2 {

color:#000000;

font-size:15px;
padding-top:5px;
clear:both;

}

#details{
background-color:#EFEFEF;
padding:5px;
}
#StorySpotlight
{
border:solid red 0px;
	width: 550px;
	float: left;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	background-color:#fbfbea;
	overflow: hidden;
	
	/* rounded corners*/
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #E5E5E5;
padding: 10px;
	
	
}
#StorySpotlight2
{
border:solid red 0px;
	width: 550px;
	float: left;
	padding-left:10px;
	padding-right:10px;
	background-color:#fbfbea;
	overflow: hidden;
	
	/* rounded corners*/
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #E5E5E5;
padding: 10px;
}
#StorySpotlight3
{
border:solid red 0px;
	width: 550px;
	float: left;
	padding-left:10px;
	padding-right:10px;
	background-color:#fbfbea;
	overflow: hidden;
	
	/* rounded corners*/
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #E5E5E5;
padding: 10px;
}
.MedImageThumb {
  float:left;
  background: url(/img/medThumbBKG.png) no-repeat bottom right !important;
  background: url(/img/medThumbBKG.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  border-bottom:solid white 10px;
 

  }

.MedImageThumb img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
    width:182px;
	height:150px;
  }
  .ImageSideBarText {
  float:left;
  background: url(/img/medThumbBKG.png) no-repeat bottom right !important;
  background: url(/img/medThumbBKG.gif) no-repeat bottom right;
  margin: 10px 0 0px 10px !important;
  margin: 20px 0 0 10px;
  border-bottom:solid white 0px;
 

  }
  .ImageSideBarText img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
    width:100px;
	height:80px;
	text-align:center
  }
  .WallpaperThumb {
  float:left;
  background: url(/img/medThumbBKG.png) no-repeat bottom right !important;
  background: url(/img/medThumbBKG.gif) no-repeat bottom right;
  margin: 10px 0 0px 10px !important;
  margin: 10px 0 0 10px;
  border-bottom:solid white 0px;
 

  }
  .WallpaperThumb img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
    width:144px;
	height:100px;
	text-align:center;
  }

.wall{

width:260px;
height:150px;
float:left;
display:inline;
margin:0px 30px 0px -30px;


}

#sendFriend{
padding:3px 0 6px 0;
border-bottom:1px solid #1E4878;}

 
  .ImageSideBar {
  float:left;
  background: url(/img/medThumbBKG.png) no-repeat bottom right !important;
  background: url(/img/medThumbBKG.gif) no-repeat bottom right;
  margin: 10px 0 15px 25px !important;
  margin: 20px 0 0 25px;
  border-bottom:solid white 0px;
 

  }
  .ImageSideBar img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
    width:100px;
	height:80px;
	text-align:center
  }
		.SMLImageThumb {
  float:left;
  background: url(/img/medThumbBKG.png) no-repeat bottom right !important;
  background: url(/img/medThumbBKG.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  border-bottom:solid white 40px;
    border-top:solid white 4px;
  }

.SMLImageThumb img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
    width:72px;
	height:69px;
  }
  
  .contImageThumb {
  float:left;
  background: url(/img/medThumbBKG.png) no-repeat bottom right !important;
  background: url(/img/medThumbBKG.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  border-bottom:solid white 5px;
    border-top:solid white 4px;
  }

.contImageThumb img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
    width:100px;
	height:110px;
  }
  .strapLine{
  font-weight:bold;
  
  padding-top:3px;
  padding-bottom:6px;
  
  }
  .SpotlightImageThumb {
  float:left;
  background: url(/img/medThumbBKG.png) no-repeat bottom right !important;
  background: url(/img/medThumbBKG.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  border-bottom:solid #fbfbea 10px;
  }
  

.SpotlightImageThumb img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
    width:117px;
	height:100px;
  }
		.dotted-lineStory {
	
	text-align: left;
	background: url(/img/dottedline.gif) repeat-x;
	margin-top: 5px;
	margin-bottom: 3px;
	
	padding-bottom:5px;
}
		.dotted-line {
	width: 100%;
	text-align: left;
	background: url(/img/dottedline.gif) repeat-x;
	margin-top: 1px;
	margin-bottom: 1px;
	
}
		
		
		
		
		
		
		
		
		
		
		
#skipnav
{
	position:absolute;
	left:1px;
	top:1px;
	width:26px;
	height: 1px;
	border:solid red 0px;
}
.invisible, .invisible a {
   display: none;
   background: #fff;
}

/* ------------Primary Navigation left------------
#wrapper
{

	left:15px;
	top:15px;
	width:900px;
	border:solid #060 2px;
	
	
}*/
#primaryNav
{	
	position:absolute;
	left:15px;
	top:15px;
	width:140px;
	/*overflow:hidden;
height: 360px;*/
	border:solid red 0px;	
	
}
#primaryNav a,#primaryNav a:visited, #primaryNav a:active, #globalNav a,#globalNav a:visited, #globalNav a:active
{
   color:#000;
   text-decoration: none
}
#primaryNav a:hover, #globalNav a:hover
{
   color: #F00;
   text-decoration: none;
}
#primaryNav ul 
{
    list-style-type:none;

	padding-left:0;
	margin:0;
	}
	#primaryNav  li {
	
	padding:0px 0px 0px 5px;
	
	/*background:url(/Webui/_images/features_PrintBrochure.gif) no-repeat 0 50%;*/
	}
	#NavHeading{
/*padding-left:-5px;*/
}
#sendFriend img{
vertical-align:middle;}
/* ------------Global Navigation right------------*/
#globalNav
{
	position:absolute;
	left:635px;
	top:15px;
	width:140px;
	/*overflow:hidden;*/
	border:solid red 0px;
}
/* ------------Primary Content centre------------*/
#mainContent
{
	border:solid red 0px;
	width: 570px;
	/*float: left;*/
	position:absolute;
}
/*-- error handling --*/

.errorMsg
{
	color:#de3333;
	line-height:25px;
}
.red
{
	color:#de3333;
}
/*this provides the dotted line effect */

.dotted-lineNav {
	width: 90%;
	text-align: left;
	background: url(/webui/_images/globalfooter_dottedline.gif) repeat-x;
	margin-top: 1px;
	margin-bottom: 1px;
	height:1.2em;

}

.formStyle
{
	color:red;
	background:#e2e2e2;
	border-color:#ee3333;
	font:100%/1  Verdana, geneva, arial, helvetica, sans-serif;

	
}
#formBox{

border:0px solid blue;
padding:0 10px 10px 90px;}
.imageborder{
}
#flashTop
{
border: 10px solid #E2E2E2;
  width: 430px !important; /*is read by all browsers. But IE/Win does not implement !important so this value is not given any importance by that browser*/
  width /**/:430px;/*Therefore, IE5.x/Win and any other browser that does not properly implement !important will get a width of 140px.*/
/*padding: 10px;*/
}


#searchForm
{
border: 10px solid #E2E2E2;
  width: 420px !important; /*is read by all browsers. But IE/Win does not implement !important so this value is not given any importance by that browser*/
  width /**/:420px;/*Therefore, IE5.x/Win and any other browser that does not properly implement !important will get a width of 140px.*/
padding: 5px;
}

/*navigation buttons*/

#navMain {

  float:left;

  width:100%;

  background:#F0F0F0 url("/images/nav/bg.gif") repeat-x bottom;



  font-size:93%;

  line-height:normal;

  }

#navMain ul {

  margin:0;

  padding:10px 10px 0;

  list-style:none;

  }

#navMain li {

  float:left;

  background:url("/images/nav/left.gif") no-repeat left top;

  margin:0;

  padding:0 0 0 9px;

  }

#navMain a {

  float:left;
  
  display:block;

  background:url("/images/nav/right.gif") no-repeat right top;

  padding:5px 15px 4px 6px;

  text-decoration:none;

  font-weight:bold;

  color:#765;

  }

/* Commented Backslash Hack

   hides rule from IE5-Mac \*/

#navMain a {float:none;}

/* End IE5-Mac hack */

#navMain a:hover {

  color:#333;

  }

#navMain #current {

  background-image:url("/images/nav/left_on.gif");

  }

#navMain #current a {

  background-image:url("/images/nav/right_on.gif");

  color:#333;

  padding-bottom:5px;

  }

#printMessage
{
	display:none;
	
}
#printLink{
	position:relative;
	top:-20px;
	border:solid red 0px;
	padding-right:40px;
	float:right;
	line-height: 1.8em;
}
#printLink img{
	vertical-align: bottom;
	
}
#AddsRight {
	position:absolute;
	left:816px;
	top:145px;
	width:189px;
	height:786px;
	
}



.left{
text-align:left;
float:left;
}
.right{
float:right;
text-align:right;
}
.centered{
text-align:center;
}

