/*-------------UpFront General styles --*/
body {
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:600px;    	/* Minimum width of layout - remove line if not required */
				/* The min-width property does not work in old versions of Internet Explorer */
	font-size:10pt;
	font-family:Verdana;
	background: #FFFFFF;
	color:#242424;
                height:100%;
}
body,div,dl,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
a {
	color:#0000FF;
}
body a:visited, a:active {color: #0000FF; text-decoration: underline;}

body a:hover {	
	color:#0000CC;
	background-color:#817EFF;
	text-decoration:none;
}
p {	margin:.4em 0 .8em 0;
	padding:.5em 0 0 0;
	color:#242424;
}
body img {
	margin:0;
	border:0;
}
#header-wrap { 
	clear:both;
	float:left;
	width:100%;
	height:200px;
	background: #DDDDDD; /* header background colour */
	overflow: visible;
	font-size:10pt;
	font-family:Verdana;
	color:#242424;
}
#content-wrap { 
	clear:both;
	float:left;
	width:100%;
	overflow: visible;
	font-size:10pt;
	font-family:Verdana;
	background: #DDDDDD; /* content background colour */
	color:#242424;
	height:100%;
}

#content-wrap table {  
	/* These tables have a subtle relationship with the fckeditor - see the styles in the fckeditor row and be careful!*/
	border-collapse: collapse;
           	padding-right:5px;
           	padding-left:5px;	
            	font-size:10pt;
	font-family:Verdana;
}
#content-wrap td {
           	padding-right:5px;
           	padding-left:5px;	
}
#content-wrap th {      
           	padding-right:5px;
           	padding-left:5px;	
}

#footer-wrap { 
	clear:both;
	bottom: 0; 
	left: 0; 
	width:100%;
	font-size:10pt;
	font-family:Verdana;
	color:#242424;
	background: #DDDDDD;/* footer background colour */
}
#column-wrap { 
	clear:both;
	/* float:33em 9px 25.6%; These next 3 lines do a float center */
	margin-left: auto;
	margin-right: auto;
	width:1000px;
	min-height:100px; /* must have a height property or the colours don't work but set to less than the columns*/
	background: #817EFF;/* right column background colour */
	position: relative;
	overflow: hidden;
	font-size:10pt;
	font-family:Verdana;
	color:#242424;
  	height:100%;
            /*  border: 3px solid red; -- example - for a border around your columns */
}


#header table {margin:0;width:100%;padding: 0;border: 0;border-collapse: collapse;}
#header tr,th,td,td img{margin:0;padding:0;border:0;}  

#slideshow-wrap { 
	display: none;
	background-color:#DDDDDD;
}

#slideshow-placeholder { 
	display: block;
	background-color:#DDDDDD;
}

#header {
	clear:both;
	/* float:33em 9px 25.6%;  These next 3 lines do a float center */
	margin-left: auto;margin-right: auto;
	margin-top:0;
	width:1000px;
	height:200px;
	background: #0000CC;
	color:#0000CC; /* This one is calculated to be the right contrast for the header color*/
	overflow: visible;
}
#header p {
	margin:0;
	background: #0000CC;
	color:#0000CC; /* This one is calculated to be the right contrast for the header color*/
}

/* Some logo stylest */
#logo{float:left;height:200px;width:260px;background-color:#f2f2f2;}
#logo img{margin:73px 0 0 21px;}
#headerimages{float:left;height:200px;width:740px;}
#headerimage1{float:left;border-right:3px solid white;}
#headerimage2{float:left;}
.clear{clear:both;}
/*-------------UpFont Header styles -----------------------------*/
H1 {margin-top: 0px; font-weight: bold; font-size: 12pt;margin-bottom: 12px;padding-bottom: 0px;  line-height: normal;padding-top: 0px;width: 95%;text-align:center;}	
H2 {margin-top: 0px; font-weight: bold; font-size: 12pt; margin-bottom: 0px;  ; text-align:center;}
H3 {margin-top: 0px; font-weight: bold; font-size: 10pt; margin-bottom: 0px; text-align:center;}
H4 {margin-top: 0px; font-weight: bold; font-size: 8pt; margin-bottom: 0px;   text-align:center;}
H5 {margin-top: 0px; font-weight: bold; font-size: 8pt; margin-bottom: 0px;   text-align:left;color:#0000CC;}	
H6 {margin-top: 0px; font-weight: bold; font-size: 8pt; margin-bottom: 0px;   text-align:center;color:#0000CC;}		
/*-------------UpFront Column Settings -----------------------------*/
/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	background: yellow;
		
}

/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;				/* width of page */
	position:relative;
	background: #817EFF;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;		/*no left and right padding on columns, we just make them narrower instead 
							only padding top and bottom is included here, make it whatever value you need */
	
}
.colonlyone {			/* only one column displayed */
	float:left;
	position:relative;
	padding:2em;	
	min-height:100%;
	background: #FFFFFF;
	width:95%;
}

