/*Make the latest news box longer*/
/*this sheet is correct text sizes...*/

/* Styles for the home page*/
/* If there are problems please talk to stephen */


/*----------Link Styles-----------*/
a:link{
	color:#750209;
	text-decoration: underline;
}

a:visited{
	color:#750209;
	text-decoration: underline;
}

a:hover{
	color:#750209;
	text-decoration: none;
}
/*-----------------------------------*/

/*---------Get rid of the margin-----*/
body {
	margin: 0px;
	padding: 0px;
	behavior:url("styles/csshover.htc");
}
/*------------------------------------*/



/*------------these styles draw the design elements-----*/
div#gray_box {
	background-color: #EBEBEB;
	position: absolute;
	top: 91px;
	left: 0px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #ffffff;
	height: 400px;
	width: 100%;
	z-index:0;
	/* IE Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 904 ? "904px" : "100%" );
	min-width:900px;
}

div#white_box {
	position: absolute;
	background-color: #FFFFFF;
	top: 126px;
	left: 200px;
	width: 100%;
	height: 100px;
	z-index: 1;
}



div#top_banner {
	background-color: #ffffff;
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	height: 90px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	/* IE Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 904 ? "904px" : "100%" );
	min-width:900px;
}

div#logo {
	position: absolute;
	/*width: 893px;*/
	width: 265px;
	top: 11px;
	right: 15px;
	left: 11px;
	height: 76px;
	background-image:  url("../imgs/header_web1.jpg");	
	cursor:hand;
	
}

div#logo2 {
	position: absolute;
	width: 360px;
	top: 11px;
	right: 15px;
	left: 276px;
	height: 76px;
	background-image:  url("../imgs/header_web2.jpg");	
	cursor:none;

}
div#logo3 {
	position: absolute;
	width: 265px;
	top: 11px;
	right: 15px;
	left: 636px;
	height: 76px;
	background-image:  url("../imgs/header_web3.jpg");	
	cursor:hand;
}

div#BlackL {
	background-color: #470103;
	position: absolute;
	left: 157px;
	top: 115px;
	width: 674px;
	height: 383px;
	z-index: 4;
}

div#main_box {
	background-image:  url("../imgs/mainBg.gif");
	background-repeat: no-repeat;
	background-position: 1px 7px;
	
	background-color: #ffffff;
	position: absolute;
	left: 167px;
	top: 126px;

	z-index: 5;
	border-top: 1px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	
/* IE  Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 738 ? "738px" : "" );
	min-width:733px;
	
}

div#main_box_sec {
	background-image:  url("../imgs/secondaryBg.gif");
	background-position: 0px -4px;
	background-repeat: no-repeat;
	background-color: #ffffff;
	position: absolute;
	left: 167px;
	top: 126px;

	z-index: 5;
	border-top: 1px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	padding:2px;
	
/* IE  Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 738 ? "738px" : "" );
	min-width:733px;
	
}

.prop{
/* this is to keep the main box to a minimum height with ie 6 */
	height: 665px;
	float: right;
	width: 1px;
}


div#left_light_blue {
	position: absolute;
	left: 0px;
	top: 340px;
	right: 0px;
	height: 157px;
	width: 166px;
	border-top: 0px none #000000;
	border-right: 0px none #000000;
	border-bottom: 1px solid #000000;
	border-left: 0px none #000000;
	background-color: #AEBECE;
	z-index: 0;
}
div#CollageArea { 
	position: absolute;
	height: 488px;
	width: 200px;
	top: 198px;
	left: 172px;
	/*background-color: #E5EAEE;*/
	z-index: 5;
	/*border: 1px solid #000000;*/
}

div#FlashArea { 
	position: absolute;
	height: 240px;
	width: 374px;
	top: 170px;
	left: 0px;
	z-index: 5;
	/* background-image:  url("../imgs/collage.jpg"); */
	background-image:  url("../imgs/movie1Frame1_00.jpg");
	border: 1px solid #000000;
}

div#FlashArea_small { 
	position: absolute;
	height: 197px;
	width: 243px;
	top: 170px;
	left: 0px;
	z-index: 5;
	/* background-image:  url("../imgs/collage.jpg"); */
	background-image:  url("../imgs/movie1Frame1_00.jpg");
	border: 1px solid #000000;
}

div#colorful_box {
	background-image:  url("../imgs/background.gif");
	position: absolute;
	top: 505px;
	height: 65px;
	left: 0px;
	width: 167px;
}

