/* Intellect Styles  */	


body {
	padding: 0;
	margin: 0;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 70%;
	line-height: 1.3em;
	color: #1C1C1C;
	background-color: #FFFFFF;
	display: block;
}

  
/* Default Anchor Styles */

a {
	text-decoration: underline;
	font-weight: normal;
}

a:link {
	color: #003366;
}

a:visited {
	color: #003366;
}

a:hover {
	color: #FFFFFF;
	background-color:#043260;
}


.botline {
    border-style:none;
    border-width: 1px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom-style:solid;
    border-color:#003366;
}

div.botline {
    border-style:none;
    border-width: 1px;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    border-bottom-style:solid;
    border-color:#003366;

}




/* Layout */

.container {
	background-color     : #FFFFFF;
	width                : 900px;
  margin-left          : auto; 
  margin-right         : auto; 
  padding              : 0px;
	margin-top           : 5px;
  text-align           : left; 
  border               : 5px solid #FFFFFF; 
}



.container_content {
  float           : left;
  width           : 80%;
}


.container_footer {
  clear           : both;
  width           : 100%;
  border-top			: 1px solid #336699;
}

.footer {
  font-size		    : 80%;
}

.header{
 background-color	 : #FFFFFF;
 width             : 100%;
 float				     : left;
}


.topbox {
  float				       : right;
	height				     : 65px;
	margin-top				 : 0px;
	width				       : 100%;
	border-bottom	     : 0px solid #336699;
}

.top1 {
  float				        : left;
  height				      : 65px;
  width				        : 39%;
}

.logo, .logo a:link, .logo a:visited, .logo a:hover {
  text-decoration: none;
  color: #FFFFFF;
	border: 0px;
}



.top2 {
  float				        : left;
  height				      : 65px;
  width				        : 1%;
}

.top3 {
  float				        : left;
  height				      : 65px;
  width				        : 30%;
}

.top4{
  float				        : left;
  height				      : 65px;
  width				        : 5%;
}

.top5{
  float				        : right;
  height				      : 65px;
  width				        : 25%;
}

.top5_searchbox{
  float				        : right;
  height				      : 30px;
  width				        : 100%;
}

.top5_loginbox{
  float				        : right;
  height				      : 35px;
  width				        : 100%;
}

/*top3 menu items */
.headerbox {
	float				: left;
}


.module_headerbox,  .module_headerbox ul{
	margin-top		  : 1px;
  list-style-type	: none;
	font-size			  : 10px;
	font-weight			: bold;
}


.module_headerbox a:link, .module_headerbox a:visited, .module_headerbox a:hover {
	font-weight			: bold;
	text-decoration: none;
}

/* Layout */




/* ##################### SEARCH ###################### */

form {
	display: inline;
}

.searchbox {
	float				    : left;
}

.module_searchbox {
	margin-top			: 5px;
	/*font size must never get bigger, always same as header or less*/ 
	font-size			  : 10px;
}

.search_searchbox{
	 margin-left		: 10px;
}

.inputbox_searchbox{
   border				   : 1px solid #003366;
}

.button_searchbox {
	height          : 18px;
	margin-left     : 5px;
}


/* ##################### SEARCH EOF ###################### */

/* #####################   LOGIN     ###################### */
.loginbox {
	float				: left;
}

.loginbox h2 {
	font-size    :0.6em;
}



.module_loginbox{
    margin-top		: 0px;
   /*font size must never get bigger, always same as header or less*/ 
	  font-size			: 10px;
	  margin-left   : 7px;
}


.module_loginbox a:link,.module_loginbox a:visited{
	  color				      : #003366; 
  	text-decoration		: none;
}

.module_loginbox a:hover, .module_loginbox a:active {
	color				      : #FFFFFF; 
	background-color	: #003366; 
	text-decoration		: underline;
}


.inputbox_loginbox {
   border				   : 1px solid #003366;
}


.button_loginbox {
	height          : 18px;
	margin-left     : 5px;
}