.veryplain {		/* only one column displayed, no formatting except the basics (used for faded window)*/
	float:left;
	position:relative;
	padding:2em;	
	background: #FFFFFF;
	color: #242424;
	min-width:300px;
}	/*-------------UpFront Threecol Column Settings -----------------------------*/
.threecol {		
	color:#242424;
	background:  #817EFF;	/* right column background colour */
	min-height:100%; /* must have a height property or the colours don't work */
}
.threecol .colmid {
	right:25%;			/* width of the right column */
	background: #FFFFFF;			/* center column background colour */
	color: #242424;
	min-height:100%; 				/* must have a height property or the colours don't work */
}

.threecol .colmid  p{
	color: #242424;
}


.threecol .colleft {	
	right:50%;			/* width of the middle column */
	color:#242424;
	background: #817EFF;			/* left column background colour */
	min-height:100%;				 /* must have a height property or the colours don't work */
}
.threecol .col1 {					/*This is the centre column */
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
	background: #FFFFFF;
	padding-top: 10px;
	color: #242424;
}


.threecol .col2 {					/*This is the left column */
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;
	padding-top: 10px;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
    	  background: #817EFF;
}
.threecol .col3 {					/*This is the right column */
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */	
	padding-top: 10px;
	padding-left: 4px;
	background: #817EFF;
}
	/*-------------UpFront  2 Column Settings -----------------------------*/

.twocol {		
	color:#242424;
	background:  green;
	height: 100%; 		
	min-height:20px; 		/* must have a height property or the colours don't work - but less than the columns */
}

.twocol .colmid {
	/*right:25%;	*/		/* width of the right column */
	background: yellow;		/* right or left column background colour - this will be swapped by code tocorrect value 
						depending if we are centre + right or left plus centre*/
	color:#242424;
	min-height:100%; 		
	height: 100%; 				/* must have a height property or the colours don't work */
}


#coloneoftwo {	/* this is the left column for a left and  main display */
	float:left;
	text-align:left;
	border-right:10px;
	width:21%;
	background-color: #817EFF;
	color:#242424;
	min-height:100%; 	
	height: 100%;
	padding: 2em;
	padding-bottom: 0;

}

#coltwooftwo {	/* this is the maincolumn for a left and  main display */
	float:right;
	text-align:left;
	border-left:10px;
	border-right:10px;
	width:67%;
	background-color:#FFFFFF;
	color:#242424;
	min-height:100%; 	
	height: 100%;
	/*be careful of changing the padding here as it can mess up the columns */	
	padding: 2em;
}

#colthreeoftwo {	 /* this is the main column for a main and right display */
	float:left;
	text-align:left;
	border-right:10px;
	width:67%;
	background-color: #FFFFFF;
	color:#242424;
	min-height:100%; 	
	height: 100%;
	padding: 2em;
	padding-bottom: 0;
}


#colfouroftwo {	 /* this is the right column for a main and right display */
	float:right;
	text-align:left;
	border-left:10px;
	border-right:10px;
	width:21%;
	background-color:#817EFF;
	color:#242424;
	min-height:100%; 
	height: 100%;
	padding: 2em;
	padding-bottom: 0;
}/*-------------UpFront Footer styles --------------------------*/
#footer {
	/* float:33em 9px 25.6%; These next 3 lines do a float center */
	margin-left: auto;
	margin-right: auto;
	width:1000px;
	min-height:25px;
	background:#FFFFFF;
	color:#242424;
	z-index: 3;
}
#footer p {
	padding:10px;
	margin:0;
	background:#FFFFFF;
	color:#242424;
 
}/*-------------UpFront Left and Banner Style 1  Navigation Menu  --------------------------*/
#navhoriz {
	position : relative;
	float : left;	
	clear:both;
	width : 100%;
	/*height:100px;*/
	background: blue;
	z-index: 499;
	padding: 0; 
	border: 0;
	margin: 0;
}
#navleft, #navleft ul { /* all lists */
	padding: 0;
	margin: 0;
	margin-left : auto;
	margin-right : auto;
	margin-top : 0.5em;
	margin-bottom : 1em;
	list-style: none;
	float : left;
	width : 100%;
	z-index: 500;
	font-size: 100%;
	background-color:#817EFF;
}
#navleft li { /* all list items */
	position : relative;
	float : left;	
	line-height : 1.4em;
	margin-bottom : -1px;
	width:16em;
	background-color:#817EFF;	
	color: #FFFFFF;
	padding: 2px 2px 2px 2px;	
}
	
