/* 
 _________________________________________________________
|                                                         |
|    DESIGN + http://runetworks.co.uk                     |
|    DATE + 2008.26.06                                    |
|                                                         |
|    Revision 2.5                                         | 
|_________________________________________________________|
*/

/* -- Main layout styles -- */

body{
margin: 1em 1em 1em 1em;
padding: 0px;
font-size: 15px;
background-color: #666666;  
font-family: Arial, Helvetica, sans-serif;
border:hidden;
text-decoration: none;
}

.style13{
color: #42599D;
}

.style14{
font-size: 9px;
}

#siteBox{
float: left;
width: 975px;
background-color: #666666;
text-decoration: none;
}

/* -- Header layout/display styles -- */

#header{
float: left;
width: 977px;
height: 124px;
background: #EAF0F9 url(images/hdr.png) no-repeat;
background-color: #666666;  
color: #000000;
}

h1, h2, h3{ 
font-family: Arial, Helvetica, sans-serif;
}

h1{ 
font-size: 2.3em; 
}

h1 em{ 
font-size: 1.25em;
color: #D0EB6A; 
font-style: normal;
}

h2{
font-size: 1.5em;
letter-spacing: 0.4pt;
color: #D0EB6A;
text-transform: uppercase;
padding-top: 0.5em;
}

h3{
font-size: 1.0em;
letter-spacing: 0.2pt;
color: #42599D;
text-transform: uppercase;
padding-top: 0.5em;
text-align:center;
font-weight:bold;
}

/* -- Content layout/display styles -- */

#content{
float: left;
width: 100%;
padding: 1em 0 1em 0;
background-color: #666666;
color: #000000;
text-decoration: none;
border:hidden;
}

#contentLeft {
float: left;
width: 23.3%;
margin-bottom: 1em;
background: #FFFFFF;
text-decoration: none;
border:hidden;
font-size:15px;
}

#contentRight{
float: right;
width: 75%;
background: #FFFFFF;
border:hidden;
text-decoration: none;
font-size:15px;
}
  
#content p{  
margin: 1.2em 1.2em 2em 1.2em;
font-size: 12px; 
}

#content a{  
text-decoration: none;
color:#000000;
border-bottom: 0px;
}

#content a:hover{
color: #000000;
background-color: #d7d7d7;
border-bottom: 0px;
text-decoration: none;
}

.header {
display: block;
clear: both;  
font-weight: bold;
font-size: 15px;
text-transform: lowercase;
color: #FFFFFF;
border-bottom: 0px;    
}

/* -- Content left site links (large plus icon) -- */

#content a.menuItem{
display: block;  
padding: 5px 0 5px 54px;
background: url(images/nav.png) no-repeat center left;
border: 0px;
border-color:#ffffff;
}

#content a:hover.menuItem{ 
color: #000000;
background: #888 url(images/nav_inv.png) no-repeat center left;
border: 0px;
border-color:#ffffff;
}

/* -- Footer layout/display styles -- */

#footer{
float: right;
width: 75%;
height: 84px;
background: url(images/ftr1.png);
margin-top:1em;
margin-bottom:5px;
text-align:center;
text-transform:uppercase;
letter-spacing:3px;
font-weight:bolder;
font-size:18px;
text-decoration:none;
}

.fotemail1{
font-size:14px;
text-decoration:none;
font-style:normal;
font-weight:bold;
text-transform:lowercase;
text-decoration:none;
}

.footeremail{
font-size:14px;
color:#0000CC;
text-transform:lowercase;
text-decoration:none;
}

#footer a{  
text-decoration: underline;
color:#0000cc;
border-bottom: 0px;
}

#underfooter{
float:right;
width:75%;
height:10px;
background:#666666;
color:#FFFFFF;
font-size:14px;
text-align:right;
}

/* Image used immediately after the floated gallery thumbnails to ensure the box expands to hold them all */

.img{
float:left;
text-align:right;
text-indent:inherit;
padding:inherit;
margin: 0px 5px 0px 0px;
}

.tr,td {
text-align:center;  
}

.style15{
color: #00FF00
}

.style16{
color: #FF0000;
text-align:center;
font-weight:bold;
font-size:12px;
}

.style17{
color: #000000;
text-align:center;
}

.style14{
text-align:center;
color: #00000;
}
