/* CSS Document for Scottsim */
body {
	/*background-image: url(imgs/backstripe.gif);
	background-repeat:repeat;	*/
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #003399;
	text-align: center;
}

h1 {
	font-size: 1.2em;
	color: #0099FF;
	font-weight: bold;
	padding-bottom:0px;
	padding-top:0px;
}

h2 {
	font-size: 1.1em;
	color: #003399;
	font-weight: bold;
	padding-bottom:0px;
	padding-top:0px;
}

#outline {
	border: #999999 2px solid;
	background-color: #0099FF;
	/* background-color:#FFFFFF; */
	margin: 0px auto; /* the auto part is needed to centre the box in firefox */
	padding-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;
	position:relative;
	text-align: left;
	width: 745px;
}

#skipnav {
	background-color:#FFFFFF;
	color:#FFFFFF;
	text-decoration: none;
	text-indent: -9999px;
	font-size:1px;
	height:1px;
}

#top {
	padding: 0px;
	margin: 0px;
	height: 140px;
	/*background-image: url(imgs/top.jpg);
	background-repeat:no-repeat;*/
	text-align: center;
}
#top1 {
	padding: 0px;
	margin: 0px;
	height: 140px;
	/*background-image: url(imgs/top1.jpg);
	background-repeat:no-repeat;*/
	text-align: center;
}
#top2 {
	padding: 0px;
	margin: 0px;
	height: 140px;
	/*background-image: url(imgs/top2.jpg);
	background-repeat:no-repeat;*/
	text-align: center;
}

#logo {
	padding: 0px;
	margin: 0px;
	/*position:absolute; left:5px; top:10px; 
	width:150px; height:160px; for old logo including triquetra */
	position:absolute; left:5px; top:146px; 
	width:150px; height:24px;
}

.image {
	border: #003399 1px solid;
	/*margin: 0px;*/
	margin: 0 5px 10px 10px;
	/*padding: 0 5px 10px 10px ; /* top right bottom left */
	padding: 0px ;
}

.imageleft {
	border: #FFFFFF 1px solid;
}

.boxquote {
	background-color:#FFFFFF;
	border: #003399 1px solid;
	margin: 0 5px 10px 10px;
	padding: 10px;
	width:140px;
	/* height:140px; */
}
.boxquoteleft {
	background-color:#FFFFFF;
	border: #003399 1px solid;
	margin: 0 10px 10px 0px;
	padding: 10px;
	width:140px;
	/* height:140px; */
}

.imagelinknoborder {
	border:none;
	margin: 10px 5px 10px 0px;
	padding: 0px ;
}

.imagenoborder {
	margin: 0 5px 10px 10px;
	padding: 0px ;
}

.imageborder {
	border: #2E3286 6px solid;
}

table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #003399;
	border: #999999 1px solid;
	background-color: #FFFFFF;
	margin: 20px; 
	padding-left: 15px; padding-top: 10px; padding-right: 5px; padding-bottom: 0px;
	text-align: left;
}

table li {
	list-style-image: url(imgs/bullet_table.gif);
	padding-bottom: 0px;
}

.quoteref {
	font-size: 0.8em;
	color: #003399;
	font-weight:bold;
}
/*-------------------start of top navigation styles----------------*/
#bar {
	padding: 0px;
	margin: 0px;
	height: 35px;
	border-bottom: #1D328A 1px solid;
	background-color:#FFFFFF;
}
#toprightnav {
	padding: 0px;
	margin: 0px;
	position:relative; left:204px; top:4px;
	/*position:absolute; left:345px; top:145px; */
	width:536px; height:30px;
}
#toprightnav ul {
	border: 0; margin: 0; padding: 0;
	list-style-type: none;
	text-align: left;
}
#toprightnav ul li {
	display: block;
	float: right;
	text-align: left;
	padding: 0;
	margin: 0;
}
#toprightnav ul li a {
	height: 30px;
	border-top: 0px; border-left: 0px; border-bottom: 0px; border-right: none;
	padding: 0 0 0 0px;
	margin: 0 0 0px 0;		/* changed from 0 0 10px 0 */
	text-decoration: none;
	display: block; 
	text-align: left;
	text-indent: -9999px;
	font: bold 12px/22px Arial, Helvetica, sans-serif;
}
li#topnav_home {
	position:absolute; left: 0px; width: 76px; 
}
li#topnav_home a{
	background: url(imgs/choice_home.gif) top left no-repeat;
}
li#topnav_home a:hover, #topnav_home a.selected {
	background: url(imgs/choice_home.gif) no-repeat;
	background-position: 0 -30px;
}
li#topnav_project {
	position:absolute; left: 312px; width: 224px; 
}
li#topnav_project a{
	background: url(imgs/choice_project.gif) top left no-repeat;
}
li#topnav_project a:hover, #topnav_project a.selected {
	background: url(imgs/choice_project.gif) no-repeat;
	background-position: 0 -30px;
}
li#topnav_life {
	position:absolute; left: 76px; width: 236px; 
}
li#topnav_life a {
	background: url(imgs/choice_devt.gif) top left no-repeat;
}
li#topnav_life a:hover, #topnav_life a.selected {
	background: url(imgs/choice_devt.gif) no-repeat;
	background-position: 0 -30px;
}