#navleft li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-top : -1.35em;
	background-color:#817EFF;
	margin-left : 16em;
	color: #FFFFFF;	
	border-style: solid;
	border-width: 1px 2px 3px 1px;
	border-color: #000000 ;
}
#navleft li ul li a { /* mh added for second-level lists */
 	font-weight : normal;
 	color: #FFFFFF; 
	text-decoration: none;
}
#navleft li ul ul { /* third-and-above-level lists */
	left: -999em;
	background-color:#817EFF;
}

#navleft  li a {
	width: 15em;					
	display : block;
	color: #FFFFFF;
	background:#817EFF;
	font-weight : bold;
	text-decoration : none;
	padding : 0 0.5em;
}
#navleft li a:hover {
	color : #0000CC;	;			
	background-color : #817EFF; 
}	
#navleft li:hover ul ul, #navleft li:hover ul ul ul, #navleft li.sfhover ul ul, #navleft li.sfhover ul ul ul {
	left: -999em;
	z-index: 510;
	}	
#navleft li:hover ul, #navleft li li:hover ul, #navleft li li li:hover ul, #navleft li.sfhover ul, #navleft li li.sfhover ul, #navleft li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 510;
	}
#navleft  .current a{
	background: #817EFF; 
	color : #0000CC ;
}
#navleft  .notcurrent a{
	background:#817EFF;; 
	color : #FFFFFF ;
}
#content {
	margin-left : 12em;
}
	
	
/* -------------------- top Navigation Menu  --------------------------*/
	#navtop, #navtop ul { /* all lists */
		padding: 0 0 0 2em;
		margin: 0;
		margin-left : auto;
		margin-right : auto;
		margin-top : 0.5em;			
		margin-bottom : 1em;
		list-style: none;
		float : left;
		width : 95%;
		z-index: 500;
		font-size: 100%;
		background:#817EFF;
		position: relative; 
	}
	
	#navtop li { /* all list items */
		position : relative;
		float : left;	
		line-height : 1.4em;				
		margin-bottom : -1px;
		width: 9em;    /* mh change */						
		background:#817EFF;
		color: #FFFFFF;			
		padding:  0.25em;
	}
	
	#navtop li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left :1em;
		margin-top : -0.35em;
		background:#817EFF;
		color: #FFFFFF;	
		border-style: solid;
		border-width: 1px;
		border-color:  #000000  ;
		padding :  1px 2em  1em  1px; /* added APRIL 2010 */
	}

	#navtop li ul li a { /* mh added for second-level lists */
 		font-weight : normal;
 		color: #FFFFFF; 
		text-decoration: none;
		background:#817EFF;
	}

	#navtop li ul ul { /* third-and-above-level lists */
		left: -999em;
	                margin-left :9em;                             /*ADDED - To make the 3rd level list go out to the side*/
                	margin-top :-1em;                             /*ADDED - To make the 3rd level list be higher*/
		background:#817EFF;
	}
	
	#navtop  li a {
		width: 9em;   /* mh change */				
		display : block;
		color: #FFFFFF;
		background:#817EFF;
		font-weight : bold;
		text-decoration : none;
		padding :  0.25em;
	}
	
	#navtop li a:hover {
		color : #0000CC;	;			
		background-color : #817EFF; 
	}
	
	#navtop li:hover ul ul, #navtop li:hover ul ul ul, #navtop li.sfhover ul ul, #navtop li.sfhover ul ul ul {
		left: -999em;
		z-index: 510;
	}
	
	#navtop li:hover ul, #navtop li li:hover ul, #navtop li li li:hover ul, #navtop li.sfhover ul, #navtop li li.sfhover ul, #navtop li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
		z-index: 510;
	}
	
	#navtop  .current a{
		background-color : #817EFF; 
		color : #0000CC ;
	}
	#navtop  .notcurrent a{
		background:#817EFF;
		color : #FFFFFF ;
	}
/* ------------UpFront Banner Style 2 Navigation Menu ------------- */

#navContainer {clear: left; margin-top: -33px; margin-right: 0px; margin-left: 0px;background: #817EFF;}

#mainNavigation {margin-top:-10px;background: #817EFF;}
	
#mainNavigation ul {text-align: center;background:  #817EFF;}

#mainNavigation li {display: inline; margin-right: 1px; margin-left: 1px;background:  #817EFF;}

#mainNavigation a { font: bold 8pt Verdana; background: #817EFF; color: #FFFFFF; text-decoration: none; padding: 5px 10px;}
		
#mainNavigation a:hover {color: #0000CC ;background: #817EFF;}

