body{   background-color:#F6F6F8;margin:0 0 0 0;font:12px/1.4 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
line-height:1.3em;}

#header{ text-align:center;              
         width:100%;
         margin:0px auto;
         position:relative;
         border-bottom:solid 0px #595966;}
div.spacer {margin-top:13px;margin-bottom:10px;
	background-color: #89B1E2;
	height: 1.6em;
}
div.linespacer {margin:0;
	background-color: #F6F6F8;
	
}
div.litespacer {
	background-color: #F6F6F8;
	height:10px;
}
div.topSection div {
	border: solid 10px #BECEDC;
	height: 280px;text-align:justify;
}
div.midSection {
        text-align:justify;
}
div.midSection p {
	margin: 1.1em 0 0 0;
}
div.topSection div p {
	margin: 10px 10px 9px 10px;
}
img#poster {
	width: 360px;
	height: 280px;
}
div.commontop div {
	border: solid 10px #DEE6ED;
	height: 280px;text-align:justify;
}
div.commontop div p {
	margin: 10px 10px 9px 10px;
}

/********** FOOTER **********/
div#footer {
        background:#003366;
        height:75px;
        padding:20px 0 0 0;
        font:12px/14px 'Trebuchet MS',Arial;
        color:#FFFFFF;
        text-align:center;
        border-top:solid 1px #89B1E2;
        margin-top:15px;
}
div#footer p{
        margin:15px 0 0 0;
        text-align:center;
}
div#footer a{
        font:14px/16px 'Trebuchet MS', Arial, Helvetica, sans-serif;
        color:#FFFFFF;
        text-decoration:none;
        margin:0 3px 0 3px;}
div#footer a:hover{
        background:#003366;
        text-decoration:underline;}

/*************** TYPOGRAPHY ***************/

p#headlineText {
	font: .9em/1.4em Georgia;
}
h1 {
	font: bold 1.6em Helvetica;
	color: #1D4F81;
	margin: .4em 0 10px 0;
	text-align: center;
}
.fauxh1 {
	font: bold 1.5em Helvetica;
	color: #1D4F81;
	margin: .4em 0 10px 0;
	text-align: center;
}
h2 { 
	font: bold 1.3em Helvetica;
	color: #1D4F81;
	margin: 1.1em 0 0 10px;
	text-align: left;
}
h3 { 
	font: bold 1.3em Helvetica;
	color: #1D4F81;
	margin: .2em 0;
	text-align: center;
}
.boldhead { 
	font: bold 1.3em Helvetica;
	color: #1D4F81;
	margin: 1.1em 0 4px 0;
	text-align: left;
}
a{
        color:#003093; 
        text-decoration:underline;
}
a:hover{
        color:#CC0000;
        text-decoration:none;
}

.maplink{
        font:0.7em Verdana;
        padding:0 0 0 0;
}
a img { 
        border:0 none;
}

div.linkcontent div p {
	margin: 1.5em 0 0 0;
}
div.linkcontent div {
        padding:0 25px 50px 25px;
	border: solid 10px #DEE6ED;
	text-align:justify;
}

div.presscontent div p {
	margin: 1.5em 0 0 0;
}
div.presscontent div {
        padding:0px 50px;
        line-height:1.2em;
	border: solid 10px #DEE6ED;
	text-align:justify;
	font-size:130%;
}

