/*
IE 6 and below
    Use * html {} to select the html element.
IE 7 and below
    Use *+html, * html {} to select the html element.
IE 7 only (NOT IE 6 or Firefox)
    Use *+html {} to select the html element.
IE 7 AND modern browsers only (NOT IE 6)
    Use html>body {} to select the body element.
Modern browsers (Firefox only NOT IE 7) 
    Use html>/star star/body {} to select the body element.  
*/
@import url("navstylee.css");
A:link { 
color: #333333}       /* unvisited link */
A:visited { 
color: #333333
}   /* visited links */
A:active { 
color: #333333
}    /* active links */
A:hover { 
color: #990000; text-decoration: underline
} 
body {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin: 0px;
}
p {
	line-height: 22px;
	margin-bottom: 4px;
	margin-top: 4px;

}

li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 4px;

}
ol{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: decimal;
}
ul {
	margin-top: 10px;
	list-style-image: url(../pics/bullet.gif);
	color: #333333;
}
.tiny {
	font-size: 11px;
	padding-right: 8px;
	line-height: 8px;
	color: #333333;
	padding-bottom: 10px;
	margin-top: 12px;
}

#news {
	margin-left: 10px;
	right: 0px;
	position: relative;
	border: 1px solid #CCCCCC;
	color: #FF0000;
	margin-top: 4px;
	margin-bottom: 4px;

}
#news .p {
	margin-bottom: 40px;
	margin-top: 40px;
}

A.news:link{
	color: #990000;
	margin-top: 4px;
	margin-bottom: 4px;

}       /* unvisited link */
A.news:visited { 
color: #990000
}   /* visited links */
A.news:active { 
color: #990000
}    /* active links */
A.news:hover {
	color: #CC0000;

}
hr {  
color: #006600}

.esseo {
	font-size: 10px;
	color: #333333;
	line-height: 12px;
}
.esseotext {
	display: none;
}
.footer{
	font-size: 11px;
	font-weight: normal;
	padding-bottom: 5px;
	color: #333333;
	line-height: 20px;
}
A.footer:link { 
color: #003300
}       /* unvisited link */
A.footer:visited { 
color: #003300
}   /* visited links */
A.footer:active { 
color: #003300
}    /* active links */
A.footer:hover { 
color: #99FFFF; text-decoration: underline
}

#top {
	background-image: url(../pics/top-grey-bckg.jpg);
	height: 130px;
}

#nav {
	float:  left;
	margin-left: 6px;
	width: 150px;
	padding: 2px;
	border-top: 1px solid #cccccc;
}
#freestyle p{
	padding-right: 6px;
	padding-left: 6px;

}
#nav p{
	line-height: 18px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 12px;

}
#wrapper{
 margin: 10px 0 0 0;
 max-width:1500px;
}
#main {
	margin: 0 15px 6px 0px;
	background-image: url(../pics/nav-bckg.gif);
	background-repeat: repeat-y;
	background-position: 6px;
	padding-left:180px;
}
#main /star star/body {
	margin: 15px 15px 6px 0px;

}
#main p{
	line-height: 22px;
	margin-bottom: 4px;
	margin-top: 4px;
}
#main .smallerbold{
	font-size: 11px;
	font-weight: bold;

}
#main td .smallerbold{
	font-size: 11px;
	font-weight: bold;

}
#main td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
#main H2{
	margin-bottom: 5px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding-top: 10px;
	color: #990000;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;

}
#main H1{
	color: #990000;
	font-family: "Arial Narrow",Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	background-color: #F3E2E2;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-top: 2px;
	margin-left: -3px;
	margin-right: 3px;
	margin-bottom: 2px;
	margin-top: 0px;
}
#main Ul{
	margin-top: 10px;
	list-style-image: url(../pics/bullet.gif);
	color: #333333;
}
.imageleft {
	border: 1px solid #999999;
	text-decoration: none;
	float: left;
	margin-right: 10px;
}

.imagecentre {
	border: 1px solid #999999;
	text-decoration: none;
	float: none;
	margin-bottom: 10px;
}
/* */
.FloatRBox{
	float:right;
	border-left: 1px dashed #000000;
	padding: 0 5px 0 10px;
	width: 340px;
	margin: 0 0 10px 10px;
	height:200px;
	/**/overflow: scroll;
	scrollbar-face-color: #B6BFCB;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color:#999;
scrollbar-darkshadow-color: #999;
scrollbar-track-color: #D8E0ED;
scrollbar-arrow-color: #000;	
}
.FloatRBox A{
	text-decoration:none;
}
.FloatRBox img{
	border: solid 1px #999;
	background-color:#FFF;
	padding:2px;
}