#mainNavigation .activeTab a{
		background:  #817EFF;
		color:   #FFFFFF;
}
		
#mainNavigation .activeTab a:hover{
	color: #0000CC;background:  #817EFF;
}
		
/* ----------------------------------------------------------------- sub-navigation -- */

#subNavigation {padding: 5px 0px; margin-top:-10px; background-color:  #FFFFFF; text-align: center;background:  #817EFF;}

#subNavigation ul {text-align: center;background: #817EFF;}

#subNavigation li {display: inline; font: 8pt Verdana; background:  #817EFF;
}

#subNavigation  .fillin  {padding: 2px 10px; font: 8pt Verdana; color: #000;text-decoration: none;background:  #817EFF;border-bottom: 2px;}

#subNavigation a {padding: 2px 10px; font-size: 8pt; font-family: Verdana;color: #FFFFFF;text-decoration: none; background: #817EFF;}

#subNavigation a:hover {color: #0000CC; background:  #817EFF;}

#subNavigation .activeTab a{
		background: #817EFF;
		color: #0000CC;
}
#subNavigation .activeTab a:hover{
	color: #000;background:  #817EFF;
}
/*-------------UpFront Gallery classes */
 .slideshow {
 	text-align:center;
	height:330px;/* 300 image + 10 margin + 10 margin + 5 border + 5 border */
	width:330px;
	display: block;
 	 vertical-align: middle ;
	background-color:#DDDDDD;
}
 .slideshow img {
	margin:10px;
	border: 5px solid #DDDDDD;
	border-width: 5px;
}

/* jQuery lightBox plugin - Gallery style */
	#gallery { /*background-color: #C0C0C0;*/
		/*background-color: pink;*/
		padding: 0px;
		margin: 0px;
		width: auto;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul li a img {
		border: 5px solid #C0C0C0;/* gray default */
		color: #fff;
		background-color : #0000CC; 
	}
	#gallery ul li a:hover img {
		border: 5px solid; 
		border-color:   #0000CC;
		color: #fff;
	}
	
ul#animated-portfolio{
        padding: 0;
        margin: 0;
        list-style-type: none;
}
ul#animated-portfolio li{
        padding: 0;
}
/*-------------UpFront FCKEDitor classes -----------------------*/
.fcolcenter 	 {	/*Style the centre area */
			background: #FFFFFF;
			margin-left:30px;	}
	

.fcolleft		 {	/*Style the left column area */
			 background: #817EFF;
			margin-left:30px;	 }

.fcolright		 {	/*Style the right column area */
			background: #817EFF; 
			margin-left:30px;	}

.fcolcenter  table 	{	border: 1px solid #242424;       
           			border-collapse: collapse;
           			padding-right:5px;
           			padding-left:5px;	
           			font-size:10pt;
			font-family:Verdana;
		}
		

.fcolleft		 table 	{border: 1px solid #242424;       
           			border-collapse: collapse;
           			padding-right:5px;
           			padding-left:5px;	
           			font-size:10pt;
			font-family:Verdana;
		}
.fcolright		 table 	{border: 1px solid #242424;       
           			border-collapse: collapse;
           			padding-right:5px;
           			padding-left:5px;	
           			font-size:10pt;
			font-family:Verdana;
		}/* ----------- UpFront Player Profile CSS ---------------------*/
.profile {border: 1px solid #555555; width: 158px}
.profileitem {border: 1px; background-color:white;} 
.profileitem p {border: 0; text-align: left; margin:0 0 .8em 0;padding:.5em 0 0 .6em;}
.profileitem img{border: 1px solid #313733; }
.profileitem table {border: 0;}
.profileitem table td {padding-left:5px; padding-top:10px; font-style: normal;}
.profileitem .caption {padding-left:5px; padding-top:8px; font-size:60%; font-style: normal; font-weight: bold; text-align: left;}/*-------------UpFront Search Results styles --------------------*/
#search_results{border: 0px; }

#search_input{border: 0px; }

#search_input .searchinput {  width:80px;}

input.searchbtn{
   font-weight: bold;
   background-color: Gray;
   color: #FFFFFF;
   background: #696969;
   FONT-SIZE: 8pt; 
   border: 3px solid;
   border-top-color:#A8A8A8;
   border-left-color:#A8A8A8;
   border-right-color:#5F7F7F;
   border-bottom-color:#5F7F7F;
   width:60px;
}

input.searchbtnhov{
   font-weight: bold;
   color: #000000;
   background: #FFCE30;
   FONT-SIZE: 8pt; 
   border:3px solid;
   border-top-color:#DD7700;
   border-left-color:#DD7700;
   border-right-color:#FFBB22;
   border-bottom-color:#FFBB22;
   width:60px;
}