/* CSS Document for IDs*/

#intro{
	position:relative;
	top:-7px;
	left:-7px;
}

#login{
	position:absolute;
	top:30px;
	left:580px;
	z-index:23;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:5px;
}

#signature2{
	position:absolute;
	top:215px;
	left:400px;
	z-index:2;
}

#navigation{
	position:absolute;
	width:100px;
	line-height:25px;
	left:100px;
	background-color:#FF99ff;
	background-image:url(../images1/nav_back.gif);
	background-position:top;
	top:150px;
	height:450px;
	z-index:21;
}

#mainContent{
	border:0px dashed black;
	position:relative;
	width:900px;
	margin:0 auto;
	text-align: left;
}

#signature{
	position:relative;
	width:100%;
	height:100px;
}

#signature1{
	position:absolute;
	width:100%;
	height:200px;
	top:10px;
	left: 160px;
	z-index:20;
}

#cartoon{
	position:absolute;
	border:0px dotted black;
	top:0px;
	left:-62px;
	width:165px;
	height:400px;
	background-image:url(../images1/NEW-Brittany-illustration.gif);
	z-index:25;
}

#bar{
	position:relative;/*
	width:89%;*/
	width:802px;/*
	background-color:#FF99ff;*/
	background-image:url(../images1/bar.gif);
	left:100px;
	height:50px;
}

#contentOuter{
	position:relative;
	left:210px;
	width:73%;
	top:10px;
	min-height:500px;
	border:3px solid #000;
	padding:5px;
	background-color:#FFeeff;
	overflow:visible;
	/*overflow:auto;*/
	background-image:url(../images1/filmstrip.gif);
	background-position:top right;
	background-repeat:no-repeat;
}

#smallCornerTL{
	position:absolute;
	top:160px;
	left:210px;
	z-index:99;
}

#smallCornerTR{
	position:absolute;
	top:160px;
	left:873px;
	z-index:99;
}

#smallCorner{
	position:absolute;
	top:150px;
	left:200px;
	z-index:99;
}

#smallCornerBL{
	position:absolute;
	top:682px;
	left:210px;
	z-index:99;
	visibility:hidden;
}

#smallCornerBR{
	position:absolute;
	top:682px;
	left:887px;
	z-index:99;
	visibility:hidden;
}