/* Opening comments - I'll think of something useful for here later! */

/* general stuff here: --------------------------------------------*/

body {
	margin: 		0 ;
	border: 		0px none ;
	padding: 		0 ;
	background: 	#DFDFDF;
	color: 			#000 ;
	text-align: 	center ;
	font-style:normal; font-variant:normal; font-weight:normal; line-height:1.3em; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif
}

/* general text here: --------------------------------------------*/

p { 
	text-align: 	justify;
	color: 			#000000;
 	margin: 		0 ;
  	border: 		0px none ;; padding-left:0px; padding-right:0px; padding-top:5px; padding-bottom:15px
}

pp { 
	text-align: 	justify;
 	margin: 		0 ;
  	border: 		0px none ;; padding-left:0px; padding-right:0px; padding-top:5px; padding-bottom:15px
}

a, pp, a:visited, a:hover, h1, h2, h3,th {
	color: 			#0099cc;
}

a, a:visited {
	text-decoration: none;
	font-weight: 	normal;
}

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

h1 {
	font: 			normal 20px Arial, Helvetica, sans-serif;
	font-weight: 	bold;
	margin: 		10px 0px 10px 0px;
}

h2 {
	font: 			normal 15px Arial, Helvetica, sans-serif;
	font-weight: 	bold;
	margin: 		10px 0px 10px 0px;
}

h3 {
	font: 			normal 13px Arial, Helvetica, sans-serif;
	font-weight: 	bold;
	margin: 		10px 0 0 0px;
}

ul {
	list-style: 	square;
}

th {
	font-weight: 	bold;
	font-size:10px;
	width: 180px;
	padding: 5px;
	text-align: 	centre;
}
td {
	font-size:10px;
	text-align: 	left;
	padding: 5px;
	width: 180px;
}
label {
width: 9%;
float: left;
clear: left;
text-align: left;
white-space: nowrap;
min-width: 5em;
}
.submit input
{
margin-left: 4em;
} 

#pscroller1{
width: 570px;
height: 90px;
border: 0px solid black;
background-color: white;
}

.someclass{ /*class to apply to your scroller(s) if desired */
}



examples
{ 
	float: 	left ;
  	display: 	inline ;  
	width: 	570px;
	background-color: black;
	border: 0px #000000 solid;
	border-collapse: collapse;
	border-spacing: 10px; }


/* page layout stuff here: --------------------------------------------*/

#container {
	width: 			784px ;
	margin: 		0 auto ;
	border: 		0px none ;
	padding: 		0 ;
	background: 	url('http://www.connect-consultants.co.uk/images/site/container_bg.gif') repeat-y center top;
}

#header, #nav, #content, #panel, #side_bar {
	padding: 		0 ;
	margin: 		0 ;
	border: 		0px none ;
	text-align: 	left 
}

#header, #panel, #nav {
	width: 			760px ;
	margin-left:	12px ;
}

#header {
	height:			43px;
  	background: 	url('http://www.connect-consultants.co.uk/images/site/header_bg.gif') repeat-x top;
}

#header1, #header2 {
	color:			#999999;
	float: 			left ;
  	display: 		inline ; 
}

#header1 {
   	width:			540px;
}

#header2 {
   	margin: 		5px 0px 5px 0px;
   	text-align: 	right ;
}

#nav {
	height:			20px;
	background: 	url('http://www.connect-consultants.co.uk/images/site/nav_bg.gif') repeat-x top;
	
}

#content, #side_bar {
	float: 			left ;
  	display: 		inline ;  
}

#side_bar {
	width: 			130px;
	background: 	url('http://www.connect-consultants.co.uk/images/site/side_bar_bg.gif') repeat-y;; margin-left:12px; margin-right:0px; margin-top:0px; margin-bottom:0px 
}


#content {
	width: 			565px;
	background: 	url('http://www.connect-consultants.co.uk/images/site/drop_shadow_bg.gif') repeat-x top;; padding-left:25px; padding-right:40px; padding-top:20px; padding-bottom:20px
}

#panel {
	background: 		#faf3f4 url('http://www.connect-consultants.co.uk/images/site/panel_bg_new.gif') repeat-x top;
	height:290px; clear:both; background-color:#faf3f4
}