.FloatRBox A:link P{
	background-color:#F3F3F3;
	padding:3px;
	color:#000000;
	border:#CCCCCC 1px solid;
}
.FloatRBox A:visited P{	
	background-color:#F3F3F3;
	padding:3px;
	color:#000000;
	border:#CCCCCC 1px solid;
}
.FloatRBox A:hover P{
	text-decoration:none;	
	background-color:#E9F7FE;
	color:#000000;
}
#main .FloatRBox P{
	margin-bottom: 20px;
}
#main .FloatRBox H1{
	margin-left: 1px;
}


.FloatLBox{
	/* float:left;
	position:relative;*/
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	padding: 0 4px 0 4px;
	width: 137px;
	margin: 0 0 0px 0px;
	height:300px;
	/**/
	overflow: scroll;
	scrollbar-face-color: #B6BFCB;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color:#999;
	scrollbar-darkshadow-color: #999;
	scrollbar-track-color: #D8E0ED;
	scrollbar-arrow-color: #000;	
}
.FloatLBox A{
	text-decoration:none;
}
.FloatLBox img{
	border: solid 1px #999;
	background-color:#FFF;
	padding:1px;
}

.FloatLBox A:link P{
	background-color:#F3F3F3;
	padding:3px;
	color:#000000;
	border:#CCCCCC 1px solid;
}
.FloatLBox A:visited P{	
	background-color:#F3F3F3;
	padding:3px;
	color:#000000;
	border:#CCCCCC 1px solid;
}
.FloatLBox A:hover P{
	text-decoration:none;	
	background-color:#E9F7FE;
	color:#000000;
}
#main .FloatLBox P{
	margin-bottom: 20px;
}
#main .FloatLBox H1{
	margin-left: 1px;
	
}


.tableouterborder {
	font-size: 10px;
	background-color: #E9EDF1;
	border: thin solid #CCCCCC;
}
.dashedborder {
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
	border: 1px dashed #CCCCCC;
	background-color: #FBFBFB;
	padding-top: 6px;
	height: 200%;

}
.select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #7f9db9;
	width: 350px;
}
.fullwidthtable {
	position: relative;
}

table#portfolio td{
	padding:5px 10px 10px 5px;
	background-image: url(../pics-portfolio/dropshadow.gif);
	background-repeat: no-repeat;
	background-position: right bottom;	/*background-color: #FFFFFF;*/
	border-top: 1px solid #F2F2F2;
	border-left: 1px solid #F2F2F2;
	vertical-align: middle;
}
/*demo box*/
P.demo-box{
	background-color: #555;
	padding: 6px;
	border: 1px solid #000000;
	color:#FFFFFF;
}
P.demo-box A:link,
P.demo-box A:visited{
	color:#FC7E05;
	text-decoration:underline;
	
}
P.demo-box A:hover{
	color:#FF1C6B;
	text-decoration:none;
}
/*END demo box*~~~~~~~~~~~ */
/*
#########################
 - mouse over tips -
#########################
*/
.tt_body,.tt_header,.tt_b200,.tt_h200,.tt_body_wide,.tt_header_wide{
font-weight:bold;
font-size:12px;
padding:3px;
filter:alpha(opacity=100);    
opacity: .99; 
position:relative;
z-index:100;
width:auto;
}
.tt_b200,.tt_h200{
width:200px;
}
.tt_body,.tt_b200{
	font-weight:normal;
	border:1px solid #FC7D00;
	background-color:#FFF;
	color:#1B4966;
	width:280px;
	filter:alpha(opacity=100);    
	opacity: 0.99; 
	
}
.tt_header,.tt_h200{
	font-size:18px;
	border:1px solid #FC7D00;
	border-bottom:none;
	width:280px;
	background-color:#FC7D00;
	color:#fff;
	background-image: url(../pics/tt_orange.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.tt_body_wide{
	font-weight:normal;
	border:1px solid #FC7D00;
	background-color:#AAFFCC;
	color:#1B4966;
	width:480px;
	filter:alpha(opacity=100);    
	opacity: 0.99; 
}
.tt_header_wide{
	font-size:18px;
	border:1px solid #FC7D00;
	border-bottom:none;
	width:480px;
	background-color:#FC7D00;
	color:#fff;
	background-image: url(../pics/tt_orange.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.tt_body p {
	line-height:normal;
	}
.tt_body li {
	line-height:10px;
	}
.tt_body_wide p {
	line-height:normal;
	}
.tt_body_wide li {
	line-height:10px;
	}
/*END mouse over tips ~~~~~~~~~~~~~~~~~~~~~~~~~*/
.cacheimage{
	display: none;
}