/* ##################### LOGIN EOF ###################### */



/* ##################### RIGHT HAND SIDE ###################### */
#relatedhead {
	color: #FFFFFF;
	border-style:solid;
    border-width:2px;
    border-color:#003366;
    background-color:#003366;
    font-weight:bold;
    text-align:left;
	  margin: 0;
}

#related {
	padding: 10px 7px 10px 7px;
	color: #000000;
	border-style:solid;
    border-width:2px;
    border-color:#003366;
    margin: 0;
}


#related li{
margin-left: -25px;
margin-bottom: 1px;
}


#quote { 
	font-size: 1em;
	font-style:italic;
	line-height: 1.4em;
	color: #003366;
}

/* ##################### RIGHT HAND SIDE EOF ###################### */





/* ##################### EXTENDED FLAT NAVIGATION ##################### */

.menubox { 
		margin-top				: 10px;
		background-color  : #E6ECD2;
}

/* Sub Navigation Styles*/

#subnav {
padding-left: 0px;
color:#003366;
line-height: 1.5em;
font-weight:bold;
border-style:none;
border-width:0px;
}

#subnav .home {
background-image: URL(../images/bg-wires.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
border-style:none;
}

#subnav p {
margin: 0;
padding: 0;
}

#subnav ul {
list-style: url(http://www.intellectuk.org/images/stories/intellect/images/spacer.gif) none;
list-style-type: none;
padding: 0;
padding-left: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align: left;
}

#subnav li{
background-image: url(http://www.intellectuk.org/images/stories/intellect/icon-navarrowblue-12x12.gif);
background-repeat: no-repeat;
background-position: 0px .4em;
padding-left: 20px;
}

#subnav li.current {
background-image: url(http://www.intellectuk.org/images/stories/intellect/icon-navarrowblue-12x12.gif);
background-repeat: no-repeat;
background-position: 0px .4em;
padding-left: 20px;
border-style:solid;
border-width:1px;
border-left: 0px;
border-color:#99CC00;
}

#subnav li strong{
color:#FFCC33;
}

#subnav a {
text-decoration: none;
margin-top:0;
font-weight:bold;
}

#subnav  a:link {
text-decoration: none;
color: #003366;
}

#subnav a:visited {
color: #003366;
}

#subnav a:hover {
text-decoration: none;
color: #FFFFFF;
background-color:#043260;
}

#subnav li ul {
list-style: url(http://www.intellectuk.org/images/stories/intellect/images/spacer.gif) none;
list-style-type: none;
padding: 0;
padding-left: 0px;
padding-bottom: 5px;
padding-top: 5px;
margin-left: 0px;
margin-right: 0px;
margin-bottom:0px;
margin-top:0px;
text-align: left;
background-color:#E6ECD2;
}

#subnav li ul li{
background-image: url(http://www.intellectuk.org/images/stories/intellect/images/icon-arrowgreen-10x10.gif);
background-repeat: no-repeat;
background-position: 0px .4em;
padding-left: 20px;
}

#subnav li ul li.selected{
background-image: url(http://www.intellectuk.org/images/stories/intellect/images/icon-navarrowwhite-12x12.gif);
background-repeat: no-repeat;
background-position: 0px .4em;
padding-left: 20px;
}

#subnav  li ul li strong{
color:#FFCC33;
}

#subnav  li ul a {
text-decoration: none;
margin-top:0;
font-weight:bold;
}

#subnav   li ul a:link {
text-decoration: none;
color: #003366;
}

#subnav  li ul a:visited {
color: #003366;
}

#subnav  li ul a:hover {
text-decoration: none;
color: #FFFFFF;
background-color:#043260;
}

/* ##################### EXTENDED FLAT NAVIGATION EOF ##################### */






/* ##################### NAVIGATION - BOTTOM MENU  ##################### */
/*horizontal menu used for bottom menu*/
ul#mainlevelhorizontal {
  margin-top			: 1px;
  width           : 750px;
  padding         : 10px 2px 5px 2px;
}

