/*defines overll styles*/

a:link {color: #ff8aa8}     /* unvisited link */
a:visited {color: #ffff75}  /* visited link */
a:hover {color: #FFb2d9}   /* mouse over link */
a:active {color: #ffffff}   /* selected link */

body
{
margin: 0 0 0 0; /* Removes the annoying borders */
text-align: center; /*old ie-centering fix*/

background: url(../Images/Background.png) repeat-x bottom fixed; 
color: #000044;
background-color: #ffffff;
font-family : arial, verdana;
}



/*------Positioning of main div boxes--------*/

#TrueBody
{
position: relative;
height: auto; width: 1000px;
margin-left: auto; margin-right: auto;
display: block;
padding: 5px 5px 5px 5px;
text-align: left; /*old ie-centering fix*/

background-color: #709494;
}

#Header, #Menu, #Content
{
position: relative;
display: block;
padding: 0 0 0 0;
}

#Header
{
height: 100px; width: 1000px;

background-image: url(../Images/HoleBanner.png);
}
 
#Menu
{
float: left;
min-height: 600px; 
z-index: 99;
margin-top: 20px;

font-weight: 600;
font-size: 12px;
color: #000000;
line-height: 35px;
}

#Content
{
left: 35px;
min-height: 700px; width: 961px; height: auto;
margin-top: 5px;
border: 2px solid #ffffff;

background: url(../Images/ContentBackground.png) no-repeat bottom;
background-color: #d3e4e4;
}

.Content
{
display: block;
position: relative;
top: 0px; left: 0px;
min-height: 700px;  width: 941px; height: auto;
padding: 10px 10px 10px 10px;
margin: 0;

overflow:hidden; 
}

.Column
{
position: relative;
float: left;
display: inline-block;
min-height: 40px; min-width: 40px; 
max-width: 100%;
height: auto;
margin: 0 0 10px 0;
border: 2px solid #ffffff;

background-color: #e8f1f1;
}

.ColumnBanner
{
position: relative;
float: left;
display: inline-block;
height: 100px; width: 303px; 
margin: 2px 0 10px 0;
border: 0px solid;

background-color: #e8f1f1;
}

.ColumnBannerLineOne, .ColumnBannerLineTwo
{
position: absolute;
right: 2px; top: 5px;
display: block;
height: 25px; width: auto; 
line-height: 25px;
font-size: 20px;
border: 0px solid;
}

.ColumnBannerLineOne
{
font-weight: bold;	
}

.ColumnBannerLineTwo
{
top: 35px;
height: 20px;
line-height: 20px;
font-size: 20px;
}

.Column img
{
display: block;
margin: 10px auto;
}

.Column li
{
padding-bottom: 0.5em;
}


.Address
{
margin: 10px auto;
vertical-align: text-top;
}

.Address tr td
{
margin: 0 0 0.5em 0.5em;
}

.Address tr td:first-child
{
text-align: right;
vertical-align: text-top;
margin: 0 0 0.5em 0;
}

#ContactTable
{
width: 95%;
margin: 10px auto;	
}

#ContactTable td:first-child
{
width: 80px;
text-align: right;
}

#ContactTable textarea
{
min-height: 150px;
width: 100%; height: auto;

overflow: auto;
}

/* formats the specific tags into the correct style -----------*/

h1 
{
font-size: 1.5em;
font-weight: normal;
text-indent: 10px;
color: #FFFFFF;
font-family : arial, verdana;
}

h2 
{
font-weight: normal;
font-size: 1.2em;
text-indent: 10px;
color: #4d8aa8;
font-family : arial, verdana;
}

h3 
{
font-size:1.5em;
font-weight: normal;
text-indent: 10px;
color: #870035;
font-family : arial, verdana;
font-size: 0.70em ;
}

p 
{
margin-left: 10px;
margin-right: 10px;
font-family : arial, verdana;
}

a {
text-decoration: none;
font-family : arial, verdana;
}

/* End of tag formatting --------------------------------------*/
/* Form Formatting --------------------------------------------*/

#ContatctTable input {
color: #000000;
background: #d8dfe7;
border: 2px solid #c1cdd9;
}

#ContatctTable input:focus {
color: #000000;
background: #f6f7f9;
border: 2px solid #c9d3de;
}

#ContatctTable .wrong input {
color: #440000;
background: #ffcdcd;
border: 2px solid #ff0000;
}

#ContatctTable .wrong input:focus {
color: #000000;
background: #f6f7f9;
border: 2px solid #c9d3de;
}

#ContatctTable .submit input {
margin-left: 160px;
border: 2px outset;
} 

#ContatctTable .submit input:focus {
background: #bedebe;
} 

.wrong {
color: #440000;
background: #ffcdcd;
border: 2px solid #ff0000;
}
/* End of Form Formatting --------------------------------------------*/

/* Message box---------------------------------------------*/
#Fader{
display: fixed;
width: 100%; height: 100%;
position: absolute;
top: 0px; left: 0px;
visibility: hidden;


background: url(../Images/FaderBKG.png);
z-index: 500;
}

#MessageBox{
position: relative;
display: block;
margin: auto auto;
top: -5em;
width: 29.2em; height: 9.3em;
padding: 0.3em;

background: #709494;
}

.VCentre {
position: absolute;
display: block;
height: 1px; width: 100%;
top: 50%;
}

#MessageBoxTitle{
position: relative;
display: block;
margin: auto auto;
top: 0px;
width: 29em; height: 2em;
border: 0.1em #fff solid;
line-height: 2em;
background-color: #e8f1f1;
font-weight: bold;
}

#MessageBoxTitle a{
display: block;
width: 1.3em; height: 1.3em;
border: 0.1em solid #fff;
line-height: 1.3em;#
color: #fff;
text-align: center;
background: #709494;
font-weight: bold;
margin: 0.25em;
float: right;
}

#MessageBoxTitle a:hover{
background: #e8f1f1;
}

#MessageBoxContents{
position: relative;
display: block;
margin: auto auto;
top: -0.1em;
width: 28.4em; height: 7em;
border: 0.1em #fff solid;
background-color: #d3e4e4;
}

#MessageBoxContents p{
margin-top: 1em;	
}

/* End of Message Box -------------------------------------*/

/* Shameless Plug ---------------------------------------------------*/

#ShamelessPlug
{
margin-top: 5px;

opacity: 0.2;
text-align: center;
font-weight: normal;
font-style: italic;
font-size: 0.5em;
color: #000000;
font-family : arial, verdana;
}

#ShamelessPlug:hover
{
opacity: 1;
}