/* HIEC CSS 
Colours: 
F57E20 - Hiec orange
5F595A - Hiec grey */

* {
padding: 0px;
margin: 0px;
line-height: 1.2em;   
font-family: 'arial';
}

.bold {
font-weight: bold;}
.italics {
font-style: italic;}

hr {
height: 1px;
_margin-top: -6px;
color: #f56e20;
background: #f56e20;}


/* Link Colours */
a:link {color: #000000;}
a:hover {color: #acacac;}
a:visited {color: #acacac;
text-decoraton: none;}
a:active {color: #333333;}
a:focus {color: #333333;}

#headermenu a:link {color: #ffffff;
text-decoration: underline;}
#headermenu a:visited {color: #ffffff;
text-decoration: underline;}
#headermenu a:hover {color: #000000;
text-decoration: underline;}

#headermenumini a:link {color: #ffffff;
text-decoration: underline;}
#headermenumini a:visited {color: #ffffff;
text-decoration: underline;}
#headermenumini a:hover {color: #000000;
text-decoration: underline;}

/* END OF Link Colours */

/* Headings */ 
h1 { font-size: 24px; }
h2 { font-size: 20px;}
h3 { font-size: 18px;}

/* END OF Headings */ 


/* Everything */
#everything { width: 700px;
margin-left: auto;
margin-right: auto;}

/* END OF Everything */

/* Header  */

#header {
width: 100%;
height: 146px;
background: url("img/headerhiec.jpg")
no-repeat;
}

#headerlogo {
margin-left: 275px;
width: 150px;}

#headermenu {
width: 490px;
float: left;
background: transparent;
}

#headermenu li{
display: block;}

#headerlogo a img{
color: #ffffff;
border: #ffffff;}

.first{
margin-left: 0px;}

#headermenu ul {
background: #f57e20;
margin-top: 115px;
margin-left: 160px;
font-size: 15px;
width: 520px;
text-align: center;
font-family : tahoma;}

#headermenu li {
display: inline;
padding-left: 14px;}

/* END OF Header */

/* Content */

#page{
width: 100%;
font-size: 15px;
border-top: 1px solid #f57e20;
float: left;
border-left: 1px solid #f56e20;
border-right: 1px solid #f56e20;
}

.pagetitle {
text-align: center;
color: #f57e20;
font-weight: bold;
letter-spacing: 0.4em;}

.pageimg 
{
padding: 10px;
margin-top: 20px;
border: 1px solid #F57E20; 
float: right;  
width: 150px; 
padding: 20px;
border: 2px solid #F57E20; 
margin: 20px;
}

.pagetitle { 
font-size: 14px;
padding-top: 3px;
letter-spacing: 7px;}

#content { 
min-height: 440px;
background-image: 
url('img/back.gif');
background-repeat: no-repeat
}
#content p{
margin-bottom: 20px;
margin-left: 20px;
margin-top: 20px;
margin-right: 20px;
text-indent: 20px}

#content ul {
margin-top: 10px;
list-style-type: disc;
margin-bottom: 10px;
margin-left: 40px;}

#content ol {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 50px;}
#content li {margin-bottom: 5px;}

#content h2 {
text-align: center;
margin-left: auto;
margin-right: auto;
border-bottom: 3px dotted #F57E20;
width: 40%;
margin-bottom: 0px;}

/* Special Header */

/* LEFT Header */

#leftheader {display: block; 
margin-left:0px;
height:30px;
text-align: right;
width: 350px;
border: 1px solid #f57e20;
border-right: 0px;
border-left: 0px;}

#leftheader h2 {float: right;
text-align: right;
border: 0px;
padding-top: 3px;
padding-right: 40px;}

.clipartleft {float: left;
margin-top: -24px;
margin-left:326px;
}

.leftheading {
float: left;
margin-top: -32px;
margin-left: 350px;
}

/* RIGHT Header */

#rightheader {
display: block; 
float:right;
margin-top: -32px;
margin-bottom: 10px;
height:30px;
text-align: right;
width: 350px;
border: 1px solid #f57e20;
border-right: 0px;
border-left: 0px;}

#rightheader h2 {
float: right;
text-align: left;
border: 0px;
margin-top: -25px;
padding-top: 5px;
padding-right: 180px;}

.clipartright {float: right;
margin-top: 4px;
margin-right:325px;
}

.rightheading {float: right;
margin-top: 12px;
margin-left: 300px;
margin-right: 350px;

}
/* END OFSpecial Header */



/* Footer  */

#footer {
border-top: 1px solid #f57e20;
float: left;
width: 100%;
height: 30px;
font-size: 13px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#footer p {
font-family: tahoma;}


/* Table Styles */

table {
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;}

caption {
margin-left: auto;
margin-right: auto;
font-size: 18px;
font-style: italic;
}

th{padding: 5px;}
tr{padding: 10px;}
td{padding: 10px;
font-style: italic;
background: #f0f0f0;}

/* END OF Table Styles */

/* Form Style */

.formlist li {
list-style-type: none;
}

#formz {
margin-left: -14px;}

#formbuttons input{
margin-left: 45px;
padding: 5px;
color: #f57e20;
background: #ffffff;}

/* END OF Form Style */


/* Custom Stuff  */

.distext {
position: relative;}

/* END OF Custom Stuff */