/* ================================================================================
   History.
   Who When       What
   === ====       ====
   jec 21/01/2009 Changed footcopyright text-color to #000000
   ================================================================================ */

/*====================================================
   Main Areas
  ====================================================*/
body
{
	font-family: arial, helvetica, verdana;
	font-weight: grey;
	font-size:   10pt;
	background-color: #e5e5e5;
   background-image: url('images/bg.jpg');
   background-repeat: repeat-x;
   margin-top: 8px;
}

#block
{
	margin: auto;
	width:  760px;
}



		
/*====================================================
   Top Menu Area
  ====================================================*/
#top
{
	width:  760px;
   background-image: url('images/topbar.gif');
   font-size: 18pt;
   font-weight: bold;
   border-bottom: solid 1px #bbbb00;
}

#topmenu
{
   border: solid 1px #9999ee;
   border-top-color: #ddd;
   border-bottom-color: #44b;
	width:  758px;
   background-color: #293d6b;
   background: url(images/bar.gif) left top repeat-x;
   color: #aaaaff;
   font-size: 12pt;
   line-height: 18pt;
   padding-top: 0px;
   text-align: center;
}

#topmenu a
{
   padding-left: 20px;
   padding-right: 20px;
   color: #eef;
   text-decoration: none;
}

#topmenu a.selected
{
   color: #ffc;
}

#topmenu a:Hover
{
   color: #ffc;
   text-decoration: underline;
}

.topmenudivider
{
   color: #ffc;
}

#topbanner
{
   width: 760px;
   height: 140px;
}

#topbanner span
{
  position:relative; left: 485px; top: 85px;
  font-family: arial;
  color:white;
  font-size:18px;
}
   
#msplogo
{
   margin-left: 10px;
   margin-right: 70px;
}
   
   
   
/*====================================================
   Footer Area
  ====================================================*/
#footmenu
{
	width:  760px;
   background-color: #293d6b;
   background: url(images/bar.gif) left top repeat-x;
   color: #eef;
   border-top: solid 1px #ccf;
   border-bottom: solid 1px #44b;
   line-height: 18pt;
   text-align: center;
}

#footmenu a
{
   padding-left: 20px;
   padding-right: 20px;
   color: #eef;
   text-decoration: none;
}

#footmenu a:Hover
{
   color: #ffc;
   text-decoration: underline;
}

#footcopyright
{
	width:  760px;
	background-color: #e5e5e5;
   color: #000000;
   line-height: 20pt;
   font-size: 8pt;
   text-align: center;
}



		
/*====================================================
   The Main Block and Text Area
  ====================================================*/

#main
{
	width:  758px;
	font-weight: grey;
	font-size:   10pt;
   background-color: white;
   border: solid 1px #aaaaff;
   padding-top: 10px;
   padding-bottom: 10px;
}


#main h1
{
  clear: both;
  font-family:arial;
  font-weight:900;
  font-size:40px;
  color:#ddddff;
  text-align:left;
  margin-left: 15px;
  margin-top: 0px;
  margin-bottom: 0px;
}

#main h2
{
  clear: both;
  font-family:arial;
  font-weight:900;
  font-size:24px;
  color:#4444aa;
  text-align:left;
  margin-left:15px;
  margin-bottom: 0px;
}

#main h3
{
  clear: both;
  font-family:arial;
  font-weight:900;
  font-size:16px;
  color:#7777cc;
  text-align:left;
  margin-left:15px;
  margin-bottom: 0px;
}

#main h4
{
  clear: both;
  font-family:arial;
  font-weight:bold;
  font-size:8pt;
  color:#4444aa;
  text-align:left;
  margin-left: 40px;
  margin-bottom: 0px;
}

#main h5
{
  clear: both;
  font-family:arial;
  font-weight:normal;
  font-style: italic;
  font-size:8pt;
  color:#4444aa;
  text-align:left;
  margin-bottom: 0px;
  margin-left: 40px;
}

img
{
   border: 0px;
}

p.center
{
   text-align: center;
}

a.readmore
{
   text-decoration: none;
   font-weight: bold;
   font-style: italic;
   color: #aa0000;
}

a.readmore:Hover
{
   text-decoration: underline;
}

a.readmore:Visited
{
   color: #880000
}




/*====================================================
   'Article' Layout within the main block
  ====================================================*/
.article
{
   font-family:arial;
   font-weight:400;
   font-size:8pt;
   color:#222222;
   text-align:left;
   padding-right: 20px;
}

.article p
{
   padding-left: 40px;
}

/* We override h4 and h5 for articles for image titling */
.article h4
{
   text-align: right;
   font-weight: bold;
   font-style: italic;
   color: black;
   clear: none;
}

.article h5
{
   margin-top: 0px;
   text-align: right;
   clear: none;
}

.article h4.left, .article h5.left
{
   text-align: left;
}

.article img
{
   padding: 5px;
}



/*====================================================
   'Central' Layout within the main block
  ====================================================*/
.central
{
   margin: auto;
	width:  400px;
   padding-left: 20px;
   padding-right: 20px;
   border-left: solid 1px #aaaaff;
   border-right: solid 1px #aaaaff;
}



/*====================================================
   '3 Column' Layout within the main block
  ====================================================*/
.columns3
{
   width: 100%;
}

.columns3 td
{
   /*width: 33%;*/
   vertical-align: top;
}

.columns3 td.borderleft
{
   border-left: solid 1px #aaaaff;
}


.columns3 td p,  .columns3 td li
{
  font-family:arial;
  font-weight:400;
  font-size:8pt;
  color:#222222;
  text-align:left;
  margin-top:5px;
  margin-left:40px;
  margin-right:20px;
}

.columns3 p.big
{
   font-size:10pt;
}


.columns3 td hr
{
   border: 0px;
   height: 1px;
   color:  #aaaaff;
   background-color: #aaaaff;
   margin-left:40px;
   margin-right:20px;
}

.columns3 td ul hr
{
   margin-left: 0px;
}



/*====================================================
   Side Menu Area
  ====================================================*/
.menu
{
	/*display:block;*/
   width: 120px;
   font-family: arial;
   background-color: #e0e0e0;
}

.menu ul
{
   margin: 0px;  
   padding: 0px;
}

.menu ul li
{
   list-style: none;
   padding: 5px;
   padding-left: 10px;
   padding-right: 10px;
   border: solid 1px #a0a0a0;
   border-top: 0px;
   margin-top:0px;
   margin-left:0px;
   margin-right:0px;
}

.menu ul li.title
{
   font-size: 12pt;
   color: white;
   height: 15px;
   background: url(images/bar.gif) left top repeat-x;
   background-color: #a0a0a0;
   border-top: solid 1px #a0a0a0;
   border-bottom: solid 1px #44b;
   padding-top: 2px;
}

.menu ul li a
{
   text-decoration: none;
}

.menu ul li a:Hover
{
   text-decoration: underline;
}

.menu ul li.selected
{
   font-weight: bold;
   font-style: italic;
   background-color: #f0f0f0;
}
 

 
/*====================================================
   CSS Drop shadow classes
  ====================================================*/ 
.w1, .w2, .w3
{
	display:inline-table;
	/* \*/display:block;/**/
} 

.w1
{
	float:right;
	background:url(images/shadow.gif) right bottom no-repeat;
}

.w2
{
   background:url(images/corner_bl.gif) left bottom no-repeat;
}

.w3
{
	padding:0 16px 16px 0;
	background:url(images/corner_tr.gif) right top no-repeat;
}

.w3 img
{
	display:block;
	border:1px solid #ccc;
	border-color:#efefef #ccc #ccc #efefef;
}