/* ---------------------------------------------------- *
 	Style for the UKPF
 	Oct 2006 
 	
 	note that the overuse of position:relative here 
 	is to deal with IE dissapearing text bug
 * ---------------------------------------------------- */

* {/* removes all default padding/margins */
padding:0px;  
margin:0px;
}

img{  /* no default border for image links */
border:none;
}

a{ /* no default decoration on links */
text-decoration:none;
}


/* ----------------- style for basic template objects and divisions ----------------*/

html{
height:100%;
margin-bottom:1px;
}

* html #wrapper{
height:100%;
}

* html #footer{
margin:-40px;
}

body{
text-align:center;
background:#ffffff url(images/template-imgs/mag_glass-bg.jpg) repeat fixed;
height:100%;
}

#wrapper{
border-bottom:1px solid #cccccc;/* keep opera happy */
background:white;
margin:0 auto;
min-height:100%;
width:770px;
}

#header{
text-align:left;
width:770px;
background: #cc3333;
}

#logo-bits{
background: #D2E8FF url("images/template-imgs/header.jpg") repeat-x left;
height:120px;
margin-bottom:5px;
}

#mmlogo-bits{
background: #D2E8FF url("images/template-imgs/mmHeader.jpg") repeat-x left;
height:120px;
margin-bottom:5px;
}

#menu{
background: #cc3333;
margin:0;
height:22px;
text-align:center;
padding-left:-12px;
padding-right:-12px;
}

#content{
background:white;
padding:15px;
padding-top:20px;
padding-bottom:30px;
margin-right:auto;
margin-left:auto;
text-align:left;
}

#footer{
position:relative;
background: #cc3333;
margin:-40px auto 0;
padding:3px;
padding-left:15px;
width:750px;
}

#footer-menu{
position:relative;
float:left;
height:20px;
z-index:100;
}

/*------------ template styling ---------------*/


div.leftContent{
float:left;
padding-right:10px;
width:360px;
}

div.rightContent{
float:right;
padding-left:10px;
width:360px;
}

p.header-text{
line-height:25px;
vertical-align:middle;
text-align: center;
font-family: arial, verdana, san-serif;
font-size:10pt;
font-weight:bold;
color: black;
}

p.slogan{
position:relative;
width:390px;
top:82px;
left:15px;
font-family:arial,san-serif,times;
font-size:9pt;
font-weight:bold;
text-align: center;
color:#2F2F2F;
}

img.slogan{
position:relative;
top:120px;
vertical-align: middle; 
float:left;
height:20px;
width:6px;
}

p.footer-text{
text-align:right;
font-family: arial, verdana, san-serif;
font-size:7pt;
color: white;
}

p.footer-text a{
position:relative;
z-index:150;
}

/*----------link and menu style-------------------------------*/

a{
font-family: arial, verdana, san-serif;
color:#6D79AF;
font-size:11pt;
font-weight:bold;
}

a:hover{
color:#CC3500;
}

a.bigBlackLink{
font-family: arial, verdana, san-serif;
color:#5F5F5F;
font-size:12pt;
font-weight:bold;
}

a.bigBlackLink:hover{
color:#CC3500;
}

a.smallBlackLink{
font-family: arial, verdana, san-serif;
color:#5F5F5F;
font-size:10pt;
font-weight:bold;
}

a.smallBlackLink:hover{
color:#CC3500;
}

a.main-menu{
font-family:arial,san-serif,times;
font-size:10pt;
font-weight:bold;
color:white;
}

a.main-menu:hover{
color:black;
}

p.footer-text a{
font-family:arial,san-serif,times;
font-size:9pt;
font-weight:bold;
color:white;
}

p.footer-text a:hover{
color:black;
}

#footer-menu p.footer-text{
line-height:25px;
}

ol, ul{ 
font-family: arial, verdana, san-serif;
font-size:10pt;
color: black;
}

ul.menu{
font-family: arial, verdana, san-serif;
list-style:none;
display:inline;
}

ul.menu li{
position:relative;
display:inline;
margin-left:12px;
margin-right:12px;
}


/* ----------------- general style ----------------*/

p{
position:relative;
text-align: justify;
font-family: arial, verdana, san-serif;
font-size:10pt;
color: black;
}

