/* MAIN
*************************************************************************************/
* {
	padding: 0;
	margin: 0;
	}
  
html, body { height: 100%; }

html {
	font-size: 15px;
 	background: #ffd url(../images/background.gif) repeat-x !important;
	background: #ffd url(../images/background_full.png) repeat-x; /* IE6 does not like transparent png! */
	}
body {
  	font-family: Arial, Helvetica, sans-serif;
	color:#222;
	background: url(../images/banner_background.png) repeat-x top !important;
	background: none; /* IE6 does not like transparent png! */
  	line-height: 130%;
	}
p {
	margin-bottom:10px;
}	
a , :link, :visited{ 
  	text-decoration: none;
  	color: #3F73FF;
  }

a img, :link img, :visited img :hover img {
	border: 0;
	}
  
ul, ol{
  	padding-left: 30px;
}
ol{
	list-style-type:decimal;
}
ol ol{
	list-style-type:upper-alpha;
}
ol ol ol{
	list-style-type:lower-roman;
}

.smalltext{
  	font-size: 80%;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Times New Roman, Times, serif;
	color: #410;
	line-height: 120%;
}

h3.subtitle{
	color:#777; margin: 10px 0;
}

h6{ /* for tab titles: displayed when javascript turned off */
	font-size: 150%; 
	padding-top: 10px;
}
.tinytext { font-size:0.4em; }
.greytext { color:#999; }
em.date{ color:#999; }

hr {
	border:1px dashed #999;;
}
img.right{
	float:right;
}

/******************* 
      Layout
********************/

#wrapper {
  	margin: 0 auto; 
  	width:980px;
  	background-color:transparent;
  	/* for sticky footer */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -160px; /* the bottom margin is the negative value of the footer's height */
 }
 
#innerwrapper {
  	margin: 0 auto;
  	width:940px;
}

#header{
  	padding: 20px 0;
}

#footer {
	background-color:#e3e3e3;
  	border-top: 1px solid #adadb8;
  	height: 160px;
	font-size:80%;
	line-height:145%;
}

#footer .wrap {
	width: 940px; 
	margin: 0 auto;
	padding: 20px 0 0 0;
	background-color: #e3e3e3;
	}

#footer .wrap p.column {
	padding: 0 27px;
	float:left;
	border-right:dotted 1px #ADADB8;
	min-height: 92px;
	}

#footer .wrap p.text {
	padding: 0 20px;
	}
.clearfooter {
  	height: 167px;
  	clear: both;
}

/******************* 
        MENU
********************/
/* .niflogo {
	position:relative;
	top:20px;
	background:url(../images/NIF.png) !important;
	background:url(../images/NIF.gif);
	width: 171px;
	height: 67px;
} */

.niflogo {
	float:left;
}

.incflogo {
	float:right;
}

.niflogo-text{
	font-size:2em;
	color:#F5E5A9;
	text-indent:14px;
}

#menu {
  	text-align:center;
}
 
/******************* 
      SEARCH BAR
********************/
#searchbox {
	padding: 15px 0;
	margin: 40px 0; 
	border:5px solid #F5E5A9;   
	background: #ffc url(../images/brain-nobg.png) right -45px no-repeat;
}
#search {
  	text-align:left;
  	margin: 0px auto;
  	width: 880px;
	padding: 5px 0;
}

/******************* 
     TAB BOX
********************/
.tabbox{
  	background-color: #fff;
  	padding: 30px;
	border: 1px solid #bbb;
/*	-moz-border-radius: 15px;
  	-webkit-border-radius: 15px; */
}

/******************* 
     CONTENT
********************/
#content { /* used in inner pages only */
  	background-color: #fff;
  	padding: 30px;
	border: 1px solid #bbb;
/*	-moz-border-radius: 15px;
  	-webkit-border-radius: 15px; */
}
.wrap { /* used in inner pages only */
  	background-color:#ffc;
  	width: 820px; /*880px full*/
  	margin: 0 auto;
	padding:20px 30px;
}

.content {
  	background-color:#e4e8ef;
  	width: 820px; /*880px full*/
  	margin: 0 auto;
	padding:20px 30px;
}

.content a:hover, #content a:hover{
	border-bottom: 1px dashed;
}	
div.box{ /* box with no side margin */
	margin-bottom:15px;
}
div.tanbox {
  	background-color: #ffc;
  	border: 4px solid #fff;
/*	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;*/
}
div.bluebox {
  	background-color: #b9dcf3;
  	border: 4px solid #fff;
/*	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;*/
}
div.paddingbox, div.bluebox, div.tanbox {
	padding: 10px;
}

#newsevents {
/*	height:470px !important; height: 200px;
	overflow: auto !important; overflow:visible;*/
}

