/*----------------------------------------------------------------------------*/

/*
1.  The style reset (to help identify cross-browser headaches by forcing you to specify everything and not using browser defaults)
2.  The BODY
3.  A dump of all possible styles 
*/

* 
{
     padding: 0;
     outline: 0;
     margin: 0;
     border: 0;
}
BODY 
{
background-color: #E2E6EF;
text-align:center;
}
.dumpstyles
{
padding: 10px;
padding-left: 0;
border:none; 
font-family: Arial; 
font-size: 12pt; 
text-align: left; 
color: #FFFFFF; 
font-weight: bold;
text-decoration: underline; 
background-color: #CFCFCF; 
}

/*----------------------------------------------------------------------------*/

/*
Headings 
*/

.bighead     
{ 
padding: 10px;
border:none; 
font-family: Arial; 
font-size: 12pt; 
text-align: left; 
color: #000000; 
font-weight: bold;
background-color: #CFCFCF; 
}   
.smlhead     
{ 
padding: 5px;
padding-left: 10px;
border:none; 
font-family: Arial; 
font-size: 10pt; 
text-align: left; 
color: #000000; 
font-weight: bold;
background-color: #CCD4E7;
}   
/*----------------------------------------------------------------------------*/


/*
// 1. Wrapper = the main big box that will contain header, page content and footer (width 740)
// 2. mainblock = the big box to store page content (width 700)
// 3. textblockleft = a box
*/

.wrapper
{
width: 740px;
margin-left: auto;
margin-right: auto;
margin-top:25px;
margin-bottom:25px;
background-color: #FFFFFF;
border: thin solid black;
}
.mainblock       
{  
position: relative;
border:thin solid black; 
width: 700px; 
background-color: #FFFFFF; 
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding-bottom: 5px;
overflow: hidden;
}
.halfblockleft       
{  
position: relative;
border:thin solid black; 
width: 348px;
height: 300px; 
float: left;
background-color: #FFFFFF; 
margin-left: 15px;
margin-right: 2px;
margin-bottom: 10px;
padding-bottom: 5px;
overflow: hidden;
}
.halfblockright       
{  
position: relative;
border:thin solid black; 
width: 348px;
height: 300px; 
float: right;
background-color: #FFFFFF; 
margin-left: 2px;
margin-right: 15px;
margin-bottom: 10px;
padding-bottom: 5px;
overflow: hidden;
}
.halfblockleft2       
{  
position: relative;
border:thin solid black; 
width: 348px; 
height: 100px; 
float: left;
background-color: #FFFFFF; 
margin-left: 15px;
margin-right: 2px;
margin-bottom: 10px;
padding-bottom: 5px;
overflow: hidden;
}
.halfblockright2      
{  
position: relative;
border:thin solid black; 
width: 348px; 
height: 100px;
float: right;
background-color: #FFFFFF; 
margin-left: 2px;
margin-right: 15px;
margin-bottom: 10px;
padding-bottom: 5px;
overflow: hidden;
}
.halfblockimages
{
width: 348px;
margin-left: auto;
margin-right: auto;
}
.galleryenlargeblock       
{  
position: relative;
border:thin solid black; 
width: 700px; 
background-color: #FFFFFF; 
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
overflow: hidden;
}

/*----------------------------------------------------------------------------*/

/*
1. Text block = no defined width, just a container specifying font and floatage
2. Galleryblock = used to limit the sprawl of a block containing lots of floating items (will sit inside a textblock)
3. Colorblock = used to contain many items inside a defined area (will sit inside a textblock that also contains a galleryblock)
4. Colorblocksmall = the smallest container which will be inside a colorblock
*/

.textblock
{
margin: 5px;
float: left;
text-align:left; 
font-family:Arial; 
font-size:10pt; 
color:#000000; 
}
.textblockright
{
margin: 5px;
float: right;
text-align:left; 
font-family:Arial; 
font-size:10pt; 
color:#000000; 
}
.galleryblockleft       
{  
border: none;
width: 450px; 
float: left;
}
.galleryblockright
{  
border: none;
width: 450px; 
float: right;
}
.colourblock
{
border: none;
width: 100%;
}
.colourblocksmall
{
border: none;
width: 100%;
overflow: hidden;
}
.clear
{
clear: both;
}
/*----------------------------------------------------------------------------*/
.menuwrapper
{
position: relative;
width: 740px;
margin-left: auto;
margin-right: auto;
}
.menublock
{
width: 150px;
height: 100px;
position: absolute;
top: 15px;
left: 15px;
}
.menuitem
{
float: left;
margin: 2px;
#padding: 2px;
height: 25px;
width: 120px;
background-color: #CFCFCF; 
border:thin solid black; 
font-family: Arial; 
font-size: 10pt; 
text-align: left; 
color: #FFFFFF; 
font-weight: bold;
}
/*----------------------------------------------------------------------------*/
div.row 
{
  clear: both;
  padding-top: 5px;
}

row span.label
{
  float: left;
  width: 160px;
  text-align: right;
}

row span.formw 
{
  float: right;
  width: 122px;
  text-align: left;
} 
/*----------------------------------------------------------------------------*/
input 
{ 
background-color: #CCD4E7;
border: 1px solid black;
margin: 5px;
} 
textarea 
{ 
background-color: #CCD4E7;
border: 1px solid black;
margin: 5px;
} 
/*----------------------------------------------------------------------------*/
.imgright     
{
float: right; 
}
.imgleft     
{
float: left; 
}
img
{
margin: 5px;
border: 1px black solid;
}
img.noline
{
margin: 0px;
padding:0px;
border: none;
}
img.galleryenlarge
{
margin: 0px;
border: 1px black solid;
}
img.range
{
margin: 2px;
border: thin black solid;
float: left;
}
table
{
    border-color: #600;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-collapse: collapse
}
td
{
    border-color: #600;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 2px;
    font-family: Arial;
    font-size: 10pt;
}

table.hidden
{
    border-style: none;
    padding: 0;
    margin: 0;
}
td.hidden
{
    border-color: #600;
    border-width: 0 0 0 0;
    border-style: none;
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-size: 10pt;
}
td.box
{
    border-color: #00000;
    border-width: 2 2 2 2;
    border-style: solid;
    margin: 0;
    padding: 2px;
    font-family: Arial;
    font-size: 10pt;
}

/*----------------------------------------------------------------------------*/
A:link { text-decoration: none; color:#000000 }
A:visited { text-decoration: none; color:#000000 }
A:hover { text-decoration: none; color:#8B8BE6}
.menuitem A:link { text-decoration: none; color:#FFFFFF }
.menuitem A:visited { text-decoration: none; color:#FFFFFF }
.menuitem A:hover { text-decoration: none; color:#8B8BE6}