/*---------------------------------------------
Future ProManchester | www.futurepromanchester.co.uk 

Version:	1.0
Created by: 	Lee Swift | www.leeswift.com
-----------------------------------------------*/

* {
margin: 0; 
padding: 0; }

:focus { outline: 0;}

body {
	margin: 0px;
	padding: 0;
	background: #fff; 
	background-image: url('../images/fpmainback.gif');
	background-repeat: repeat-x;
	background-position: top left;
	

}


img { 
border: 0;
-ms-interpolation-mode:bicubic; }

.clear {
clear: both; }

.right {
float: right; }

.left {
float: left; }

hr, .hide {
display: none; }

.font10 {
font-size: 10px; }

.font14 {
font-size: 14px; }





/*STRUCTURE*/

#content {
	padding: 0px;
	margin: 0px auto;
	width: 901px;

}
#content2 {
	padding: 0px;
	margin: 0px auto;
	width: 970px;

}


#navbar {
width: 901px;
height: 59px;
margin: 0px 0px 0px 0px;
background-image: url('../images/fpnavback.gif');
background-repeat: no-repeat;
background-position: top left;
padding: 0px 0px 0px 0px;
text-align: left;}


#innertop {
height: 7px;
margin: 10px 0px 0px 0px;
background-image: url('../images/fppagetop.gif');
background-repeat: no-repeat;
background-position: top left;
padding: 0px 0px 0px 0px;}


#innerpage {
margin: 0px 0px 0px 0px;
background-image: url('../images/fppagetile.gif');
background-repeat: repeat-y;
background-position: top left;
background-color: #ffffff;
padding: 0px 0px 0px 20px;
font-family: Verdana, san-serif;
font-size: 12px;
color: #666666;
height: 100%;

}

#innerpage a:link, #innerpage a:active, #innerpage a:visited  {
color: #666666; 
text-decoration: none; }

#innerpage a:hover  {
color: #669900; 
text-decoration: underline; }



#innerbase {
height: 34px;
margin: 0px 0px 20px 0px;
background-image: url('../images/fpbreadback.gif');
background-repeat: no-repeat;
background-position: top left;
padding: 10px 0px 0px 20px;
font-family: Verdana, san-serif;
font-size: 11px;
color: #666666;
text-align: left;}

#innerbase a:link, #innerbase a:active, #innerbase a:visited  {
color: #666666; 
text-decoration: none; }

#innerbase a:hover  {
color: #669900; 
text-decoration: underline; }


#footerpanel{
height:  80px;
padding: 0px 0px 0px 0px;
background-image: url('../images/fpbaseback.gif');
background-repeat: repeat-x;
background-position: top left;
background-color: #333333;
width:100%;

}



#footercontent{
margin: 0px auto;
padding: 10px 0px 0px 0px;
width: 901px; 
font-family: Verdana, Arial;
font-size: 11px;
line-height: 16px;
color: #cccccc;
text-align: left;}

#footercontent a:link, #footercontent a:active, #footercontent a:visited  {
color: #cccccc;
text-decoration: none; }

#footercontent a:hover  {
color: #99cc00; 
text-decoration: underline; }




/*NAVIGATION*/


#topnavigation ul { 
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;
list-style-type: none;}

#topnavigation li { 
margin: 0px 0px 10px 0px;
padding: 0px 15px 0px 15px;
height: 14px; 
font-family: Verdana, Arial;
font-size: 10px;
color: #999999; 
border-right: #c2c2c2 solid 1px;
float: left; }

#topnavigation li a:link, #topnavigation li a:active, #topnavigation li a:visited  {
display: block;
color: #999999; 
text-decoration: none; }

#topnavigation li a:hover  {
display: block;
color: #99cc00; 
text-decoration: none; }


#topnavigation ul li.first
{
    padding: 0px 15px 0px 0px;
}


#topnavigation ul li.last
{
    border-right: none;
    padding: 0px 0px 0px 15px;
}






