/*

  I do this in every stylesheet, it removes padding and margins for everything
  so i can be more specific later on with paragraphs and headings

*/

* {
  padding: 0;
  margin : 0;
}


/*

  Will center align #container in IE only
  However, anything inside container will also be centered.
  Also, i set a default font for the entire document here

*/

body {
  background: #ffffff url(background.jpg);
  text-align: center;
  font-family: Arial;
  font-size: 10pt;
}

/*

  margin: 0 auto;     does the job in FF.
  text-align: left;   should fix IE issue mentioned above

*/

#container {
  width: 1024px;
  border: 0px solid #000000;
  margin: 0 auto;
  text-align: left;
}

/*

  Other containers within the main one

*/

#header {
  background: #01437D url(header.jpg);
  height: 100px;
}

/*
  Float is the important bit here
*/

#menu {
  background: #01437D url(menu.jpg);
  width: 1024px;
  height: 40px;
}

#content {
  background: #01437D url(line.jpg);
  width: 1024px;  
}

#text {
  padding : 50px;  
}

#text2 {
  padding : 20px;  
}

#text3 {
  padding : 5px;  
}

#footer {
  background-color: #eeeeee;
  height: 55px;
}

#footer2 {
  height: 20px;
}


td { font-size: 12px; }


/*
  Links
  a - all links
*/

 a.menuLink {
   font-weight : bold;
   font-family: arial;
   font-size: 10pt;
   color : #ffffff;
   text-decoration: none;
   padding : 6px;
 }

 a.menuLink:hover {
   font-weight : bold;
   font-family: arial;
   font-size: 10pt;
   color : #01437D;
   background-color: #ffffff;
   padding : 6px;
 }

 a.submenu {
   font-weight : bold;
   font-family: arial;
   font-size: 9pt;
   color : #01437D;
   text-decoration: none;
   padding : 6px;
 }

 a.submenu:hover {
   font-weight : bold;
   font-family: arial;
   font-size: 9pt;
   color : #ffffff;
   background-color: #01437D;
   padding : 6px;
 }
 
 a.subsubmenu {
   font-weight : bold;
   font-family: arial;
   font-size: 12pt;
   color : #ffffff;
   text-decoration: none;
   padding : 6px;
 }

 a.subsubmenu:hover {
   font-weight : bold;
   font-family: arial;
   font-size: 12pt;
   color : #E60122;
   background-color: #ffffff;
   padding : 6px;
 }


a.text:link { COLOR: #002B51; TEXT-DECORATION: none; font-weight: bold }
a.text:visited { COLOR: #002B51; TEXT-DECORATION: none; font-weight: bold }
a.text:active { COLOR: #002B51; TEXT-DECORATION: none }
a.text:hover { COLOR: #E60122; TEXT-DECORATION: none; font-weight: bold }

a.text2:link { COLOR: #ffffff; TEXT-DECORATION: none; font-weight: bold }
a.text2:visited { COLOR: #ffffff; TEXT-DECORATION: none; font-weight: bold }
a.text2:active { COLOR: #ffffff; TEXT-DECORATION: none }
a.text2:hover { COLOR: #E60122; TEXT-DECORATION: none; font-weight: bold }


/*
  Headings
*/

h1 { 
  font-size: 14pt; color:#002B51;
  
}
h2 { 
  font-size: 10pt; color:#ffffff;

}
h3 { 
  font-size: 14pt; color:#ffffff;

}
h4 { 
  font-size: 7pt; color:#002B51;

}
h5 { 
  font-size: 14pt; color:#002B51;

}

}


  Paragraph margin
*/

p { margin-bottom : 0px; }

/*
  Highlights to text
*/


p.hilite{ 
  font-size: 10pt; color:#B99865; 
  font-weight: bold;
  font-style:italic
}

/*
  Paragraphs and Other Text
*/

p {
  line-height: 200%;
}