﻿/*
*html - defines cstyles that only apply to IE
*/
body, html, table
{
	font:11px verdana, arial, helvetica, sans-serif;
	padding:0px;
}
img
{
	border:0px;
}
/******* UK NARIC Tops ************************/
.header 
{
	position:relative; 
	width:auto;
	min-width:700px;
	margin:0px 5px 5px 5px;
	/*border:1px solid black;*/
	background-color:#165788;
	padding:0px;
	z-index:3; 
	font-size:11px;
	height:207px;
}
.header img
{
padding:5px;
}
.header h1
{
    color: White;
    text-align:left;
    font:350%/27px  Verdana, Arial, Helvetica, sans-serif;
    padding-top:35px;
    margin-left:520px;
}
.header p
{
    color: White;
    text-align:left;
    font-size: 16px;
    margin-left:520px;
    font:190%/27px Verdana, Arial, Helvetica, sans-serif;
}
/******* Top Tabs *****************************/

.tabs 
{
	position:relative; 
	width:auto;
	min-width:120px;
	margin:0px 5px 0px 5px;
	background-color:white;
	padding:0px;
	z-index:3; 
	background-image: url(/images/top_inactive_back.jpg);
	min-height:37px;
	height:37px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-top:1px solid #cccccc;
	border-bottom:0px solid #cccccc;
}
.tabs div
{
	position:absolute; 		
	padding-left:35px;
	width:150px;
	height:34px;	
	border-left: white 1px solid;
	padding-top:5px;
	z-index:1; 

}
/******* Main Links *****************************/
.end
{
	background-image: url(/images/top_inactive_back.jpg);
}
.tab
{
	background-image: url(/images/Tab.jpg);
	/*background-position: top;*/
}
.tabs div a:hover, .tabs div a
{
	color:#ffffff;
	text-decoration:none;
}
.tabs div a
{	
	/*margin-left:35px;*/
	z-index:1; 
	width:85px;
	height:34px;	
	color:#ffffff;
	text-align:center;
}
.tab_links 
{
	position:relative; 
	width:auto;
	min-width:120px;
	min-height:35px;	
	height:36px;
	max-height:35px;
	margin:0px 5px 0px 5px;
	border-right:1px solid  #cccccc;
	border-left:1px solid  #cccccc;
	border-bottom:1px solid  #cccccc;
	background-color:white;
	padding:0px;
	z-index:3; 
	background-repeat: repeat-x;
	padding-left:12px;
	font-size: 11px;
}
/****************** Content ************************/
/* All the content boxes belong to the content class. */
.maincontent 
{
	/*width:auto;*/
	min-height:1%;
	height:auto;
	/*min-width:120px;*/
	margin:0px 5px 0px 5px;
	border:1px solid #cccccc;
	background-color:transparent;
	padding:0px;
	float:none;
	clear:both;
	z-index:3; 
}
.maincontent:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.content_left 
{
	position:absolute;
	left:14px;
	width:250px;
	min-width:250px;
	max-width:250px;
	min-height:1%;
	margin:0px 0px 0px 0px;
	margin-bottom:10px;
	font-size: 11px;
	z-index: 3;
}

/******** Main Content ************/
.content_right 
{
	font:11px/20px verdana, arial, helvetica, sans-serif;
	top:0px;
	min-height:490px;
	padding:25px;
	padding-left:25px;
	padding-top:11px;
	margin-left:249px;
	z-index: 2;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;	
	margin-left:249px;	
}
html>body .content_right
{
	margin-left:249px;
}

.maintext
{
	clear:none;
	overflow:hidden;
}

/******* Footer *******************/
.footer 
{
	position:relative; 
	width:auto;
	min-width:120px;
	height:20px;
	margin:0px 5px 0px 5px;
	border:1px solid #cccccc;
	border-top:0px;
	background-color:white;
	padding:0px;
	clear:both;
	z-index:3; 
	font-size: 11px
	}