/*-------------------end of top navigation styles----------------*/


/*-------------------start of main navigation styles----------------*/
#navbar {
	margin: 0px 0 0 0px;
	padding: 0;
	/*background-color: #0099FF;	/*added*/
	border:0px; 				/*added*/
	position:relative; left:0px; top:0px;
	width: 145px;
}

#navbar ul {
	border: 0; margin: 0; padding: 0;
	list-style-type: none;
	text-align: left;
}

#navbar ul li {
	display: block;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
}

#navbar ul li a {
	background: #0099FF;
	width: 145px;		/*removed fixed width and see below for individual widths */
	height: 25px;
	border-top: 0px;
	border-left: 0px;
	border-bottom: 0px;
	border-right: none;
	padding: 0 0 0 10px; /*left padding 10px*/
	margin: 0 0 0px 0;		/* changed from 0 0 10px 0 */
	color: #FFFFFF;
	text-decoration: none;
	display: block; 
	text-align: left;
	font: bold 12px/22px Arial, Helvetica, sans-serif;
}

#navbar ul li a:hover {
	color: #FFFFFF;
	background: #1D328A;
	padding-left:10px;
}

#navbar a:active {
	color: #FFFFFF;
	background: #1D328A;
	padding-left:10px; 
}

#navbar li#active a {
	color: #1D328A;
	background: #FFFFFF;
	border: 0px;	
	padding-left:10px;
}
#navbar ul li a.selected {
	color: #FFFFFF;
	background: #1D328A; 
	padding-left:10px;
}
#navlist {
	float:left;
}
#navbar ul li#nav_1 a {
	position:absolute; left:0px; top:0px;
}
#navbar ul li#nav_2 a  {
	position:absolute; left:0px; top:25px;
}
#navbar ul li#nav_3 a  {
	position:absolute; left:0px; top:50px;
}
#navbar ul li#nav_4 a  {
	position:absolute; left:0px; top:75px;
}
#navbar ul li#nav_5 a {
	position:absolute; left:0px; top:100px;
}
#navbar ul li#nav_6 a {
	position:absolute; left:0px; top:125px;
}
#navbar ul li#nav_7 a {
	position:absolute; left:0px; top:150px;
}
/*----------------- end of navigation styles---------------*/

#content {
	position:relative; left:155px; top:0px;
	width: 570px; 
	/*height: 380px;  overflow:auto;  removed to make content full height */ 
	background-color:#C6E8FF;
	padding-left: 10px; padding-right: 10px; padding-top: 20px; padding-bottom: 10px;
	/*padding-left: 10px; padding-right: 0px; padding-top: 20px; padding-bottom: 10px; for IE 5.0 and 5.5 need padding right and left? to be 0px to remove pixels*/
	margin-top: 0px; margin-bottom: 0px;
}

.leftquote {
	/* position:absolute; left:10px; top:523px;  */
	width: 135px; 
	color:#FFFFFF;
}

.boxcontainer {
	/* border:#1D328A 1px solid; */
	border:#999999 1px solid;
	padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px;
}

.whiteblock {
	position:relative;
	height:120px;
	width: 360px;
	background-color:#FFFFFF;
	margin-left:70px; margin-right:70px;
	padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 10px;
	border:#1D328A 1px solid;
}

#footerlinks {
	clear: both;
	padding-top: 10px;
	font-size: 0.9em;
	text-align: center;
}

#footer {
	clear: both;
	padding-top: 10px;
	font-size: 0.8em;
	text-align: center;
}

li {
	list-style-image: url(imgs/bullet.gif);
	padding-bottom: 4px;
}

li ul li{
	list-style-image: url(imgs/bullet_navy.gif);
	padding-bottom: 0px;
}

a:link {
	color:#0099FF;
	}

a:visited{
	color:#999999;
	}
	
a:active{
	color:#999999;
	}