/* side navigation */


.mainnav {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #575719;
	font-size : 12px;
	border-bottom: #e2e2c9 solid 1px;
}

.mainnavOn {
	margin: 0px 0px 0px 0px;
	padding: 5px;
	color: #575719;
	font-size : 12px;
	border-bottom: #e2e2c9 solid 1px;
        background: #eee;
}

.mainnav a:link, .mainnav a:visited {
	text-decoration: none;	
	color: #575719;
	padding: 6px 6px 6px 5px;
	display: block;
} 
.mainnav a:hover {
	text-decoration: none;
	color: #cc0000;
	background-color: #f4f4f4; 

}
.mainnavon {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #575719;
	font-size : 12px;
	border-bottom: #e2e2c9 solid 1px;
}
.mainnavon a:link, .mainnavon a:visited {
	text-decoration: none;	
	color: #575719;
	padding: 6px 6px 6px 5px;
	display: block;
	font-weight: bold;
	background-color: #f4f4f4; 
} 
.mainnavon a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #f4f4f4; 

}


.sidenav {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #575719;
	font-size : 11px;
	border-bottom: #e2e2c9 solid 1px;
}
.sidenav a:link, .sidenav a:visited {
	text-decoration: none;	
	color: #575719;
	padding: 6px 6px 6px 8px;
	display: block;
	background-color: #f8f8f8; 
} 
.sidenav a:hover {
	text-decoration: none;
	color: #cc0000;
	background-color: #f4f4f4; 

}
.sidenavon {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size : 11px;
	border-bottom: #e2e2c9 solid 1px;
}
.sidenavon a:link, .sidenavon a:visited {
	text-decoration: none;	
	color: #ffffff;
	padding: 6px 6px 6px 8px;
	display: block;
	font-weight: bold;
	background-color: #ffffcc; 
} 
.sidenav a:hover {
	text-decoration: none;
	color: #cc0000;
	background-color: #f4f4f4; 

}











/*GLOBAL TYPOGRAPHY*/



