#outer {
	width:800px;
	border: 2px solid #243e57;
	margin-left: auto;
	margin-right:auto;
	font-family: arial;
}

#outer a{
  color: #243e57;
  text-decoration: none;
  }

#mainTable {text-align:center;}

* {
    margin:0;
    padding:0;
}

body {font-size:90%;}

img {border-color:#000000;}

#header {
	background:#243e57 url(images/header.jpg) repeat-x left top;
	height:220px;
	width:800px;
}
#header h1 {
    margin-left: -990px;
    display: hidden; 
}
/* Top Navigation */

ul#nav {
	list-style: none;
	height: 30px;
	width: 540px;
	text-align: left;
	padding: 0px;
	margin: 161px 0 0 240px ;
	display: block;
	position: relative;
  }
#nav a {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	height: 32px;
	}
li#nm1 {
	position: absolute;
	background: url(images/buttons2.gif) no-repeat 0px 0;
	height: 30px;
	width: 72px;
	top: 0px;
	left: 120px;
	}

li#nm2 {
	position: absolute;
	background: url(images/buttons2.gif) no-repeat -72px 0;
	height: 32px;
	width: 108px;
	top: 0px;
	left: 345px;
	}

li#nm3 {
	position: absolute;
	background: url(images/buttons2.gif) no-repeat -180px 0;
	height: 32px;
	width: 120px;
	top: 0px;
	left: 180px;
	}

li#nm4 {
	position: absolute;
	background: url(images/buttons2.gif) no-repeat -300px 0;
	height: 32px;
	width: 148px;
	top: 0px;
	left: 194px;
	}
	
li#nm5 {
	position: absolute;
	background: url(images/buttons2.gif) no-repeat -448px 0;
	height: 32px;
	width: 92px;
	top: -1px;
	left: 448px;
	}	
	
li#nm1 a:hover{ background: url(images/buttons2.gif) no-repeat -0px -29px; height:28px;}
li#nm2 a:hover{ background: url(images/buttons2.gif) no-repeat -72px -29px; height:32px;}
li#nm3 a:hover{ background: url(images/buttons2.gif) no-repeat -180px -29px; height:32px;}
li#nm4 a:hover{ background: url(images/buttons2.gif) no-repeat -300px -29px; height:32px;}
li#nm5 a:hover{ background: url(images/buttons2.gif) no-repeat -448px -29px; height:32px;}

/* End Top Navigation */

#content {
width: 800px;
}

#left {
margin:15px 0 0px 10px; 
float: left;
width: 270px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

/* Menu Navigation */

ul#menu {
	background-image: url(images/mainnav.jpg);
	background-repeat:no-repeat;
	list-style: none;
	height: 170px;
	width: 188px;
	text-align: left;
	padding: 10px 0 0 0;
	margin: 0 0 -17px 0 ;
	display: block;
	position: relative;
  }
ul#menu a {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	height: 32px;
	}
li#menu1 {
	position: absolute;
	background: url(images/mainnav.jpg) no-repeat left top;
	height: 30px;
	width: 200px;
	top: 0px;
	left: 0px;
	}

li#menu2 {
	position: absolute;
	background: url(images/mainnav.jpg) no-repeat 0px -30px;
	height: 30px;
	width: 200px;
	top: 30px;
	left: 0px;
	}

li#menu3 {
	position: absolute;
	background: url(images/mainnav.jpg) no-repeat 0 -60px;
	height: 30px;
	width: 200px;
	top: 60px;
	left: 0px;
	}

li#menu4 {
	position: absolute;
	background: url(images/mainnav.jpg) no-repeat 0 -90px;
	height: 30px;
	width: 200px;
	top: 90px;
	left: 0px;
	}

li#menu5 {
	position: absolute;
	background: url(images/mainnav.jpg) no-repeat 0 -120px;
	height: 30px;
	width: 200px;
	top: 120px;
	left: 0px;
	}
	
li#menu6 {
	position: absolute;
	background: url(images/mainnav.jpg) no-repeat 0 -150px;
	height: 30px;
	width: 200px;
	top: 150px;
	left: 0px;
	}		
li#menu7 {
	position: absolute;
	background: url(images/mainnav.jpg) no-repeat 0 -180px;
	height: 30px;
	width: 250px;
	top: 180px;
	left: 0px;
	}	