/******* Left Footer *******************/
.left_footer 
{
	float:left;
	clear:left;
	min-width:243px;
	max-width:243px;
	border-right:1px solid #cccccc;	
	
	margin:0px 0px 0px 0px;
	background-color:white;
	padding:3px;
	z-index:3; 
}
.footer a:link 
{
	color: #f7921e;
	text-decoration:none;
}
.footer a:visited
{
	color: #f7921e;
	text-decoration:none;	
}
.footer a:hover 
{
	color:#165788;
	text-decoration:underline;		
}
.footer a 
{
	width:auto;
	border:0px;
	text-decoration:none;
	padding-left: 16px;
	padding-right: 16px;
	padding-top:3px;
	padding-bottom:4px;
	border-right:1px solid #cccccc;
	white-space: nowrap;
}
.footer_image  img, .footer_image  p
{
padding:10px;
}
.spread-image
{
    width: 14.2%;
    float:left;
}
/******* Right Footer *******************/
.right_footer 
{
	float:right;
	border-left:1px solid #cccccc;		
	margin:0px 0px 0px 0px;
	background-color:white;
	padding:3px;
	}
.right_footer a:link 
{
	color: blue;
	text-decoration:none;
}
.right_footer a:visited 
{
	color: blue;
	text-decoration:none;	
}
.right_footer a:hover 
{
	color:#f7921e;
	text-decoration:underline;		
}
.right_footer a 
{	
    width:auto;	
	border:0px;
	text-decoration:none;
	padding-left: 16px;
	padding-right: 16px;
	padding-top:3px;
	padding-bottom:4px;
	border-right:1px solid #cccccc;
}
.updated
{
     padding-left:2px;
}
.hosted a
{
    padding-left:0px;
}
/* Section Links (left) ********************************************************************/
.left_links 
{
	position:relative;
	left:2px;
	color:#cccccc;
}
.left_links_title 
{
	position:relative;
	min-width:120px;
	color: #000000;
	margin:0px 0px 0px 0px;
	background-color:white;
	z-index:3; 
	height:15px;
	vertical-align: bottom;
	padding-bottom:5px;
	padding-left:15px;
	padding-top:7px;
}

.menu3 
{
	position:relative;
	min-width:120px;
	color: red;
	margin:0px 0px 0px 0px;
	background-color:white;
	z-index:3; 
	min-height:15px;
	height:auto;
	vertical-align: bottom;
	padding-bottom:5px;
	padding-left:35px;
	padding-top:7px;
	background-image: url(/images/menu_3_back.jpg);
	background-repeat:no-repeat;
	background-position: 18px 0px;
}
.menu4 
{
	position:relative;
	min-width:120px;
	margin:0px 0px 0px 0px;
	background-color:white;
	z-index:3; 
	min-height:15px;
	height:auto;
	vertical-align: bottom;
	padding-bottom:5px;
	padding-left:55px;
	padding-top:7px;
	background-image: url(/images/menu_4_back.jpg);
	background-repeat:no-repeat;
	background-position: 18px 0px;
}
.menu2 
{
	position:relative;
	min-width:120px;
	color: #cccccc;
	margin:0px 0px 0px 0px;
	background-color:white;
	z-index:3; 
	height:15px;
	min-height:15px;
	max-height:15px;
	vertical-align: bottom;
	padding-bottom:5px;
	padding-left:5px;
	padding-top:7px;
	background-image: url(/images/triangle.gif);
	background-repeat:no-repeat;
	background-position: 225px 8px;
}	
.menu2 a, .menu3 a, .menu4 a ,.menu5 a, .menu6 a  
{
	text-decoration:none;
	vertical-align: middle;
	color:gray;
	padding-bottom:5px;/
}	
.menu2  a:hover , menu3 a:hover,.menu4 a:hover,.menu5 a:hover,.menu6 a:hover{./**/
	text-decoration:none;
	vertical-align: middle;
	color:blue;
	text-decoration: underline;
}
.menu2current 
{
	position:relative;
	min-width:120px;
	color: #cccccc;
	margin:0px 0px 0px 0px;
	background-color:white;
	z-index:3; 
	height:15px;
	min-height:15px;
	max-height:15px;
	vertical-align: bottom;
	padding-bottom:5px;
	padding-left:15px;
	padding-top:7px;
	background-image: url(/images/active_left_links.jpg);
}	
.menu2current a 
{
	text-decoration:none;
	vertical-align: middle;
	color:#7e7e7e;
}
.menu2current a:hover 
{
	text-decoration:none;
	color:#7e7e7e;
}
.menu2current a:visited 
{
	text-decoration:none;
	color:#7e7e7e;
}