h1 {
font-family: Tahoma, san-serif;
font-weight: bold;
font-size: 18px;
line-height: 28px;
color: #669900;
margin: 0px 0px 10px 0px; 
border-bottom: #e2e2c9 solid 3px;}

h1 a:link, 
h1 a:active, 
h1 a:visited  {
color: #669900; 
text-decoration: none; }

h1 a:hover  {
color: #cc0000;
text-decoration: none; }

h2 {
font-family: Tahoma, san-serif;
font-weight: bold;
font-size: 18px;
line-height: 28px;
color: #666666;
margin: 0px 0px 20px 0px; 
border-bottom: #e2e2c9 solid 3px;}

h2 a:link, 
h2 a:active, 
h2 a:visited  {
color: #666666; 
text-decoration: none; }

h2 a:hover  {
color: #cc0000;
text-decoration: none; }

h3 {
font-family: Tahoma, san-serif;
font-weight: bold;
font-size: 12px;
line-height: 15px;
color: #669900;
margin: 5px 0px 10px 0px; }

h3 a:link, 
h3 a:active, 
h3 a:visited  {
color: #669900; 
text-decoration: none; }

h3 a:hover  {
color: #cc0000;
text-decoration: none; }

h4 {
font-family: Tahoma, san-serif;
font-weight: bold;
font-size: 14px;
line-height: 18px;
color: #333333;
margin: 5px 0px 5px 0px; }

h4 a:link, 
h4 a:active, 
h4 a:visited  {
color: #005883; 
text-decoration: none; }

h4 a:hover  {
color: #0099ff;
text-decoration: none; }

h5 {
border-bottom: #ffffff solid 1px;
font-family: Tahoma, san-serif;
font-weight: bold;
font-size: 11px;
line-height: 20px;
color: #005883;
margin: 0px 0px 5px 0px; }

h5 a:link, 
h5 a:active, 
h5 a:visited  {
color: #005883; 
text-decoration: none; }

h5 a:hover  {
color: #cc0000;
text-decoration: none; }

h6 {
font-family: Tahoma, san-serif;
font-weight: bold;
font-size: 11px;
line-height: 14px;
color: #005883;
margin: 0px 0px 0px 0px; }

h6 a:link, 
h6 a:active, 
h6 a:visited  {
color: #005883; 
text-decoration: none; }

h6 a:hover  {
color: #0099ff;
text-decoration: none; }

p {
font-family: Tahoma, san-serif;
font-size: 12px;
line-height: 16px;
color: #666; 
margin: 0px 5px 15px 0px; }

p a:link, 
p a:active, 
p a:visited  {
color: #005883; 
font-weight: bold;
text-decoration: none; }

p a:hover  {
color: #0099ff;
text-decoration: underline; }



.copyright {
font-family: Arial, san-serif;
font-size: 11px;
line-height: 22px;
color: #666; 
margin: 0px 5px 15px 0px; }


.copyright a:link, .copyright a:active, .copyright a:visited  {
color: #666; 
text-decoration: none; }

.copyright a:hover  {
color: #99cc00; 
text-decoration: none; }


.mainhd {  
	font-size : 16px; 
	font-family : Tahoma, sans-serif;
	color: #669900;
	padding: 0px 0px 0px 10px;
}
.mainhd a:link, .mainhd a:visited {
	text-decoration: none;	
	color: #669900;
} 
.mainhd a:hover {
	text-decoration: underline;
	color: #cc0000;
}
.subhd {  
	font-size : 14px; 
	font-family : Tahoma, sans-serif;
	color: #669900;
	line-height: 1.4em;
	font-weight: bold;
}
.subhd a:link, .subhd a:visited {
	text-decoration: none;	
	color: #669900;
} 
.subhd a:hover {
	text-decoration: underline;
	color: #cc0000;
}
.maintxt {  
	font-size : 12px; 
	color: #666666;
	line-height: 1.5em;
}
.maintxt a:link, .maintxt a:visited {
	text-decoration: none;	
	color: #669900;
} 
.maintxt a:hover {
	text-decoration: underline;
	color: #cc0000;
}



/* FORM ELEMENTS */



.textfield {       
	font-family: Arial, sans-serif;  
	font-size : 12px; 
	padding: 1px 0px 0px 2px;
	border-width: 1px;
	height: 22px;
	border: 2px solid #daeb21; 
	-moz-border-radius: 8px;
}
.textarea {       
	font-family: Arial, sans-serif;  
	font-size : 12px; 
	padding: 1px 0px 0px 2px;
	border-width: 1px;
}



/* V */

.noborder{
	border: none;
}

.fpm-reg{
position: absolute;
width: 180px;
right: 16%;
top: 150px;
}

.fpm-login-form{
float:left;
width: 350px;
margin-right:30px;
margin-left: -60px;
}

.fpm-login-button{
	margin-left: 260px;
}

.fpm-login-padleft{
margin-left:130px;
}

h2{
color: #daeb21; 
border:none;
margin-bottom:0px;
}

label{
	display: block;
	width: 120px;
	float: left;
	padding-top: 7px;
	padding-right: 9px;
	text-align: right;
}

.iesize{
	font-size: 12px;
}


/*table*/

tr.tabletitle{
	margin-top: 5px;
}

td.tablehd{
        padding: 10px;
        font-weight: bold;
	font-weight: bold;
}

table.regTable{
        padding: 10px;
        font-size:12px;
	font-size:12px;
}

.tablerow{
	padding: 5px;
}

#innerpage .maintxt dd { margin-top: 0.5em; width: 8em; float: left; clear: left; color: #daeb21; font-weight: bold; }
#innerpage .maintxt dt { margin-top: 0.5em; width: 15em; float: left; color: #black; }