li#menu1 a:hover{ background: url(images/mainnav.jpg) no-repeat -288px 0px; height:30px;}
li#menu2 a:hover{ background: url(images/mainnav.jpg) no-repeat -288px -30px; height:30px;}
li#menu3 a:hover{ background: url(images/mainnav.jpg) no-repeat -288px -60px; height:30px;}
li#menu4 a:hover{ background: url(images/mainnav.jpg) no-repeat -288px -90px; height:30px;}
li#menu5 a:hover{ background: url(images/mainnav.jpg) no-repeat -288px -120px; height:30px;}
li#menu6 a:hover{ background: url(images/mainnav.jpg) no-repeat -288px -150px; height:30px;}
li#menu7 a:hover{ background: url(images/mainnav.jpg) no-repeat -288px -180px; height:30px;}

/* End Menu Navigation */

/* Box under menu - can be added to later to also emphasize other media, or specific commercials */
ul#box {
	background-image: url(images/commercials2.jpg);
	background-repeat:no-repeat;
	list-style: none;
	height: 42px;
	width: 270px;
	text-align: left;
	padding: 0px;
	margin: 64px 0 0 0px ;
	display: block;
	position: relative;
  }
  
ul#box a {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	height: 32px;
	}

/* End box */

/* My story box */
ul#mystory {
	background-image: url(images/mystory2.jpg);
	background-repeat:no-repeat;
	list-style: none;
	height: 263px;
	width: 270px;
	text-align: left;
	padding: 0px;
	margin: 10px 0 10px 0;
	display: block;
	position: relative;
  }
  
ul#mystory a {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	height: 32px;
	}


/* End my story box */

/* END LEFT COLUMN */



/* RIGHT COLUMN */	
#right {
margin: 10px 0 0 0; 
float: right;
width: 500px;
}

/* Resource Navigation */

ul#res {
	background-image: url(images/resources.jpg);
	background-repeat:no-repeat;
	list-style: none;
	height: 240px;
	width: 480px;
	text-align: left;
	padding: 0px;
	margin: 0 0 0 0 ;
	display: block;
	position: relative;
  }
  
ul#res a {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	height: 32px;
	}
li#res1 {
	position: absolute;
	height: 100px;
	width: 96px;
	top: 100px;
	left: 0px;
	}

li#res2 {
	position: absolute;
	height: 100px;
	width: 96px;
	top: 100px;
	left: 192px;
	}

li#res3 {
	position: absolute;
	height: 100px;
	width: 96px;
	top: 100px;
	left: 384px;
	}

li#res4 {
	position: absolute;
	height: 100px;
	width: 96px;
	top: 180px;
	left: 96px;
	}

li#res5 {
	position: absolute;
	height: 100px;
	width: 96px;
	top: 180px;
	left: 288px;
	}
	
/* End Resource Navigation */

/* Regions Navigation */

ul#reg {
	background-image: url(images/region.jpg);
	background-repeat:no-repeat;
	list-style: none;
	height: 240px;
	width: 480px;
	text-align: left;
	padding: 0px;
	margin: 34px 0 0 0 ;
	display: block;
	position: relative;
  }
ul#reg a {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	height: 32px;
	}
li#reg1 {
	position: absolute;
	height: 30px;
	width: 200px;
	top: 40px;
	left: 0px;
	}

li#reg2 {
	position: absolute;
	height: 30px;
	width: 200px;
	top: 70px;
	left: 0px;
	}

li#reg3 {
	position: absolute;
	height: 30px;
	width: 200px;
	top: 100px;
	left: 0px;
	}

li#reg4 {
	position: absolute;
	height: 130px;
	width: 200px;
	top: 130px;
	left: 0px;
	}

li#reg5 {
	position: absolute;
	height: 30px;
	width: 200px;
	top: 200px;
	left: 0px;
	}
	
/* End Regions Navigation */

#footer {
clear: both;
text-align: center;
color:white;
font-family: arial;
font-size:11px;
background: #243e57;
}

#footer a{
color:white;
}

/* INTERNAL PAGES */

.maintitle {
font: normal bold 1.5em/150% Arial, Verdana, sans-serif;
text-transform: uppercase;
color: #243e57;
padding-bottom: 10px;
}

.mainparagraph {
padding: 0px 10px 10px 10px;
border: 1px solid #cdcdcd;
width: 460px;
}

.h2title {
font: normal bold 1em/100% Arial, Verdana, sans-serif;
text-transform: uppercase;
color: #ff9933;
padding: 20px 10px 10px 0px;
}