
/* these are the base styles that all browsers will use.
NS4 will only use this, as it can't read the other imported CSS */

p,span,ul,td,th,ol,div {font: 12px Tahoma, sans-serif;}
h1,.h1 				{font: bold 16px Tahoma, sans-serif; color: #32316F;margin:5px 0px; padding:0px 0px 3px;}/* 0099CC*/
.h1profile 			{width: 200px; float: right; font: bold 13pt Tahoma, sans-serif; color: #0099CC;margin:5px 0px; padding:0px 0px 3px;}
h2 					{margin: 0 0 12px 0; padding:0px 0px 3px; font: bold 12pt Tahoma, sans-serif; color: #32316F; border-bottom: 2px solid #0099cc; width: auto;}
h3 					{font: bold 11pt Tahoma, sans-serif; color: #32316F;margin:5px 0px; padding:0px 0px 3px; border-bottom:1px dotted #0099CC;	width: auto;}
h4 					{font: bold 11pt Tahoma, sans-serif; color: #32316F;margin:5px 0px; padding:0px 0px 3px; border-bottom:0px; width: auto;}
h5 					{font: 11px Tahoma, sans-serif; color: #000000; margin:5px 0 0 0; padding:0px 0px 3px; border-bottom:1px dotted #990000;	width: auto; background-color: #F2F2F2;}
.u 					{text-decoration: underline;}
.msg_aok 			{font-weight: bold;color: #006633;}
.aok 				{color: #006633;}
.stext 				{color: #7F1714;}
.srctxt				{color: #FFFFFF;}
.msg_ok 			{font: bold; color: #006699;}
.err_br 			{font: bold; color: #FF0000;}
.err 				{color: #FF0000;}
.warn 				{color: #FF6600; font-weight: bold;}
.foot			 	{font: 11px Tahoma, sans-serif; color: #666666;}
.footcopy 			{font: 11px Tahoma, sans-serif; color: #FFFFFF;}
.updated 			{font: 11px Tahoma, sans-serif; color: #CCCCCC;}
.newsfoot			{font: bold 10pt Tahoma, sans-serif; color: #000000;}
.copy 				{font: 11px Tahoma, sans-serif; color: #666666;}
.textbanner 		{font: 13px Tahoma, sans-serif;color: #FFFFFF;}
.textbanner a:hover{font: 13px Tahoma, sans-serif; color: #CCCCCC;}
.title_panel		{background-image: url(http://www.virtualperspective.co.uk/images/main/title_bgndr.gif);background-repeat: no-repeat;background-position: right;height: 34px;width: 99%;}

.infpantitle		{font: bold 11pt Tahoma, sans-serif;color: #FFFFFF;margin:0px;padding: 5px 5px 5px 10px;	width: 215px;	heigth: 30px;background-image: url(http://www.virtualperspective.co.uk/img/cust/infpantitlestrip.jpg);	background-repeat: repeat-y;background-color: #7F1714;background-position: right;}

.img_pan 			{border: 1px solid #0099CC;}

/* Layout & padding etc */
.pad5 				{padding: 5px}
.pad10 				{padding: 10px}
.clearit 			{clear: both;height: 0;line-height: 0.0;font-size: 0;}

/*   no-repeat center top;   url(http://www.virtualperspective.co.uk/img/main/bgnd.jpg)*/
body 				{margin: 4px 0px 0px; font: 11px Tahoma, sans-serif;text-decoration: none; background: #32316F;
					SCROLLBAR-FACE-COLOR: #1E5C99; FONT-SIZE: 10px; SCROLLBAR-HIGHLIGHT-COLOR: #83A3CB; CURSOR: default; SCROLLBAR-SHADOW-COLOR: ##2F4B6F; SCROLLBAR-3DLIGHT-COLOR: #111111; SCROLLBAR-ARROW-COLOR: #4A78B0; SCROLLBAR-TRACK-COLOR: #BECFE4; FONT-FAMILY: Tahoma, sans-serif; SCROLLBAR-DARKSHADOW-COLOR: #000000; SCROLLBAR-BASE-COLOR: #789789;}
#wrapper 			{margin: 0px auto;height: auto;padding: 0px;}
#header 			{height: 250px;width: 100%;}
#logo 				{float:left;width:260px;text-align:left;background-color: #FFFFFF;}
#headercont 		{position:relative;margin-left:260px;}
#headesrcetc 		{display:block;	width: 100%; position:relative;	width:auto;	padding: 0px 5px 0 0; height: 29px;	margin: 0 0 2px 0;	background: #F0CC80 url(../images/main/header_bar_bgnd_l.gif) no-repeat left top;}
.cont_src			{position:relative;float:right; padding: 0 0 0 5px;}
#headerban 			{position:relative;text-align:right; padding: 0 5px 0 0;}
.breadcrumb_bar1 	{font: bold 12px Tahoma, sans-serif; display:block; height: 25px; padding: 5px 0 0 10px; background: #7B99C8; vertical-align: middle;}
.breadcrumb_bar1 a:link 	{color: #FFFFFF;}
.breadcrumb_bar1 a:visited 	{color: #FFFFFF;}
.breadcrumb_bar1 a:hover 	{color: #32316F;}

/* link styles */
a:hover 			{text-decoration: none;color: #0099CC;}
a:visited 			{text-decoration: none;color: #0099CC;}
a:link 				{text-decoration: none;color: #0099CC;}
a:active 			{text-decoration: none;color: #0099CC;}

#main	 			{top: 332px;position: absolute;;}
* html #inner-wrap 		{padding-bottom:0px; }
* html #inner-wrap:after 	{content:" ";display:block;clear:both;}
#leftcol 			{position:relative; float:left; width:175px; padding: 0; margin:0 0 0 0px;}
#maincol			{position:relative; margin: 0px 10px 0 185px;display: block;} 

#content_h			{height: 15px; background-image: url(http://www.virtualperspective.co.uk/img/main/cnt_head.gif); background-repeat: repeat-x;}
.content_h_l		{height: 15px; width: 15px; float: left; background: url(http://www.virtualperspective.co.uk/img/main/cnt_cnr_tl.gif) no-repeat top left;}
.content_h_r		{height: 15px; width: 15px; float: right; background: url(http://www.virtualperspective.co.uk/img/main/cnt_cnr_tr.gif) no-repeat top right;}
#content 			{padding: 10px; background: #E2E2E2; display: block; width: auto; border-left: 2px solid #0099CC; border-right: 2px solid #0099CC;}
#content_f			{height: 15px; background: url(http://www.virtualperspective.co.uk/img/main/cnt_foot.gif) repeat-x;}
#footer 			{position: relative; margin: 10px 0 0 0; border-top: 2px solid #FFFFFF; width:100%; clear: both; background: #7B99C8;}
#leftcol-footer		{position: relative; float:left; width:175px; text-align:left; padding:10px;}
#leftcol-footer a:link		{color: #FFFFFF;}
#leftcol-footer a:visited	{color: #FFFFFF;}
#leftcol-footer a:hover		{color: #32316F;}
#maincol-footer		{position:relative; margin-left:170px; padding:10px;} 
#maincol-footer a:link		{color: #FFFFFF;}
#maincol-footer a:visited	{color: #FFFFFF;}
#maincol-footer a:hover		{color: #32316F;}

.row 			{width: auto;}
.row_fl_0 		{float: left;}
.row_fr_0 		{float: right;}

.header_profile {height: 80px;background-image: url(http://www.virtualperspective.co.uk/img/cust/headerstrip_profile.jpg);background-repeat: no-repeat;background-position: left top;vertical-align: top;width: 100%;overflow: visible;padding: 5px;}
* html .header_profile { height: 90px;overflow: hidden;}
.logo {padding: 6px 0px 0px;float: left;	vertical-align: middle;height: 62px;width: 246px;}
.headermidcol {padding: 6px 0px 0px;;float:left; width: auto; height:62px;vertical-align: bottom;}
.profilepan_profile {padding: 5px;float:left; width:80px; height:80px;}
.searchpan /* width: 286px*/ {float:right;width:auto;height:62px;vertical-align: bottom;clear: right;}/**/
/* * html .searchpan { float:right; }*/
.headinfpan_profile {float:left;width:270px;height:80px;vertical-align: top;}
.row {width:100%;clear:both}
.row_blank {width:100%;clear:both;background-color: #FFFFFF;height: 19px;}
.leftcol {position: relative;padding: 0px 0px 5px;float:left;width: 154px;clear:both;}/* border-right: 1px solid #7F1714; left: 0px;*/

.breabnavtxt {font: bold 11px Tahoma, sans-serif;}
/* txtnav-> profile.php */
/*.txtnav {font: bold Arial, Helvetica, sans-serif;margin: 5px;padding: 5px 5px;border: 1px solid #E2E2E2;height: auto;}*/

.pan_src 	{}/* background-color: #7F1714;border-right-color:#7F1714;border-right-width:1px;border-right-style:solid;	background-image: url(http://www.virtualperspective.co.uk/img/cust/searchstrip.jpg);*/
#warnpanel 	{background-color: #FFB09D;margin: 0px 8px 0px 0px;padding: 3px;border: 1px solid #FF0000;}

/* button styles */
/* print btn */
.printpage ul {list-style: none; padding: 0px; margin: 0px 5px auto; text-align: right; font: 11px Tahoma, sans-serif; clear:both;}
.printpage li {display: block; margin: 0px 1px; padding: 2px; text-align: right}
.printpage li a {background:  url("http://www.virtualperspective.co.uk/img/main/print.gif") no-repeat left; height: 27px; line-height: 2em; width: 130px; display: block; color: #145C9E; text-decoration: none; text-align: left; margin: 0px; padding: 1px }
.printpage li a:visited {color:#145C9E}
.printpage li a:hover {background:  url("http://www.virtualperspective.co.uk/img/main/print.gif") no-repeat left; height: 27px; line-height: 2em; width: 130px; display: block; color: #999999; text-decoration: none; text-align: left; margin: 0px; padding: 1px; }

/* back btn */
.back ul {font: 11px Tahoma, sans-serif; list-style: none; padding: 0px;	margin: 0px 5px auto; text-align: right; clear:both;}
.back li {display: block; margin: 0 1px; padding: 2px; text-align: right}
.back li a {background:  url("http://www.virtualperspective.co.uk/img/main/back.gif") no-repeat left; height: 27px; line-height: 2em; width: 130px; display: block; color: #145C9E; text-decoration: none; text-align: left; margin: 0px; padding: 1px }
.back li a:visited {color:#145C9E}
.back li a:hover {background:  url("http://www.virtualperspective.co.uk/img/main/back.gif") no-repeat left; height: 27px; line-height: 2em; width: 130px; display: block; color: #999999; text-decoration: none; text-align: left; margin: 0px; padding: 1px; }

/* email updates btn */
.emailpage ul {font: 11px Tahoma, sans-serif; list-style: none; padding: 0px; margin: 0px 5px auto; text-align: right; clear:both;}
.emailpage li {display: block; margin: 0 1px; padding: 2px; text-align: right}
.emailpage li a {background:  url("http://www.virtualperspective.co.uk/img/main/email_page.gif") no-repeat left; height: 27px; line-height: 2em; width: 130px; display: block; color: #145C9E; text-decoration: none; text-align: left; margin: 0px; padding: 1px }
.emailpage li a:visited {color:#145C9E}
.emailpage li a:hover { background:  url("http://www.virtualperspective.co.uk/img/main/email_page.gif") no-repeat left; height: 27px; line-height: 2em; width: 130px; display: block; color: #999999; text-decoration: none; text-align: left; margin: 0px; padding: 1px; }

/* input and forms */
form				{margin: 0px}
input.search_box 	{font: 10pt Arial, Helvetica, sans-serif; width:120px; height: 16px; border: 1px solid #0099CC; background-color: #E2E2E2;}
textarea.search_box {font: 10pt Arial, Helvetica, sans-serif; width:120px; height:15px; border: 1px solid #0099CC; background-color: #E2E2E2;}     
select.search 		{font: 10pt Arial, Helvetica, sans-serif;width:175px;border: 1px solid #0099CC;height:17px;color: #000000;	background-color: #E2E2E2;}
input.search_btn 	{font: bold 11px Arial; width:24px; background-color: #81745C; border: 1px solid #0099CC; height:17px;}
input.submit_btn	{margin: 0; padding: 1px; text-align: center; color: #FFFFFF; font: bold 11px/11px Tahoma, sans-serif; width: 104px; height: 20px; border: 1px solid #0099CC; text-decoration: none; background: #32316F;}

/* main left nav 
 background:  url("http://www.virtualperspective.co.uk/img/main/nav_bgnd.gif") repeat-y; 
 background: url(http://www.virtualperspective.co.uk/img/main/nav_footer.gif) no-repeat bottom;  background-color: #00ff00;*/
#navbar 						{width: 175px;font-family: Tahoma, sans-serif;	color: #333;}
#navbar ul 						{padding-left: 0px;margin-left: 0;}
#navbar ul li 					{list-style-type: none; margin-bottom: 0px;}
#navbar ul li.header 			{list-style-type: none;background: url(http://www.virtualperspective.co.uk/img/main/nav_header.gif) no-repeat;height:24px;width:175px; margin: 0;}
#navbar ul li.footer 			{list-style-type: none; height:0px; width:175px; margin: 0;}
#navbar ul li ul ul li ul li a:link, #navbar ul li ul ul li ul li a:visited {color: #ff0000;background: url(http://www.virtualperspective.co.uk/img/main/nav_sub.gif) no-repeat;}
#navbar ul li.s-notsel a 		{line-height: 12px; text-align:left; display: block; font-weight: bold; padding: 4px 0 4px 33px;color: #E2E2E2;text-decoration: none;width: 142px;background: url(http://www.virtualperspective.co.uk/img/main/nav_main.gif) no-repeat; margin-bottom: 2px;}
#navbar ul li.s-notsel a:hover	{line-height: 12px; text-align:left; display: block; font-weight: bold; padding: 4px 0 4px 33px;color: #32316F;text-decoration: none;width: 142px;background: url(http://www.virtualperspective.co.uk/img/main/nav_main_ovr.gif) no-repeat; margin-bottom: 2px;}
#navbar ul li.s-sel a 			{line-height: 12px; text-align:left; display: block; font-weight: bold; padding: 4px 0 4px 33px;color: #E2E2E2;text-decoration: none;width: 142px;background: url(http://www.virtualperspective.co.uk/img/main/nav_main_on.gif) no-repeat; margin-bottom: 2px;}
#navbar ul li.ss-notsel a 		{line-height: 12px; text-align:left; display: block; font-weight: bold; padding: 4px 0 4px 37px;color: #E2E2E2;text-decoration: none;width: 138px;background: url(http://www.virtualperspective.co.uk/img/main/nav_sub.gif) no-repeat; margin-bottom: 2px;}
#navbar ul li.ss-notsel a:hover {line-height: 12px; text-align:left; display: block; font-weight: bold; padding: 4px 0 4px 37px;color: #32316F;text-decoration: none;width: 138px;background: url(http://www.virtualperspective.co.uk/img/main/nav_sub_ovr.gif) no-repeat; margin-bottom: 2px;}
#navbar ul li.ss-sel a 			{line-height: 12px; text-align:left; display: block; font-weight: bold; padding: 4px 0 4px 37px;color: #32316F;text-decoration: none;width: 138px;background: url(http://www.virtualperspective.co.uk/img/main/nav_sub_ovr.gif) no-repeat; margin-bottom: 2px;}

/* ulnav styles */
.nav1 ul {margin: 0px;padding: 0px;list-style: none;width: 150px; border-bottom: 1px solid #006699;	}
.nav1 ul li {position: relative;}
.nav1 li ul {position: absolute;left: 149px; /* Set 1px less than menu width */top: 0px; display: none;	}
.nav1 ul li a {display: block;	text-decoration: none;	color: #000033;	background: #E1E1F0; /* IE6 Bug */	padding: 5px;	border: 1px solid #006699;	border-bottom: 0px;	}
* html .nav1 ul li { float: left; height: 1%; }/* Fix IE. Hide from IE Mac \*/
* html .nav1 ul li a { height: 1%; }
/* End */
.nav1 ul li a:hover { color: #E2144A; background: #D5BBDD; } /* Hover Styles */
.nav1 li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
.nav1 li:hover ul, li.over ul { display: block; } /* The magic */


/* Title Bars */
.titlebar1 		{height: 30px; margin: 0 0 5px 0; background: #000000 url(http://www.virtualperspective.co.uk/img/main/title_bar_bgnd_rep.jpg) repeat-x;}

/* Layout panels */
.pan_cnt		{margin: 0 0 5px 0; width: 100%; float: right; background: #FFFFFF url(http://www.virtualperspective.co.uk/img/main/cnt_right.gif) repeat-y right;}
.pan_h			{height: 15px; background: url(http://www.virtualperspective.co.uk/img/main/cnt_head.gif) repeat-x;}
.pan			{margin: 0; height: ; padding: 10px; border: 0; background: url(http://www.virtualperspective.co.uk/img/main/cnt_left.gif) repeat-y;}
.pan_f			{height: 12px; background: #FFFFFF url(http://www.virtualperspective.co.uk/img/main/cnt_foot.gif) repeat-x;}

/* ADMIN STYLES */
#content_adm {height: auto;	width:auto;	margin: 0px 0px 5px; padding: 5px; background-color: #FFFFFF; text-align: left;}

/* Custom Styles */

