@import url(reset.css);
@import url(Editor.css);
@import url(News.css);

body
{
	margin: 0px 0px 0px 0px;
	line-height: 1.7em;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 0.75em;
	text-align: center;
	color: #000000;
	background-color: #FFFFFF;
	padding: 0px;
}


/*----------------------   Headings ---*/
a
{ text-decoration: underline; font-weight: bold;}
a:hover {color: #000; text-decoration: underline;}
h1
{
 font-size: 2.0em; font-weight: bold; margin: 0px 0px 10px 0px; color: #005E82;
}

h2
{
	font-size: 1.6em; font-weight: bold; margin: 0px 0px 0px 0px; color: #005E82;
}

h3
{

}

h4
{
	
}

h5
{
	
}
p
{
 margin: 5px 0px 10px 0px; line-height: 1.3em;
}
strong{font-weight: bold;}

ul{ margin: 10px 0px 10px 30px; list-style-type: disc;}
li{ margin: 5px 0px 5px 0px; padding: 0px 10px 0px 10px;}



/*-----  ----------------  Positioning Divs    -------*/
.MasterDiv
{
	width: 900px;
	display: table;
	text-align: left;
	margin: 0px;
	background: #fff;
}



/*-----------------    Banner   ------*/
.Banner
{width: 900px;}

.Logo{ margin: 40px 0px 30px 20px; display: block; float: left; border: 1px solid red;}
.BlueBanner{ display: table; clear: both; background-color: #0DBCEE; padding: 10px 20px 10px 20px; width: 860px}
.BannerTable{ padding: 0px; margin: 0px; width: 860px;}
.BannerTable td{ vertical-align: top;}
.BlackText{ font-size: 13px; font-weight: bold; width: 180px; float: left; display: block; padding-bottom: 30px;}
.TopLinks{ display: block; margin: 0px; float: right; clear: both; width: 400px}
.TopLinks ul {margin: 0px 10px 0px 70px; padding: 0px; width: 330px}
.TopLinks li { float: left; display: block; margin: 0px 0px 0px 15px;}
.TopLinks a { display: block; padding: 5px 0px 5px 22px; color: #000; font-weight: bold; font-size: 11px; text-decoration: none;}
.TopLinks .Accesibility{ background: url('../images/template/A.jpg') no-repeat top left}
.TopLinks .TextOnly {background: url('../images/template/T.jpg') no-repeat top left}
.TopLinks .Print {background: url('../images/template/P.jpg') no-repeat top left}
.TopLinks a:hover { color: #FFF; text-decoration: underline;}
.PensionsExpress{ }
.pe{float: left;}
.DateLabel{ color: #FFF; float: left; padding: 37px 0px 0px 10px; font-weight: bold;}
/*-----*/

/*------   Crumbtrail Links   */

.CrumbTrailDiv{ background-color: #CCC; padding: 6px 20px 6px 20px; margin: 2px 0px 15px 0px; width: 860px;}
.SelectedCrumb {color: #666; font-weight: bold; text-decoration: none;}

.CrumbLink { margin: 0px 5px 0px 0px; text-decoration: none; color: #666; 
	font-weight: normal; background: url('../images/template/crumbarrow.gif') no-repeat top right;
	padding: 0px 15px 0px 0px}
/*  -----  */



.BodyDiv{ width: 880px; clear: both; min-height: 250px; margin: 0px 0px 0px 20px; padding: 0px; display: table;}
.TopArticle{width: 490px; margin: 0px 5px 0px 0px; padding: 0px; float: left;}
.MainArticle {width: 650px; margin: 0px 10px 0px 10px; padding: 0px 10px 0px 10px; float: left;}

.TitleImage{ border: 5px solid #005E82}
.TitleLink{ display: block; border: 5px solid #005E82; width: 470px }
.NewsList{ width: 175px; margin: 0px 15px 0px 0px; padding: 10px; height: 420px; overflow: auto; border: 1px solid #CCC; float: left;}
.NewsListLeft{ width: 175px; margin: 0px 15px 0px 0px; padding: 0px; float: left; visibility: hidden; display: none;}

.Menu{ width: 170px; margin: 0px; padding: 0px; float: left; visibility: hidden; display: none;}

/*-----------  Copy Div  */
.CopyDiv{ width: 460px; margin: 10px 0px 0px 0px; padding: 10px; float: left; background-color: #D7EDFB; }
.CopyDiv ul{ padding: 0px; margin: 0px; font-size: 10px;}
.CopyDiv li{ float: left; display: block; margin: 0px 5px 0px 5px; padding: 0px;}
.CopyDiv li a{ color: #000; text-decoration: none; font-weight: normal;}
.CopyDiv li a{ color: #000; text-decoration: underline; font-weight: normal;}
.Info{width: 460px; margin: 5px 0px 0px 0px; padding: 0px 0px 10px 0px;  float: left; font-size: 0.77em; color: #666; display: block; }


/*------------------------------------ MENU -------------------------  */
.Menu ul{ background-color: #D7EDFB; padding: 5px 10px 10px 10px; list-style-type: none; margin: 0px;}
.Menu li {display: block; border-bottom: 2px solid #000; padding: 5px 0px 5px 0px;}
.Menu li a { color: #000; font-weight: bold; text-decoration: none; display: block; }
.Menu li a:hover { color: #005E82; font-weight: bold; text-decoration: underline; }
.Menu li .FeedLink { float: right; margin: 0px; padding: 0px;}

.Menu .ManageAccount{ display: block; color: #000; background: #A0D9F6; padding: 7px 7px 7px 10px; margin-top: 15px; font-weight: bold; text-decoration: none; font-size: 1.1em;}
.Menu .ManageAccount:hover{ background: #005E82; color: #FFF;}



/*-----   Registration Form   */

.RegisterDiv{}
.RegisterDiv fieldset{ width: 380px; border: 1px solid #0DBCEE; padding: 20px;}
.RegisterDiv legend{ font-size: 1.3em; font-weight: bold; margin: 0px 0px 0px 0px; color: #005E82;}
.RegisterDiv Table{ padding: 0px; margin: 10px 0px 0px 0px; width: 350px}
.RegisterDiv td{ padding: 0px 0px 3px 0px; width: 50%; font-size: 0.95em; text-align: left;}
.RegisterDiv .TextBox{}



/*---------------------------  LeftCol   ------------------------------     */

/*  ----------------------------------     Image Floats    */
.ImageFloatRight{ float: right; margin: 0px 0px 10px 15px; }


/*-----  Brochure Download Section  */

.Downloads ul{ margin: 0px; padding: 0px; list-style-type: none; display: block; width: 300px;}
.Downloads li{ float: left; display: block; padding: 0px 20px 15px 20px;}
.Downloads li a{  border: 5px solid #ccc; display: block;}
.Downloads a b{ visibility: hidden; display: none;}

.Downloads a:hover {border: 5px solid #005E82}
.Downloads a:hover b { visibility: visible; display: block; position: absolute; background:  #D7EDFB; 
	padding: 10px; border: none; width: 250px; font-size: 0.8em; text-decoration: none; 
	font-weight: normal; cursor: pointer;}

/*-------------- LOGIN ------*/
.LoginDiv
{
	background-color: #FFFFFF;
	border: 1px solid #999999;
	color: #000000;
}
.LoginTextBox
{
	border: 1px solid #666666;
	font-family: Verdana,Helvetica,Arial;
	font-size: 1em;
	margin-left: 10px;
	width: 160px;
	float: left;
}
.LoginTitle
{
	display: inline-block;
	margin-left: 10px;
	font-family: Verdana,Helvetica,Arial;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #999999;
}
.LoginLabels
{
	font-family: Verdana,Helvetica,Arial;
	font-size: 1em;
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
}
.LoginButton
{
	border: none;
	background-color: #3399FF;
	color: #FFFFFF;
	font-size: 1em;
	margin: 10px;
	font-weight: bold;
	width: 100px;
}

.LoginValidators
{
	font-family: Verdana,Helvetica,Arial;
	font-size: 0.7em;
	text-align: left;
	color: #FF0000;
}