ul#mainlevelhorizontal li {
  display				    : inline; /* Shows each item side-by-side */
  list-style-type		: none; /* Gets rid of the bullet points */
}

ul#mainlevelhorizontal a:link, ul#mainlevelhorizontal a:visited {
  border-right	     : 1px solid #99CC00;
  padding				     : 0 1em; /* Provides horizontal separation between menu items */
  color					     : #003366;
  background-color	 : #FFFFFF;
  font-weight        : bold;
  text-decoration    : none;
}

ul#mainlevelhorizontal a:hover, ul#mainlevelhorizontal a:active {
  border-right	     : 1px solid #99CC00;
  padding				     : 0 1em; /* Provides horizontal separation between menu items */
  color					     : #FFFFFF;
  background-color	 : #336699;
  font-weight        : bold;
  text-decoration    : none;
}

/* ##################### NAVIGATION - BOTTOM MENU  ##################### */






/* ##################### TOPNAV ###################### */


a.mainlevel-son-of-suckerfish-horizontal,a.mainlevel-son-of-suckerfish-horizontal:link, a.mainlevel-son-of-suckerfish-horizontal:visited {
	background-color           : #004463;
	color                      : #FFFFFF;
}

a.mainlevel-son-of-suckerfish-horizontal:hover {
	background-color           : #99CC00;
	color                      : #FFFFFF;
}


/** customize style / layout here */

a.mainlevel-son-of-suckerfish-horizontal,a.mainlevel-son-of-suckerfish-horizontal:link,a.mainlevel-son-of-suckerfish-horizontal:visited,
a.mainlevel-son-of-suckerfish-horizontal:hover {
	font-weight          : normal;
	font-size            : 11px;
	text-align           : left;
	text-decoration      : none;
	display              : block;
	padding              : 0.3em 0.35em 0.3em 0.35em;	/* top, right, bottom, left */
	width				         : 170px;
	border               : 1px solid #FFFFFF;
}


ul.mainlevel-son-of-suckerfish-horizontal, .mainlevel-son-of-suckerfish-horizontal ul {
	padding              : 0;
	margin               : 0;
	list-style           : none;
	line-height          : 1;
	z-index              : 100;
}

ul.mainlevel-son-of-suckerfish-horizontal li {
	padding              : 0;
	margin               : 0;
	background           : none;
	float                : left;
}

/* ##################### TOPNAV EOF ###################### */




/* CENTRAL CONTENT STYLES */
#centralcontent {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #000000;
	clear:both;
	text-align:left;
	background-color     : #FFFFFF;
}

#centralcontent h1 {
	font-size: 1.6em;
	font-weight:bold;
	line-height: 1.5em;
	color: #336699;
	padding:25px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#centralcontent h2 {
	font-size: 1.25em;
	font-weight:bold;
	color: #000000;
	padding: 25px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#centralcontent h3 {
	font-size: 1em;
	font-weight:bold;
	color: #336699;
	display:inline;

}

#centralcontent p {
	color: #000000;
}

#centralcontent hr {
	color: #003366;	
	margin-top: 0px;
	margin-bottom: 0px;		
	padding:0px;
  height: 1px;
	background-color: #003366;		
}

#centralcontent ul {
	list-style-image: url(http://www.intellectuk.org/images/stories/intellect/icon-bulletmidblue-4x4.gif);
	list-style-position: outside;
	line-height: 1.5em;
}

.cnticon {
	width:200px;
	border-width:0px;
	color:#000000;
    border-style:none;
    margin-top:15px;
    margin-bottom:15px;
}

.cnticon img {
    float:left;
    padding-right:5px;
    display:inline;
}

.cnticon p, h3 {
    padding-right:2px;
    width: 110px;
    display:inline;
}


.cnticonlong {
	width:400px;
	border-width:0px;
	color:#000000;
    border-style:none;
    margin-top:15px;
    margin-bottom:15px;
}