/* top links with images ************************************/
.top_links_border a
{
	color: white;
	width:auto;
	border:0px;
	text-decoration:none;
}
.top_links_border a:hover
{
	color: white;
}
.top_links_home 
{
	float:left;
	margin:0px 0px 0px 0px;
	background-color:transparent;
	z-index:3; 
	height:18px;
	vertical-align: top;
	padding-top:14px;
	Padding-left:31px;
	Padding-right:12px;
	text-decoration:none;
}
.top_links_home:hover 
{
	background-position: -0px -36px;
	text-decoration:underline;
}
.top_links_printer_friendly 
{
	float:left;
	
	margin:0px 0px 0px 0px;
	background-color:transparent;
	z-index:3; 
	height:18px;
	vertical-align: top;
	padding-top:14px;
	Padding-left:40px;
	Padding-right:12px;
	background-repeat: no-repeat;
	text-decoration:none;
}
.top_links_printer_friendly:hover 
{
	background-position: -0px -36px;
	text-decoration:underline;
}

.top_links_spacer 
{
	float:left;
	Padding-left:5px;
	Padding-right:14px;
}


/*************** Text formatting *****************/
h1, h2, h3, h4, h5, h6 
{
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h1
{
	font:268%/40px "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	width:auto;
	font-weight: bold;
	color: #f7921e;
	letter-spacing: 4px;	
}
h2
{
	font:218%/40px "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	width:auto;
	font-weight: bold;
	color: #f7921e;
	letter-spacing: 4px;
	background-position: 3px 32px;
	width:99%;
}
h3 
{
	font:164%/27px "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: black;
	letter-spacing: 4px;
	width:99%;
	margin:0px 0px 0px 0px;
	letter-spacing: 2px;
	padding: 0px;
}
p 
{
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
}
h4 
{
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;	
    font-size: 125%;
    text-transform: capitalize;
	color:#000000;
	margin:20px 0px 0px 0px;
	padding-top:2px;
	padding-left:1px;
	padding-bottom:2px;
	margin-top: 20px;
	margin-bottom: 0px;
	background-color: #cdcdcd;
	text-indent: 2px;
	width:auto;
	background: url(/images/h3_Back.jpg) -0px -0px repeat;
	border: 1px solid #cccccc;	
	letter-spacing: 2px;
}
h5
{
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 118%;
    margin-bottom: 0%;
    text-transform: capitalize;
	color:black;
	letter-spacing: 2px;
}
h6
{
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
    font-size: 118%;
    text-transform: capitalize;
	color:#929293;
}
h1 
{
	color: #165788;
}
a
{
	color: #165788;
}
a:hover
{
	color: #f7921e;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a
{
    text-decoration:none;
}
img
{
    border-right: 0px;
    border-top: 0px;
    float: none;
    border-left: 0px;
    border-bottom: 0px;
    position: relative;
    background-color: transparent
}
li
{
    text-transform: none;
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	padding-left:26px;
	margin-left:10px;
}
ol
{
    text-transform: capitalize;
    line-height: 150%;
}
ul
{
    text-align: left;
}
/* pages classes*/

/**** Table Formatting *************************/
table 
{
	border: 1px solid black;
	border-collapse: collapse;
	margin-top:20px;
}
td  
{
	border: 1px dotted black;
	border-right: 1px solid #858585;
	padding:10px;
	vertical-align: top;
}
th 
{
	border-right: 1px solid #858585;
	border-bottom: 1px solid #858585;
	padding:10px;
background: url(/images/th_back.jpg) no-repeat auto ;
}

a u
{
	text-decoration:none;
}


.li_left_margin 
{
	padding-left:26px;
	margin-left:10px;
}

/********Forms *************************/
.input_feedback 
{
	border:1px solid;
	width:200px;
}	
.textarea_feedback 
{
	border:1px solid;
	width:600px;
	height:200px;
}
.top
{
	position:relative;
	left:375px;
}

.tab_links 
{
	background-image: url(/images/Back.jpg);
}
.top_links_home 
{
	background-image: url(/images/home.jpg);
}
.top_links_home:hover 
{
	background-position: -0px -36px;
	text-decoration:underline;
}
.top_links_printer_friendly 
{
	background-image: url(/images/PrinterFriendly.jpg);
}

