@IMPORT url("department2.css");
@IMPORT url("news.css");

body {
	font: 12px Verdana;
	color: #464646;
	margin: 5px 0 5px 50%;
	background-image: url(../img/backgroundShadow.jpg);
	background-repeat: repeat-y; /** Repeats the image vertically **/
	background-color: #f7f4ee;
	background-position: center;
	line-height: 1.3;
}

.formfieldlabel
	{
	font: 12px Verdana;
	color: #464646;
	margin-bottom: 10px;
	margin-top:10px;
	text-decoration: underline;	
	
	}

.formErrors
	{
	font: 12px Verdana;
	color: red;
	}

#newsBackground
{
       background-image: url("../img/newstransmitter.jpg");
       background-repeat: none;
       position: absolute;
       left: 20px;
       top: 100px;
       height: 550px;
       width: 450px;
       z-index: 1;
}

#adminBackground
{
       background-image: url("../img/newstransmitter.jpg");
       background-repeat: none;
       position: absolute;
       left: 20px;
       top: 100px;
       height: 550px;
       width: 450px;
}

#container {
	position: relative;
	width: 750px;
	margin: 0 0 0 -380px;
	/* Could also use margin-left and -right: auto
		but IE 5 PC doesn't like that */
	border: 5px solid #FFF;
}

#phoneNumber
{
	background-color:#000000;
       margin-left: 240px; 
  background-image: url("../img/contactUsButtonReflect.jpg"); 
  background-repeat: no-repeat;   
  width: 220px;  
  height: 50px; 
}


/* 	class is a way to push the items in otherPageElements group to provide for a 2 column layout
	not especially ideal as it means pushing a 'flag div' into the otherwise format free html. Will
	investigate ways to further improve this.
 */
#floatGroup
{
		float: left; 	
		width: 210px;
		margin-bottom: 0px;
		margin-right: 20px;
}


.moreLink
	{
		width: 40px;
		height: 12px;
	  	background-image: url("../img/moreButton.jpg"); 	
	}

#pageBody
{
	   position: relative;
	   z-index: 3;
	   margin-top: 0px;
       width: 470px;
       padding: 5px;
}

#footer
{      
		margin-top: 30px;
       border-top: 1px solid;
	   border-color:#CCCCCC;
       clear: both;
       position: relative;
       z-index: 3;
}

#mainPageImage
{
       position: absolute;
	   left: -6px;
}

#mainPageIntro
{
       position: relative;
       margin-top: 20px;
       margin-bottom: 15px;   
}

#mainPageIntroTitleImage
{
       z-index: 3;
       position: relative;
	   left: -5px;
}

#mainPageIntroText div
{
       z-index: 3;
       height: 150px;
       width: 100%; 
}

#mainPageIntroText p
	{
margin-bottom: 15px;	
	}

#otherPageElements
	{
		position: relative;
		z-index: 4;
       	width: 98%;		
	}

.pageHeader {
	font-size: 15px;
}

.highlightText {
	color: #FF6600;
}

#mainPageIntroText
{
       z-index:3;
	   border-bottom: 1px solid;
	   border-color:#CCCCCC;
       padding-bottom: 15px;
       padding-top: 10px;
       position: relative;
       width: 97%; 
}

#navBar
{ 
	   position: relative;
	   left: -1px;
       float: right; 
       width: 248px;
       margin-bottom: 10px;
       background-color: #c2d0ea;
       padding-left: 6px;
       height: 385px;
}

p
{
       margin: 0px;
}

h2
{
	font-family: "Arial Narrow";
    padding: 0px;
    font-size: 14px;
    margin: 0px;
	font-weight: 600;
	color:#666666;
    margin-bottom: 10px;
	font-family: "Arial Narrow";
	letter-spacing:0.5px;
	text-transform:capitalize;
}

a.bodyLinkAlt {
	color: #00559B;
	text-decoration: none;	
}

a.bodyLinkAlt    : active {
	color: #00559B;
	text-decoration: none;	
}

a.bodyLinkAlt    : visited {
	color: #00559B;
	text-decoration: none;	
}

a.bodyLinkAlt    : hover {
	color: #00559B;
	text-decoration: underline;
}

a.bodyLink {
	color: #fb7520;
}

a.bodyLink    : active {


}

a.bodyLink    : visited {
	color: #fb7520;
	text-decoration: none;	
}

a.bodyLink    : hover {
	color: #fb7520;
	text-decoration: underline;
}


a.navLink {
	font: 12px "Trebuchet MS", Verdana;
	text-decoration: underline;
	color: #FF6600;
}

a.navLink    : active {
	font: 12px "Trebuchet MS", Verdana;
	text-decoration: underline;
	color: #FF6600;
}

a.navLink    : visited {
	font: 12px "Trebuchet MS", Verdana;
	text-decoration: underline;
	color: #FF6600;
}

a.navLink    : hover {
	font: 12px "Trebuchet MS", Verdana;
	text-decoration: underline;
	color: #FF6600;
}



#adminBody {
	position: absolute;
	
	
	/** background-color: #f7f6f2; **/
	top: 160px; 
	left: 5px;
	width: 700px;
	padding: 20px;
}