.cnticonlong img {
    float:left;
    padding-right:5px;
}

.cnticonlong p, h3 {
    padding-right:2px;
    width: 380px;
    display:inline;
}


#itform {
    margin-top:15px;
    border-style: solid;
    border-color: #BFD3E6;
	padding:10px;
	padding-left:4px;
	border-width:1px;
}

#itform input, select, radio { 
	border-style: solid;
	border-width: 1px;
	margin: 3px;
	border-color: #003366;
	color: #000000;
	background: #BFD3E6;
}





/* Intellect HR Styles  */	


	#ht1 {
		position: absolute;
		z-index: 100;
		top: 0px;
		left: 10px;
		visibility: hidden;
	}

	#ht2 {
		position: relative;
		z-index: 100;
		top: +30px;
		left: +10px;
		visibility: hidden;
	}

	.hyperText {
		color: #000000;
		background-color: #66cc99;
		padding: 5px;
		border: 5pt solid green;
		width: 300px;
		layer-background-color: #66cc99;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
	}

	.ordinary {  font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	P.headline {
		font-size: 1.2em; font-weight: bold ;
		text-align: left;
		color: #000000;
	}
	P.topic {
		font-weight: bold ;
	}
  
        td.mapSmallBox {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal ;
		background-color: #cccccc;
		color: #000000;
	}
        td.mapBigBox {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal ;
		background-color: #669999;
		color: #000000;
	}

	td.prompt {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal ;
		background-color: #bfd3e6;
		color: #000000;
	}
	td.answer {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal ;
		background-color: #336699;
		color: #ffffff;
	}
	td.answer a {
		color: #ffffff;
		}

	td.sitebox {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal ;
		background-color: #bfd3e6;
		color: #ffffff;
	}
	.sitebox {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #003366;
		text-decoration: none;
	}
	.sidebar1 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal ;
		background-color: #eef4f6;
		color: #000000;
		padding: 10px;
	}
	.sidebar {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal ;
		color: #000000;
	}
	td.fbox1 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal ;
		background-color: #ffffff;
		color: #000000;
	}
	td.fbox2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal ;
		background-color: #ffffff;
		color: #000000;
	}
	td.mbar {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal ;
	}
	.trailer {
		float:left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em; font-weight: normal ;
	}

	.focusbox {
		text-align: left;
		padding-top: 10px;
		font-weight: normal ;
	}
	.minihead {
		text-align: center;
		font-weight: bold ;
	}


	H3.real {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
	}

	.headbox {
		position:relative; width:740px; height:247px; z-index:1; left: 0; top: 185px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: .6em;
		color: black;
		background-color: #336699;
	}

	.regular {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em;
	}

	.textbox {
		position:absolute; width:335px; height:247px; z-index:1; left: 210px; top: 135px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
	}
	.child {
		margin-top: 10px;
		margin-left: 20px;
	}
	.parent {
		margin-top: 5px;
	}


        .newstxt {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal ;
		color: #000000;
	}
	.newstopicbox {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal ;
		background-color: #99cccc;
		color: #000000;
	}
        .newstopictxt {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal ;
		color: #000000;
	}
        .newstitle0 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em; font-weight: bold ;
		color: #000000;
	}
        .newstitle2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.9em; font-weight: bold ;
		color: #000000;
	}
        .newstitle3 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.9em; font-weight: normal ;
		color: #000000;
	}

	a:link.homepagelink {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #003366;
		background-color : transparent;
		text-decoration : underline;
		font-weight : bold;
	}
	a:visited.homepagelink {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #003366;
		background-color : transparent;
		text-decoration : underline;
		font-weight : bold;
	}
	a:hover.homepagelink {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #ffffff;
		background-color : #043260;
		text-decoration : underline;
		font-weight : bold;
	}
	a:active.homepagelink {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #003366;
		background-color : transparent;
		text-decoration : underline;
		font-weight : bold;
	}