div#login_but {
	position: absolute;
	top: 103px;
	height: 11px;
	left: 833px;
	width: 23px;
	background-image:  url("../imgs/bullet_blue.gif");
	background-position: 3px 5px;
	background-repeat: no-repeat;
	background-color: #919FBC;
	border: 1px solid #000000;
	padding: 3px 20px 3px 19px;
	margin: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	z-index: 50;
	color: black;
	cursor: pointer;
	cursor: hand;
	text-decoration:none;
}


div#login_but a{
	text-decoration:none;
	color: black;
	
	}

div#login_but a:hover{
	text-decoration:none;
	color: white;
	
	}

	
div#login_but:hover{
	background-color: #616B80;
	color: white;
	}
/*-------------------------------------------------------------*/


/*---------------------nav bar styles----------------------- */

div#nav_bar {
	position: absolute;
	top: 127px;  /*ajk 5/16/2005: changed from 2px 6/14 changed from 169px*/
	left: 164px; /*ajk 5/16/2005: changed from 2px, 6/14 changed from 169px*/
	width: 700px;
	height: 35px;
	z-index: 10;
	margin: 0px;
	padding: 0px
}

div#nav_bar ul {
	list-style-type: none;
	display:inline;
	margin: 2px;
	padding: 2px;
	cursor:pointer;
	cursor:hand;
}
div#nav_bar li {
	list-style-type: none;
	display: inline;
	line-height:15px;
	background-image:  url("../imgs/bullet.gif");
	background-position: 3px 5px;
	background-color: #E5EAEE;
	border: 1px solid #B6BAC3;
	padding: 3px 62px 3px 19px;
	margin: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	
	background-repeat: no-repeat;
	cursor:pointer;
	cursor:hand;
	
}

div#nav_bar li:hover {
	background-color: #B6BAC3;
	background-image:url("../imgs/bullet_blue.gif");
}

div#nav_bar a{
	text-decoration:none;
	color:#03182B;
	}

div#nav_bar a:hover{
	/*color:#ffffff;*/
	}
/*----------------------------------------------------*/



/*-----------Content Styles-----------------------*/
div#home_area {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	top: -2px;
	left: 9px;
	width: 454px;
	z-index: 7;
	margin-bottom: 60px;
	font-size: 12px;
	padding: 0px;
	color: #465775;
	
}

div#content_area {
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	top: 25px;
	right: 15px;
	left: 217px;
	width: 446px;
	z-index: 7;
	margin-bottom: 60px;
	font-size: 12px;
	padding: 0px;
	color: #465775;
	
}

div#content_area h1{
	font-size: 12pt;
	background-color: #E5EAEE;
	margin: 0px;
	padding: 4px 9px 4px 38px;
	font-weight: normal;
	font-variant: small-caps;
	background-image:  url("../imgs/icon.gif");
	background-repeat: no-repeat;
	background-position: 16px 7px;
}

div#content_area h2{
	font-size: 12pt;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 10px;
	padding: 2px;
	font-weight: bold;
	font-variant: normal;
}



div#content_area p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	margin-left: 20px;
}

div#content_area em{
	font-style:italic;
}


div#content_area_home {
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	top: 30px;
	right: 15px;
	left: 210px;
	width: 446px;
	z-index: 7;
	margin-bottom: 60px;
	font-size: 12px;
	padding: 0px;
	color: #465775;
	
}

div#content_area_home h1{
	font-size: 12pt;
	background-color: #E5EAEE;
	margin: 0px;
	padding: 4px 9px 4px 38px;
	font-weight: normal;
	font-variant: small-caps;
	background-image:  url("../imgs/icon.gif");
	background-repeat: no-repeat;
	background-position: 16px 7px;
}

div#content_area_home h2{
	font-size: 12pt;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 10px;
	padding: 2px;
	font-weight: bold;
	font-variant: normal;
}

div#content_area_home p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	margin-left: 20px;
}

div#content_area_home em{
	font-style:italic;
}


/*----------------------------------------------------*/

/*-----------Secondary Content Styles-----------------------*/
div#content_area_secondary {
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	top: 41px;
	right: 15px;
	left: 216px;
	width: 450px;
	z-index: 7;
	margin-bottom: 60px;
	font-size: 10px;
	padding: 0px;
	color: #465775;
}

div#content_area_secondary h1{
	font-size: 12pt;
	background-color: #EBEDF1;
	margin: 0px;
	padding: 4px 9px 4px 38px;
	font-weight: normal;
	font-variant: small-caps;
	background-image:  url("../imgs/icon.gif");
	background-repeat: no-repeat;
	background-position: 16px 7px;
}