#panel1, #panel2  {
	float: 			left ;
	display: 		inline ; 
}


#panel1, #panel2 {
	margin: 		20px 40px 25px 40px;
	
	
}

#panel1 {
	width: 			260px;
}

#panel2 {
	width: 			330px;
}

#panel3 {
	clear: 			both ; 
}

#footer {
	height: 		30px ;
	width: 			784px ;
	background: 	url('http://www.connect-consultants.co.uk/images/site/footer_bg.gif') no-repeat top;
	font-style:normal; font-variant:normal; font-weight:normal; line-height:1.3em; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif
}

#footer1, #footer2 {
	float: 			left ;
  	display: 		inline ; 
}

#footer1 {
   	width:			620px;
}


/*  nav bar specific formatting here: --------------------------------------------*/

#nav_holder {
	float:			left;
	text-align:		left;
	color:			#FFFFFF;
	
}

.clearit {
	clear: 			both;
	height: 		0;
	line-height: 	0.0;
	font-size: 		0;
}

#nav_menu, #nav_menu ul {
	text-align:		left;
	padding: 		0;
	margin: 		0;
	list-style: 	none;

}

#nav_menu a {
	display: 			block;
	text-decoration: 	none;
	padding: 			0px 0px 0px 0px;
	font-size: 			.85em;
}

#nav_menu a.menu {
	background: 	url('http://www.connect-consultants.co.uk/images/site/menu_arrow.gif') no-repeat right center;; padding-left:10px; padding-right:16px; padding-top:0px; padding-bottom:0px
}

#nav_menu li {
	float: 		left;
	width: 		9em;
}

#nav_menu li ul, #nav_menu ul li  {
	width: 		12em;
}

	
#nav_menu ul li a  {
	border-right: 	0px none;
	padding-left:10px; padding-right:12px; padding-top:3px; padding-bottom:3px
}

#nav_menu li a  {
	color: 			#FFFFFF; 
}

#nav_menu li ul {
	position: 			absolute;
	display: 			none;
	background:		 	url('http://www.connect-consultants.co.uk/images/site/menu_bg.gif') repeat-x;
}

#nav_menu li:hover a, #nav_menu a:focus, #nav_menu a:active, #nav_menu li.navhvr a {
	color: 				#000000;
	background-color: 	#0099cc;
}

#nav_menu li:hover ul, #nav_menu li.navhvr ul {
	display: 			block;
}

#nav_menu li:hover ul a, #nav_menu li.navhvr ul a {
	color: 				#F1F1F1;
	background-color: 	transparent;
}

#nav_menu ul a:hover {
	background-color: 	#0099cc!important;
	color: 				#FFFFFF!important;
}

#nav_menu li {width: auto;}

/*  div specific text formatting here: --------------------------------------------*/

#footer p {
	color:			#ffffff;
	padding: 		2px 0px 0px 10px;	
}


#panel ul {
	list-style: 	none;
}

#panel li {
	background:		url('http://www.connect-consultants.co.uk/images/site/li_arrow.gif') no-repeat left center;
	margin-left:	-20px; padding-left:10px; padding-right:0px; padding-top:5px; padding-bottom:3px
}


/*  div specific link formatting here: --------------------------------------------*/

#footer a {
	font-weight: 	bold;
	color:			#66ff00;
}

#nav a {
	padding: 		0px 15px 0px 15px;
	color: 			#999999;
}

#panel a, #panel a:visited {
	text-decoration: none;
	color: 			#000000;
	font-weight: 	normal;
}

#panel a:hover {
	text-decoration: underline;
	font-weight: 	normal;
	color: 			#0099cc;
}

#panel a.blue_bold, #panel a.blue_bold:visited {
	font: 			normal 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: 	bold;
	color: 			#0099cc;	
}	

#panel a.blue_bold:hover {
	font: 			normal 11px Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-weight: 	bold;
	color: 			#0099cc;	
}

/*  image formatting here: --------------------------------------------*/

.inline_img_link {
	border-width:	0px;
	vertical-align:	-25%;
	display:		inline;
}

.right, .left {
	display: 		inline ; 
}

.right {
	float: 			right ;
}

.left {
	float: 			left ;
}