div.regular div {
        padding:0 25px 25px 25px;
	border: solid 10px #DEE6ED;
	text-align:justify;
}
#gallery  {width:870px;
        padding:0 25px 25px 25px;
	border: solid 10px #DEE6ED;
	text-align:justify;
}
div.regwidth div {
        padding:0 10px 18px 10px;
	border: solid 10px #BECEDC;
	text-align:justify;
}
div.regwidth div p {
	margin: 1.32em 0 0 0;
}
#maincontact  {
        padding:0 25px 25px 25px;
	border: solid 10px #DEE6ED;
	text-align:justify;
}
img#resources {
        text-align:right;
	width: 300px;
	height: 455px;
	margin:0 0 3px 12px;
	border:solid 1px #DBE1E8;
}
img#regimages {
        text-align:right;
	margin:0 0 3px 20px;
	border:solid 1px #DBE1E8;
}
img#topsec {
        text-align:right;
	margin:10px 5px 3px 15px;
	border:solid 1px #DBE1E8;
}
.imgborder{border:solid 1px #DBE1E8;}
.resource { 
	font: bold 1.3em Helvetica;
	color: #1D4F81;
	margin: 1.5em 0 0 0px;
	text-align: left;
}
.redbold {color:#800000;font-weight:bold}
.bluebold {color:#1A4571;font-weight:bold}

.custohead{display:block;vertical-align:middle;margin:0 0 4px 0;font-size:17px;font-weight:bold;color:#294269;background-color:#F0F4F9;border-top:1px solid #CCDCEA;border-bottom:1px solid #CCDCEA;padding:3px 6px;}

.videohead{display:block;margin:0 0 3px 0;font-size:13px;font-weight:bold;letter-spacing:0.1em;color:#294269;background-color:#F0F4F9;border-top:1px solid #CCDCEA;border-bottom:1px solid #CCDCEA;padding:0 0 1px 3px}
.vidtime { font-size: 80%; font-style: normal; color: #8C0000;}

/*========================= TOP OF THE MENU CASCADE =========================*/

.lispace {padding:0 7px}
.menu {z-index:20;
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	margin:0 0 10px 0;
	padding:0;
	border:0;
	height:30px;                                  /* the menu's overall height */
        width:940px;          	        /* IF NEEDED ADD % WIDTH HERE -- we always want our menu to fill the available space */
	background: #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;         /* this (and also below) sets the menu's font size */
	border-bottom:0px solid black;        /* give us a black border underneath */
	border-top:1px solid #283F57;
}
.menu ul {
	padding:0px;
	margin:0px;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */
.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
}
.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	margin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:14px;        /* this sets the base font size for our entire menu */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
}
.menu ul li a,
.menu ul li a:visited { color:#FFFFFF;margin:0; padding:4px 15px 0 15px;     /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	height:26px;
}
.menu ul li:hover a,
.menu ul li a:hover {color:#00274F; background:#C4E8FB;               /* selected top-level menu items */
	border-top:0px solid #003366;    /* these 2 lines create the push-in illusion */
	height:26px;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
        font-size:12px;
	display:block;
	position:absolute;
	margin:0;
	top:30px;              /* place us just up underneath the top-level images */
	left:-1px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:185px;
	color:black;                        /* this sets the unselected-text color */
	background:#00468C;         /* this sets our menu's effective "border" color */
}
.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	padding:0 0 0 5px;
	height:auto;
	color:#FFFFFF;               /* this sets the unselected drop-down text color */
	background:#00468C;       /* this sets the drop-down menu background color */
	width:180px;
}
.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:#800000;
	background:white;
}

/********** BUTTON STYLES **********/
.contactbtn{  width:10.0em;
              color:#FFFFFF;
              font-family:verdana;
              text-align:center;
              font-size:105%;
              font-weight:bold;
              background-color:#930000;
              border:1px solid #000000;}
 
.contactbtnhov {color:#800000;cursor:pointer;
              background-color:#EDF4FA;
              border-top-color:#97B2E1;
              border-left-color:#97B2E1;
              border-right-color:#1E438A;
              border-bottom-color:#1E438A;}
              
.mapbutton{   width:8.0em;
              color:#1C1A1B;
              font:0.7em Verdana;
              text-align:center;
              margin:0 20px 0 0;
              font-size:90%;
              font-weight:normal;
              background-color:#EEEAE1;
              border:1px solid #126A74;}
 
.mapbtnhov {  color:#FFFFFF;
              cursor:pointer;
              background-color:#126A74;
              border:1px solid #126A74;}
              
              
/********** ENLARGE IMAGES **********/
#photogallery {position:relative; top:0px; left:0px; width:100px; background-color:#F6F6F8; z-index:10;}
#photogallery a.p1, #photogallery a.p1:visited {cursor:default;display:block; width:100px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#photogallery a img {border:0;}
#photogallery a.p1:hover {text-decoration:none; background-color:#F6F6F8; color:#000;}
#photogallery a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#photogallery a.p1:hover .large {display:block; position:absolute; top:-82px; left:253px; width:267px; height:200px; border:1px solid #000000;}
  
#photogallery2 {position:relative; top:0px; left:0px; width:100px; background-color:#F6F6F8; z-index:10;}
#photogallery2 a.p1, #photogallery2 a.p1:visited {cursor:default;display:block; width:100px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#photogallery2 a img {border:0;}
#photogallery2 a.p1:hover {text-decoration:none; background-color:#F6F6F8; color:#000;}
#photogallery2 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#photogallery2 a.p1:hover .large {display:block; position:absolute; top:-52px; left:253px; width:300px; height:200px; border:1px solid #000000;}

#photogallery3 {position:relative; top:0px; left:0px; width:100px; background-color:#F6F6F8; z-index:10;}
#photogallery3 a.p1, #photogallery3 a.p1:visited {cursor:default;display:block; width:100px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#photogallery3 a img {border:0;}
#photogallery3 a.p1:hover {text-decoration:none; background-color:#F6F6F8; color:#000;}
#photogallery3 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#photogallery3 a.p1:hover .large {display:block; position:absolute; top:-48px; left:253px; width:271px; height:196px; border:1px solid #000000;}

#photogallery4 {position:relative; top:0px; left:0px; width:100px; background-color:#F6F6F8; z-index:10;}
#photogallery4 a.p1, #photogallery4 a.p1:visited {cursor:default;display:block; width:100px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#photogallery4 a img {border:0;}
#photogallery4 a.p1:hover {text-decoration:none; background-color:#F6F6F8; color:#000;}
#photogallery4 a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#photogallery4 a.p1:hover .large {display:block; position:absolute; top:-50px; left:253px; width:298px; height:198px; border:1px solid #000000;}
