﻿body {
    background-color:#015480;
    font-family:"Trebuchet MS", Arial, Sans-Serif;
}
#frontcontainer
{
	position:relative;    
    height:600px;
    width:783px;
    margin: 0 auto 0 auto;
    top:20px;
}

#fronttop
{
    margin:0px;
    background-image:url(/graphics/backgroundtop.jpg);
    background-position:left; 
    background-color:#ffffff;
    height:284px;
    border:solid 1px #fff;
}
#fronttopleft
{
    float:left;
    width:270px;
    padding:0px;
    margin:0px;
    }

#fronttopright
{
    float:right;
    width:511px;
    }

#fronttop img
{
    float:left;
    text-align:left;
}
#fronttoptext
{
color:#156894;
padding-left:40px;
padding-top:0px;
width:250px;
font-size:small;
float:left;
}
#fronttoptext a
{
    text-decoration:underline;
    color:#156894;
}

#menu
{
    background-color:#f37635;    
    border:solid 1px #fff;
    margin-top:5px;
    padding-bottom:5px;
    height:15px;
}
.toolbar {
         padding: 2px 4px 0 4px;
         background-color:#f37635;
       	text-transform: uppercase;
   		font-size:x-small;
         }
.toolbar a{
    color:#fff;
         }
.toolbar a:hover{
    color:#156894;
         }
.toolbardropdown 
{
	    background-color:#f37635;
       	text-transform: uppercase;
   		font-size:x-small;
   		z-index:100;
}

.toolbardropdownitem 
{
	    background-color:#f37635;
       	text-transform: uppercase;
   		font-size:x-small;
   		width:140px;
}

.toolbardropdownitem a
{
	    background-color:#f37635;
       	text-transform: uppercase;
   		font-size:x-small;
   		display:block;
}

.toolbardropdown a{
    color:#fff;
    padding-left:10px;
    padding-right:5px;
    margin-left:5px;
         }
.toolbardropdown table{
	    background-color:#f37635;
         }
.toolbardropdown a:hover{
    color:#156894;
         }
#frontsecondary
{
    margin:0px;
    height:191px;
    margin-top:5px;
}

.frontsecondarystory
{
    background-color:#ffffff;
    height:191px;
    width:190px;
    border:solid 1px #fff;
    background: url(/graphics/secondarystory.gif) 0 50% no-repeat;
    color:#fff;
    float:left;
    margin-right:5px;
    }
#frontsecondarystorycentre
{
    background-color:#ffffff;
    height:191px;
    width:387px;
    border:solid 1px #fff;
    background: url(/graphics/secondarystorycentre.gif) 0 50% no-repeat;
    color:#fff;
    float:left;
    margin-right:5px;
    }
    
     #frontsecondarystorycentre ul
     {
	    margin:0px;
	    padding:0px;
         }
 #frontsecondarystorycentre li {
	list-style-type: none;
	}
#frontsecondarystorycentre h3
{
    font-size:x-small;
    margin:0px;
    margin-top:5px;
    color:#f37635;
    }
#frontsecondarystorycentre h3 a
{
   color:#f37635;
 }
#frontsecondarystorycentre a
{
    text-decoration:none;
    }
.frontsecondarystoryfinal
{
    background-color:#ffffff;
    height:191px;
    width:189px;
    border:solid 1px #fff;
    background: url(/graphics/secondarystory.gif) 0 50% no-repeat;
    color:#fff;
    float:left;
    }
    
.pressrelease
    {
       margin: 5px;
       padding: 5px;
      font-size: small;
      text-align: justify;
    }
#frontsecondary .readmorenews
{
color:#f37635;
font-size:0.7em;
    }

#frontsecondary .readmorenews a
{
color:#f37635;
    }

.newscontent
{
    margin:5px;
    padding:5px;
    font-size:small;
    }
   .readmore
   {
   text-align: left;
   padding-left:10px;
    font-size:x-small;
             }  
   .readmorenews
   {
   text-align: left;
   padding-left:10px;
    font-size:small;
             }  
  .heading
{
    background-color:#156894;
    height:25px;
    font-size:medium;
    padding-left:5px;
   	text-transform: uppercase;
  	line-height: normal;
  	margin:0px;
} 
#frontsecondary h1
{
    color:#fff;
    font-size:small;
    padding-left:10px;
    padding-top:5px;
    text-transform: uppercase;
   	line-height: normal;
   	margin:0px;
}

#frontsecondary a
{
    color:#fff;
}
#logintable
{
    padding:10px;
  width:90%;
 text-align:center;
 }
#frontsecondary td
{
    color:#fff;
    font-size:xx-small;
    vertical-align:top;
    text-align: right;
}

.lefttable
{
    text-align:left;
    font-size:xx-small;
    float:left;
    width:180px;
    padding-left:15px;
}
.righttable
{
    text-align:right;
    font-size:xx-small;
    float:left;
    width:180px;
}
#copyright
{
    padding-top:10px;
    color:#fff;
    font-size:x-small;
}

#copyright a
{
    color:#fff;
    font-size:x-small;
}
.clearall
{
    clear:both;
    }
#imageElement h3
{
    color:#fff;
    }