div#content_area_secondary h2{
	font-size: 12pt;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 10px;
	padding: 2px;
	font-weight: bold;
	font-variant: normal;
}

div#content_area_secondary p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	margin-left: 20px;
}

div#content_area_secondary em{
	font-style:italic;
}

div#content_area_secondary td{
	font-size: 10pt;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 10px;
	padding: 2px;
	font-weight: normal;
	font-variant: normal;
	color: #465775;
}

div#error {
	color: #FF0000;
	font-size: 10pt;

}

/*----------------------------------------------------*/



/*----------------------footer styles-----------------*/
div#legal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #456E82;
	width: 445px;
   	z-index:30;
	position:absolute;
	bottom:-35px;
	left:280px;
}

div#legal a:link{
	color:#456E82;
	text-decoration: none;
}

div#legal a:visited{
	color:#456E82;
	text-decoration: none;
}

div#legal a:hover{
	color:#456E82;
	text-decoration: underline;
}

div#legal ul{
	
}

div#legal li{
	display: inline;
	padding-right: 10px;
}
/*----------------------------------------------------*/

/*-------------------news box styles------------------*/
div#news{
	position:absolute;
	left: 172px;
	top: 414px;
	width: 202px;
	height: 400px;
	z-index:9;
}

div#news_scroller{
	height: 200px;
	position: absolute;
	z-index: 18;
	width: 194px;
	top: 481px;
	right: 58px;
	left: 174px;
	overflow: auto;
	scrollbar-arrow-color: #758EAA;
	scrollbar-base-color: #758EAA;
	scrollbar-dark-shadow-color: #758EAA;
	scrollbar-3dlight-color:#394C6C;
	scrollbar-face-color: #AFBECE;
	scrollbar-highlight-color: #758EAA;
	scrollbar-shadow-color: #394C6C;
	scrollbar-darkshadow-color: #758EAA;
	padding: 3px;
	
}
div#newstop {
	width: 202px;
	height: 61px;
	z-index: 10;
	background-image:  url("../imgs/news_01.gif");
	background-repeat: no-repeat;

}
div#newstop div{
		margin:-1px;	
		border:0;
}

div#latest {
	width: 202px;
	height: 250px;
	z-index: 10;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	background-image:  url("../imgs/background_02.gif");
	background-repeat: no-repeat;

	
}

div#latest div{ /*fix for bad ie 5.5 box model*/
	padding: 6px;
	margin: 0px;

}

div#news_heading {
	width: 202px;
	height: 12px;
	z-index: 11;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
}

div#news_heading div{
	padding:45px 7px 7px;
	margin:0px;
}

div#news_bottom {
	width:202px;
	height: 64px;
	z-index: 11;
	background-image:  url("../imgs/news_04.gif");
	background-repeat: no-repeat;
}

div#news_bottom div{
	padding: 7px;
	margin: 0px;
}


div#news_scroller p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
	
div#news_scroller h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

div#news_scroller h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
}

div#news_scroller a:link{
	color: #003366;
	text-decoration: none;
}

div#news_scroller a:visited{
	color: #003366;
	text-decoration: none;
}

div#news_scroller a:hover{
	color:#003366;
	text-decoration: underline;
}


	
	
/*----------------------------------------------------*/


div#menu1 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
div#menu1 ul:hover {
	background-color: /*#FFFF00*/ #ffffff; 
	cursor:pointer;
	cursor:hand;
}
div#menu1 li {
	width:200px;
	height:16px;
	line-height:16px;
	background-color: #E5EAEE; 
	padding: 1px 20px 2px 19px;
	margin: 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	
	background-repeat: no-repeat;
	border-bottom-style:solid;
	border-left-style:solid;
	border-right-style:solid;
	border-top-style:none;
	border-color:#B6BAC3;
	border-top-color:#B6BAC3;
	border-top-width:0px;
	border-right-width:1px;
	border-left-width:1px;
	border-bottom-width:1px;
	color:#465775;
	cursor:pointer;
	cursor:hand;
	
	
}
div#menu1 li.submenu:hover { 
	background-position: 3px 5px;
 	background: #B6BAC3; 
 	background-repeat: no-repeat; 
	behavior: url(IEmen.htc);
}

div#menu1 li:hover { 
	background-position: 3px 5px;
 	background: #B6BAC3; 
 	background-repeat: no-repeat; 
	behavior: url(IEmen.htc);
}