h1{
position:relative;
text-align:center;
font-family: arial, verdana, san-serif;
font-size:16pt;
color: black;
}

h2{
position:relative;
text-align:center;
font-family: arial, verdana, san-serif;
font-size:15pt;
color: black;
}

h3{
position:relative;
text-align:center;
font-family: arial, verdana, san-serif;
font-size:13pt;
color: black;
}

h4{
position:relative;
text-align:center;
font-family: arial, verdana, san-serif;
font-size:12pt;
color: black;
}

h5{
position:relative;
text-align:left;
font-family: arial, verdana, san-serif;
font-size:12pt;
color: black;
}

img.left{
float: left;
border:1px solid black;
margin-right: 10px;
margin-bottom: 10px;
}

img.left-small{
float: left;
border:1px solid black;
margin-right: 10px;
margin-bottom: 10px;
}

img.right{
float: right;
border:1px solid black;
width:250px;
margin-left: 10px;
margin-bottom: 10px;
}

div.centerImg{
width:100%;
text-align:center;
}

div.centeredColLeft{
float: left;
width:45%;
text-align:center;
}

div.centeredColRight{
float: right;
width:45%;
text-align:center;
}
/* ----------------- spacing and rows ----------------*/


div.clear_spacer{
clear:both;
}

div.clear_right{
height:10px;
clear:right;
}

div.spacer{
clear:both;
height:30px;
}

div.tiny_spacer{
clear:both;
height:10px;
}

div.small_spacer{
clear:both;
height:20px;
}

div.big_spacer{
clear:both;
height:40px;
}

hr{
margin-top:5px;
margin-bottom:5px;
}


div.row{
clear: both;
text-align:center;
}

div.rowSpacer{
clear: both;
height: 3px;
}

div.row span.label{
float: left;
position:relative;
text-align: justify;
font-family: arial, verdana, san-serif;
font-size:10pt;
color: black;
width: 220px;
margin-top:2px;
margin-bottom:2px;
text-align: left;
}

div.row span.input{
float: left;
width: 220px;
margin-top:2px;
margin-bottom:2px;
text-align: left;
}

div.row span.labelSmall{
float: left;
font-family: arial, verdana, san-serif;
font-size:10pt;
font-weight:bold;
color: black;
width: 150px;
text-align: left;
}

div.row span.inputSmall{
float: left;
width: 150px;
text-align: left;
}



/* ----------------- message match style ----------------*/

h1.messageMatch{
position:relative;
text-align:center;
font-family: arial, verdana, san-serif;
font-size:14pt;
color: black;
background-color:#D7E7FE; 
padding-top:2px; 
padding-bottom:2px;
border:1px solid black;
z-index:501;
}

h2.messageMatch{
position:relative;
text-align:center;
font-family: arial, verdana, san-serif;
font-size:12pt;
color: black;
background-color:#D7E7FE; 
padding-top:2px; 
padding-bottom:2px;
border:1px solid black;
z-index:501;
}

div.messageSearch{
padding:15px;
padding-left:25px;
text-align:center;
}

div.message{
padding:10px;
text-align:left;
}

div.infoLeft{
float:left;
text-align:left;
width:340px;
padding:5px;
}

div.infoRight{
float:left;
text-align:left;
width:340px;
padding:5px;
}

div.reply{
padding:15px;
background:#D7E7FE;
text-align:left;
}

a.goldAlphabet{
float: left;
margin-right:2px;
margin-left:3px;
color:#FFA200;
font-size:14pt;
font-weight:bold;
}

a.goldAlphabet:hover{
color:#CC3500;
font-size:14pt;
font-weight:bold;
}

p.searchResults a{
color:#FFA200;
font-size:12pt;
font-weight:bold;
}

p.searchResults a:hover{
color:#CC3500;
font-size:12pt;
font-weight:bold;
}


div.row span.mmSearchlabel{
float: left;
font-family: arial, verdana, san-serif;
font-size:11pt;
font-weight:bold;
color: black;
width: 170px;
text-align: left;
}

div.row span.mmSearchinput{
float: left;
width: 170px;
margin-bottom:3px;
text-align: left;
}