/* red color: #CD2930 */
/* light grey: #CCCCCC */
/* dark grey: #999999 */


* {
	margin: 0;
	padding: 0;
}

body {
	font: 75%/185% Verdana, Arial, Helvetica, sans-serif;
	background: #ccc url(i/bg.gif) 50% 0 repeat-y;
	text-align: center;
}


p, ul, hr {
	margin: 0 0 1.5em 0;
	padding: 0;
}

p {
	line-height: 16px;

}

ul {
	margin-left: 1.5em;
}


li ul {
	margin-bottom: 0;
	list-style-type: circle;
}




/*---headers---*/

h1, h2, h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CD2930;
	margin: .1em 0 .3em 0;
}

h1 {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
}

h2 {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}

h3 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-left: 30px;
}

/*--- links ---*/

a, a:visited{
	color: #CD2930;
	text-decoration: none;
}

a:visited {
	color: #ab0710;
}
a:hover, a:active {
	color: #CD2930;
	text-decoration: underline;
}



/*---basic layout ---*/

#page {
/*	position: absolute;
	top: 0;
	left: 0;*/
	text-align: left;
	background-color: #fff;
	width: 720px;
	border-right: 2px solid #999;
	margin: 0 auto;
	position: relative;
}


#content {
	left: 0px;
	margin: 25px 30px 0 30px;
	padding-bottom: 30px;
}

#footer {
	position: relative;
	bottom: 0px;
	background: #bbb;
	text-align: center;
	font-size: .9em;
	line-height: 200%;
	padding: 5px 0;
	clear: both;
}

img { 
	border: 0
}



#headerBanner, #subHead {
	width: 720px;
}

/* header ----------------------------------------------*/

#header {
	height: 116px;
	width: 720px;
}

#headerBanner {
	height: 116px;
	background-image: url(i/headerBanner.jpg);
}


/* sub Head ----------------------------------------------*/

#subHead {
	top: 0px;
	height: 180px;
	width: 720px;
	border-bottom: 2px solid #999;
}

#subHeadLeft {
	float: left;
	left: 0px;
	top: 116px;
	width: 500px;
}

#subHeadRight {
	float: right;
	right: 0px;
	top: 116px;
	width: 219px;
	background-color: #eee;
}

#subHead img {
	border-right: 1px solid #fff;
}



/* navigation---------------------------------*/

#navigation {
	margin: 0;
	position:absolute;
	overflow: hidden;
	top: 59px;
}


#nav1 {
	margin: 0px;
	height: 42px;
	overflow: hidden;
	list-style: none;
	width: 501px;
}


#nav1 li {
	height: 42px;
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
}

#nav1 a {
	float: left;
	padding: 42px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:42px; /* for IE5/Win only */
}


/* rollover links */

#n1 a{left:  0px; width: 50px;}
#n2 a{left: 50px; width: 69px;}
#n3 a{left: 119px; width: 65px;}
#n4 a{left: 184px; width: 60px;}
#n5 a{left: 243px; width: 46px;}
#n6 a{left: 290px; width: 64px;}

#nav1 a:hover, #nav1 a.selected {
	background-repeat: no-repeat;
}

#n1 a:hover {background: url(i/navigation.gif) 0 -43px; }
#n2 a:hover {background: url(i/navigation.gif) -50px -43px; }
#n3 a:hover {background: url(i/navigation.gif) -119px -43px; }
#n4 a:hover {background: url(i/navigation.gif) -184px -43px; }
#n5 a:hover {background: url(i/navigation.gif) -244px -43px; }
#n6 a:hover {background: url(i/navigation.gif) -290px -43px; }


#n1 a.selected {background: url(i/navigation.gif) 0 -86px; }
#n2 a.selected {background: url(i/navigation.gif) -50px -86px; }
#n3 a.selected {background: url(i/navigation.gif) -119px -86px; }
#n4 a.selected {background: url(i/navigation.gif) -184px -86px; }
#n5 a.selected {background: url(i/navigation.gif) -244px -86px; }
#n6 a.selected {background: url(i/navigation.gif) -290px -86px; }