/**************************** 
     CONTENT LEFT COLUMN
*****************************/
.inner-left{
	width: 570px;
	float: left;
}
.leftcol{
  	width:442px;
  	float:left;
}
/**************************** 
     CONTENT RIGHT COLUMN
*****************************/
.inner-right{
	width: 190px;
	float: right;
}

.inner-right p{
	padding-left: 9px;
}
.rightcol{
  	width:348px;
  	float:right;
}

/******************* 
     BREAD / CRUMBS
********************/
#bread{ /* this is the bread, comes before the crumbs... in other words... this is the headlines */
	background-color:#ffc;
  	border-bottom: 3px solid #fff;
  	padding:3px 17px;
	color: #666;
}

#crumbs {
	font-size:95%;
	margin-bottom:15px;
	padding-bottom: 1px;
	border-bottom: 1px solid #F5E5A9;
  }

/************************
     Statistic Table
************************/
table.stat{
	border-collapse: collapse;
	width:100%;

}
table.stat td.left, table.stat td.right{
	padding: 2px 0;
	border-bottom: 1px dashed #fff;
	
}
table.stat td.left{
	font-size:80%
}
table.stat td.right{
	text-align:right;
}
table.stat td p {
	margin: 0;
}
/*****************************
     Webinar Table
*****************************/
table.webinar-events{
	width: 100%;
	font-size: 85%;
	border-collapse: collapse;
	border: 1px solid #410;
}
table.webinar-events .odd{
	background-color: #D1E2EF;
}
table.webinar-events td, table.webinar-events th {
	padding: 5px;
	
}
table.webinar-events .title{
	width: 70px;
}
table.webinar-events .data{
	font-weight: bold;
}
table.webinar-events th {
	text-align:right;
	font-size: 95%;
	vertical-align: top;
	font-weight: normal;
}
/*****************************
     Webinar Archive Table
*****************************/
table.webinar{
	font-size: 85%;
	width: 100%;
	border-collapse: collapse;
}
table.webinar td {
	padding: 6px 0;
}
table.webinar tr.odd {
	background: #FFE9AF;
}
table.webinar tr.head{
	border-bottom: 1px solid #EF8C08;
	text-align: center;
	padding: 0;
}
table.webinar td.date{
	width: 80px;
	text-align: right;
}
table.webinar td.title{
	padding: 6px 20px;
	width: 320px;
}
table.webinar td.name{
	width: 110px;
}
/************************
     citation list
************************/
ol.citation li {
	line-height: 1.4em;
	margin-bottom: 10px;
}

/************************
     Clear Columns
************************/
.clearcolumns {
	clear:both;
}	
/************************
     Text alignments
************************/
div.textright{
	text-align:right;
}

/************************
   Updated Dynamic text settings
************************/
.updated {
width: 100%;
margin: 20px 0;
text-align: center;
font-size: 80%;
font-style:italic;
color: #444;
}

/* -----------------------------------------------------
   Document ICONS
   ---------------------------------------------------- */
