/** BASIC */

* { margin:0;padding:0;}

body {
	margin: 0;
	padding: 0;
	font: normal 9pt Verdana;
	color: #616365; /*nfs gray*/
	text-align: justify;
	background:#f2f2f2;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 10px;
	padding-top: 0;
	color: #002776; /*nfs blue*/
}

h1 { font-size: 12pt; }
h2 { font-size: 10pt; }
h3 { font-size: 9pt; }

p 
{
    margin-bottom:1em;
}

a {
	color: #002776; /*#nfs blue*/
	text-decoration: none;
}

a:hover {
	background-color: #f2f2f2;
}

ul { margin-bottom:10px; }

img { border:0; }



/** HEADER */

#header 
{
    margin: 0 auto;
    width: 980px;
	height: 100px;
	background-color: #ffffff;
	/*background: url(../images/nfs-treasury-consulting-head-xmas.jpg) no-repeat 50% 0;
    background: url(../images/nfs-treasury-consulting-head2.jpg) no-repeat 50% 0;
    border-right: solid 1px #002776;
    border-left: solid 1px #002776;
    border-top: solid 1px #002776;*/
}

#header .contact 
{
    float: right;
	padding: 0;
	margin-top: 10px;
	margin-right: 20px;
	/*color: #002776;*/
	text-align:right;
}

/*#header .contact a
{
	color: #ffffff;
}*/


#topmenu 
{
    margin: 0 auto;
    width: 980px;
	height: 25px;
	background-color:#ffffff;
	/*border-bottom: solid 1px #002776;
    border-right: solid 1px #002776;
    border-left: solid 1px #002776;
    border-top: solid 1px #002776;*/
}

#topmenu .left 
{
    width: 960px;
	margin-left: 10px;
	padding: 1px 0;
	float:left; 
	background-color:#616365; /* nfs gray */
}

#topmenu .right 
{
    padding-right: 0px;
	padding-top: 1px;
    float:right;
}

/** CONTENT */

#content {
	width: 980px;
	margin: 0 auto;
    /*border-right: solid 1px #002776;
    border-left: solid 1px #002776;*/
    background-color: #ffffff;
}

.sitemap  
{
    padding:5px 0 5px 10px; 
    text-align:left;
}
    
.leftalign { text-align:left; }
    

#left_column { 
	float: left;
	width: 170px;
	padding: 0 10px 10px 0;
	/*border-right: 1px dotted #c8c8c8;
	border-bottom: 1px dotted #CCC; */
	margin: 10px 0 0 10px;
	text-align:left;
}

#left_column ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#left_column li {
	padding: 5px 10px;
	/*background: url(../images/list.gif) no-repeat 0 8px;*/
	border-top: 1px solid #f2f2f2;
}

#left_column li.first {
	border-top-color: #f2f2f2; /*ffffff*/
	/*margin: 0;*/
}

#left_column li.current {
	border-right: 1px solid #f2f2f2; 
	font-weight:bold;
}

#left_column li.child 
{
    border-right: 1px solid #f2f2f2; 
    margin-left:10px;
}

#left_column .content { 
	padding: 10px;
}


#mid_column {
	float: left;
	width: 500px;
	padding: 10px 20px 0 20px;
}

#right_column {
	float: right;
	width: 230px;
	padding: 0 10px 0 10px;
	margin-top: 10px;
}

#right_column h2, p, ul { 
	padding-right: 10px;
}


/** FOOTER */

#footer {
	clear: both;
	width: 960px; 
	padding: 10px;
	margin: 0 auto;
    background-color:#ffffff;
    color:#616365; 
    
}

#footer p {
	margin: 0 auto;
	padding: 10px;
	text-align:left;
	font-size: 8pt;
	border: solid 1px #f2f2f2;
}

#footer p .right 
{
    text-align:right;
}

.addthisbutton
{
    padding:0;
    margin:0;
    float:right;
}

#footer a {
	color:#616365;
}

/*#footer a:hover {
    text-decoration: underline;
    background-color: #ffffff;
}*/



/*page1*/


.p1top
{
      padding:15px 10px; 
 margin:0 10px;
 text-align: left;
 width:500px;   
 font-weight:bold;
}

.p1left /* news events */
{
    padding: 10px;
    margin-left: 10px;
    width: 275px;
    height: 190px;
    float:left;
    text-align:left;
    border: solid 1px #f2f2f2;
}


.p1right /* blogs */
{
    padding: 10px;
    margin-right: 10px;
    width: 324px;
    height: 190px;
    float:right;
    text-align: left;
    border: solid 1px #f2f2f2;
}

.p1topright /* xmas message etc */
{
    margin: 15px 20px 0 0;
    width: 220px;
    float:right;
}

.list {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.list li {
	padding-left: 10px;
	background: url(images/list.gif) no-repeat left center;
}

/*problem with background image on nested lists, needed on Sitemap*/
.list_nested {
    margin-left: 10px;
	padding-left: 10px;
}

ol { margin-left: 25px; }
ul { margin-left: 20px; }

.sitemappath {
    margin-left: 20px;
	margin-top: 10px;
	text-align:left;
	float:left;
	/*color: #f2f2f2;*/
}

/*.sitemappath a 
{
    color: #f2f2f2;
}

.sitemappath a:hover {
    text-decoration: underline;
    background-color: #ffffff;
}*/

.gridview
{   
    padding:10px 10px 5px 0;
}


#slider							{ background: white url(../images/slider-gray-bg.jpg) no-repeat; height: 227px; overflow: hidden;
								  position: relative; margin: 0 10px; padding-top:10px; }
								  
                                /* WIDTH here is for four panels in width (960), adjust if needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 3840px; position: relative; }

.slide							{ width: 960px; float: left; position: relative; padding: 10px;}
/*.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px;
								  color: #ac0000; }*/
.slide p						{ /*color: #999; font-size: 12px; line-height: 22px;*/ width: 275px; }
.slide img						{ position: absolute; top: 20px; left: 350px; }
#slider-stopper					{ position: absolute; top: 1px; right: 10px; background: #616365; color: #f2f2f2;
								  padding: 3px 5px; font-size: 8px; text-transform: uppercase; z-index: 1000; }