/* windows -------------------------------------------------*/

.window, .sideWindow {
	width: 400px;
	margin: 10px 0 10px 60px;
	float: left;
	display: inline;
	background-color: #eee; /* old #cbcbdf; */
	border: solid 1px #bbb;
	padding-bottom: 10px;
	}

.window p, .sideWindow p {
	margin-left: 10px;
	margin-right: 10px;
	line-height: 140%;
	width: auto;
}

a .window:hover {
	background: #fff;
}

.window img {
	float: right;
	margin-left: 20px;
	border: solid 1px #ddd;
	}

.window h2 {
  background-color: #CD2930;
	padding: 10px;
	line-height: 120%;
	font-weight: bold;
	color: #fff;
	margin: 0 0 10px 0;
}


.sideWindow {
	background-color: #ddd; /* old #cbcbdf; */
	color: #555;
	margin: 10px 10px 20px 0;
}

.sideWindow img {
	float: left;
	margin: 0 10px 0 0;
}

.sideWindow h2 {
  background-color: #676767;
	padding: 5px;
	line-height: 100%;
	color: #fff;
	margin-bottom: 10px;
}

hr.dropout {
	border-top: 1px solid #fff;
	margin: 0 10px 1.5em 10px;
}
.projectWindow {
	margin: 1em 0 1.5em 0px;
	width: 380px;
	background-color:  #eee; /* old #cbcbdf; */
	border: solid 1px #bbb;
	padding: 7px;	
}
.alignright {
	float: right;
	display: block;
	border: 0 !important;
	margin: 10px 0 10px 0 !important;
}

/*---title---*/
#projTitle {
	position: absolute;
	top: 116px;
	width:500px;
	left: 0;
	height: 50px;
	background-color: #ddd;
	padding-left: 30px;
	border-bottom: solid 1px #999999;
	overflow: hidden;
	padding-top: 10px;
}
.spacer {
	height:60px;
}



/* side menu ------------------------------------ */

#subMenu {
	float: right;
	width: 219px;
	height: 178px;
	background:  #CD2930;
}

.subSelected {
	color: #111;
}


#projMenu{
	list-style: none;
	margin: 0;
	border: 0;
	overflow: hidden;
	border-top: solid 1px #ffffff;
}

#projMenu li {
	margin: 0;
	left: 0;
	padding: 0px;
	top: 0;
	width: 219px;
	overflow: hidden;
	float: right;

}

.aborder {
	border-bottom: solid 1px #ffffff;
}



#projMenu a, #projMenu a:visited {
	text-decoration: none;
	color: #fff;
	width: 210px;
	padding: 1px 0 0 10px;
	float: right;
	height: 20px;
	overflow: hidden;
	vertical-align: middle;
}

#projMenu li a:hover, #projMenu a.subSelected {
	text-decoration: none;
	background: #ccc;
	color: #222;
}

#subMenu {
	position: absolute;
	right: 0px;
	top: 116px;
	width: 219px;
	height: 178px;
	background:  #CD2930;
}






/* page specific -------------------------------------------*/

#dateBar {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
	background-color: #CD2930;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	height: 22px;
	vertical-align: middle;
	padding: 5px 5px 0 0;
}

.prodList {
	list-style: none;
	color: #CD2930;
}

.prodList li {
	margin: 0;
	padding-left: 12px;
	background: url(i/arrow_r.gif) 0 53% no-repeat;
	line-height: 100%;
	margin-bottom: 10px;
}

.r {
	float: right;
}

.third {
	width: 180px;
}
/* news page -------------------------------------*/

hr {
clear: both;
}
.alignleft {
	float: left;
	padding: 5px;
	border: solid 1px #ddd;
	margin: 0 20px 10px 0;
	}