a[href$='.pdf'] {
background:transparent url(../images/icons/pdf.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:16px;
text-decoration: none;
}
/* Word Document Links */
a[href$='.doc'] {
background:transparent url(../images/icons/word.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:16px;
text-decoration: none;
}


/*************************
 *      Print Stuff      *
 *************************/
.cprint {display: none;}

/* MENU
*************************************************************************************/
.menu{
	text-align:left;
	clear:both;
}
.menu ul{
	text-align: right;
	list-style:none;
	border-bottom:1px solid #b5b4b4;
}
.menu li{
	list-style:none;
	display:inline;
	margin:0 5px;
}
.menu li a , .menu li a:visited{
	color:#F9E25E;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}
.menu li a:hover{
	color:#F5E5A9;
	text-decoration:none;
}
.menu li a.current{
	color:#F5E5A9;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
}

.menu ul .noborder {
	border: 0;
}

.menu-bottom ul{
	border: 0;
}

/* FORUM
*************************************************************************************/
	form.contact {
		padding-bottom:10px;
		padding-right:30px;
		}
	fieldset {
		border: 0;
	}
	label {
		font-family:Arial, Helvetica, sans-serif;
		font-size:.8em;
		}
	.mailtxt {
		display:block;
		width:300px;
		margin-bottom:6px;
		}
	.mailcmt {
		display:block;
		width:400px;
		margin-bottom:6px;
		}
	.mailbtn {
		display:block;
		}
		
/* CSS BUTTON
*************************************************************************************/
.awesome, .awesome:visited {
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
/*	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);*/
/*	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);*/
	position: relative;
	cursor: pointer;
	border: 2px solid #fff;
}
.add-margin {
	margin:5px 0;
}
	.awesome:hover							{ background-color: #111; color: #fff;}
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; /*text-shadow: 0 -1px 1px rgba(0,0,0,0.25);*/ }
	.large.awesome, .large.awesome:visited 			{ font-size: 16px; }
	
	.orange.awesome, .orange.awesome:visited		{ background-color: #dfa202; }
	.orange.awesome:hover							{ background-color: #C58E02; border: 2px solid #fff;}
	.blue.awesome, .blue.awesome:visited			{ background-color: #2daebf; }
	.blue.awesome:hover								{ background-color: #007d9a; border: 2px solid #fff;}
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; border: 2px solid #fff;}
	.red.awesome, .red.awesome:visited				{ background-color: #9F0024; }
	.red.awesome:hover								{ background-color: #7F001D; border: 2px solid #fff;}
	.darkblue.awesome, .darkblue.awesome:visited	{ background-color: #2076AF; }
	.darkblue.awesome:hover							{ background-color: #1A608F; border: 2px solid #fff;}
	.lightblue.awesome, .lightblue.awesome:visited 	{ background-color: #3F73FF; border: 2px solid #fff;}
	.lightblue.awesome:hover 						{ background-color: #0D50FF; }	

/* ADDTHIS
*************************************************************************************/
/**********************
    Add this Two COL
***********************/

.addthis_toolbox_twocol .two_column a 
{
    padding: 2px 0 0px 32px;
    position: relative;
    display: block;
    text-decoration: none;
    color: blue;
	font-size: 80%;
}


.addthis_toolbox_twocol .two_column a:hover
{
/*    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;*/
    background: #ffc;
    text-decoration: none;
	border: 0;
}

.addthis_toolbox_twocol .two_column span
{
    /*float:left;*/
	/*margin-right:5px; */
    position: absolute;
    left: 10px !important; left: -22px;
    top: 4px !important; top: 2px;
}

.addthis_toolbox_twocol .two_column span img
{
    height: 16px;
}

.addthis_toolbox_twocol .two_column .column1
{
    width: 50%;
	float:left;
}

.addthis_toolbox_twocol .two_column .column2
{
    width: 50%;
	float:right;
}

.addthis_toolbox_twocol .two_column .clear_twocol
{
    clear: both;
    padding: 0;
    display: block;
    height: 0;
    width: 0;
}
	
/**********************
    Add this Vertical
***********************/
.addthis_toolbox .vertical
{
    width: 190px;
    padding: 5px 0;
    border: 3px solid #F5E5A9;
/*    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
}

.addthis_toolbox .vertical a
{
    padding: 2px 0 2px 30px;
    position: relative;
    display: block;
    text-decoration: none;
	font-size:80%;
}

.addthis_toolbox .vertical a:hover
{
    background: #B4D3F8;
    text-decoration: none;
	border:0 !important; /* avoid dashed border-bottom override */
}

.addthis_toolbox .vertical span
{
    position: absolute;
    left: 10px !important; left: -22px;
    top: 4px !important; top: 2px;
}

.addthis_toolbox .vertical span img
{
    height: 16px;
}

.addthis_toolbox .vertical .more
{
    border-top: solid 1px #eee;
    padding: 10px 0 0 0;
    margin: 10px 10px 0 10px;
    text-align: center;
}

.addthis_toolbox .vertical .more a
{
    padding: 4px 0;
    margin: 0;
}

.addthis_toolbox .vertical .more span
{
    display: none;
}

/* SEARCH
*************************************************************************************/
fieldset.search {
	border: none;
	margin: 0 auto;
}

.search input {
  width:714px;
  /*height: 40px !important: height: 20px;*/
  padding: 2px;
  font-size: 140%;
  border: 5px solid #f5e5a9;
/*  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;*/
	float: left;
}


.search button.btn {
	background: url(../images/search_button.png) no-repeat;
	width: 142px;
	height: 30px;
	border: 0;
	text-indent: -9999px;
	cursor: pointer;
	float: left;
	position: relative;
	top:6px;
	margin-left: 5px;
}

/* RSS2HTML
*************************************************************************************/
/************************
 *     For rss feeds    *
 ************************/	
.itemtitle{
	font-weight: bold;
	/*font-size: 90%;*/
}
.itemtitle a, .itemdescription a{
	color: #4e7de2;
}

.itemdescription{
	padding-bottom: 15px;
	font-size: 80%;
}

.itemdescription a:hover, .itemtitle a:hover{
	border-bottom: 1px dashed;
}

.itemdate{
	color: #888;
	font-style:italic;
	font-size: 70%;
	border-bottom: #bbb 1px dotted;
	padding-bottom: 2px;
}