div#menu1 a {
	text-decoration:none;
	color:#465775;
}
div#menu1 a:hover { 
 	/* background: #B6BAC3; */
 	background-repeat: no-repeat; 
}
div#menu2 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	cursor:pointer;
	cursor:hand;
}
div#menu2 li {
	width:200px;
	height:16px;
	line-height:16px;
	background-color: #E5EAEE; 
	padding: 1px 20px 1px 19px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	
	background-repeat: no-repeat;
	border-bottom-style:solid;
	border-left-style:solid;
	border-right-style:solid;
	border-top-style:none;
	border-color:#B6BAC3;
	border-top-color:#B6BAC3;
	border-top-width:0px;
	border-right-width:1px;
	border-left-width:1px;
	border-bottom-width:1px;
	color:#465775;
	cursor:pointer;
	cursor:hand;
	
}

div#menu2 li.submenu:hover { 
	background-position: 3px 5px;
 	background: #B6BAC3; 
 	background-repeat: no-repeat; 
	behavior: url(IEmen.htc);
}

div#menu2 a {
	text-decoration:none; 
	color:#465775;
}
div#menu2 a:hover { 
 	/* background: #B6BAC3; */
 	background-repeat: no-repeat; 
}

div#menu3 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	cursor:pointer;
	cursor:hand;
}
div#menu3 li {
	width:210px;
	height:16px;
	line-height:16px;
	background-color: #E5EAEE; 
	padding: 1px 20px 1px 19px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	
	background-repeat: no-repeat;
	border-bottom-style:solid;
	border-left-style:solid;
	border-right-style:solid;
	border-top-style:none;
	border-color:#B6BAC3;
	border-top-color:#B6BAC3;
	border-top-width:0px;
	border-right-width:1px;
	border-left-width:1px;
	border-bottom-width:1px;
	color:#465775;
	cursor:pointer;
	cursor:hand;
}
div#menu3 li.submenu:hover { 
	background-position: 3px 5px;
 	background: #B6BAC3; 
 	background-repeat: no-repeat; 
	behavior: url(IEmen.htc);
}

div#menu3 a {
	text-decoration:none; 
	color:#465775;
}
div#menu3 a:hover { 
 	/* background: #B6BAC3; */
 	background-repeat: no-repeat; 
}


div#menu4 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	cursor:pointer;
	cursor:hand;
}
div#menu4 li {
	width:200px;
	height:16px;
	line-height:16px;
	background-color: #E5EAEE; 
	padding: 1px 20px 1px 19px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	
	background-repeat: no-repeat;
	border-bottom-style:solid;
	border-left-style:solid;
	border-right-style:solid;
	border-top-style:none;
	border-color:#B6BAC3;
	border-top-color:#B6BAC3;
	border-top-width:0px;
	border-right-width:1px;
	border-left-width:1px;
	border-bottom-width:1px;
	color:#465775;
	cursor:pointer;
	cursor:hand;
}
div#menu4 li.submenu:hover { 
	background-position: 3px 5px;
 	background: #B6BAC3; 
 	background-repeat: no-repeat; 
	behavior: url(IEmen.htc);
}

div#menu4 a {
	text-decoration:none; 
	color:#465775;
}
div#menu4 a:hover { 
 	/* background: #B6BAC3; */
 	background-repeat: no-repeat; 
}
div#sec_top{
	position: relative;
	background-color: #AEBECE;
	left: -3px;
	top: 3px;
	width:200px;
	height:27px;
	background-repeat: no-repeat;
	z-index:10;
}

div#sec_mid_bottom{
	position: relative;
	background-color: #758FAA;
	left: -3px;
	top: 6px;
	width:200px;
	height:400px;
	background-repeat: no-repeat;
	z-index:10;

}	
div#sec_bottom{
	position: relative;
	background-color: #EBEDF1;
	left: -3px;
	top: 6px;
	width:200px;
	height:260px;
	background-image:  url("../imgs/news_04.gif");
	background-repeat: no-repeat;
	z-index:10;
	}
div#col_top{
	position: relative;
	background-color: #AEBECE;
	left: 0px;
	top: 0px;
	width:200px;
	height:27px;
	background-repeat: no-repeat;
	z-index:10;
}

div#col_mid_bottom{
	position: relative;
	background-color: #758FAA;
	left: 0px;
	top: 3px;
	width:200px;
	height:488px;
	background-repeat: no-repeat;
	z-index:10;

}	
div#col_bottom{
	position: relative;
	background-color: #E5EAEE;
	left: 0px;
	top: 6px;
	width:200px;
	height:34px;
	background-image:  url("../imgs/news_04.gif");
	background-repeat: no-repeat;
	z-index:10;
	}




/*----------------------------------------------------*/


