/* CSS Document */

/* GLOBAL TYPES -----------------*/
body{
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/* MAIN TYPES -----------------*/
.page{
	width:780px;
}

.topBar{
	width:inherit - 10px;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	background-color:#0072A8;
	color:#D6E9F8; /* text color */
	font-weight:bold;
	padding-right:10px;
}

.topBar a{
	height:20px;
	line-height:20px;
	vertical-align:middle;
	background-color:#0072A8;
	color:#D6E9F8; /* text color */
	font-weight:bold;
	text-decoration:none;
}

.titleBanner{
	width:inherit;
	height:200px;
	vertical-align:middle;
}

.titleBox{
	position:absolute;
	top:20px;
	left:517px;
	width: 250px;
	height: 200px;
	border-style:solid;
	border-top:none;
	border-bottom:none;
	border-width:2px;
	z-index:auto;
	border-color:#0072A8;
	background-image:url(../images/gradtitle.jpg);
	background-position:top;
	background-repeat:repeat-x;
	vertical-align:bottom;
}

.bradanBox{
	position:absolute;
	top:20px;
	left:0px;
	width:150px;
	height:120px;
}

.navBar{
	width:inherit;
	height:20px;
	background-color:#0072A8;
}

.navElement{
	margin-left:10px;
	height:inherit;
	line-height:20px;
	vertical-align:middle;
	color:#D6E9F8; /* text color */
	font-weight:bold;
	padding-left:10px;
	float:left;
	text-decoration:none;
}

.navElement a{
	margin-left:10px;
	height:inherit;
	line-height:20px;
	vertical-align:middle;
	color:#D6E9F8; /* text color */
	font-weight:bold;
	padding-left:10px;
	float:left;
	text-decoration:none;
}

.pageContent{
	width:inherit - 20px;
	margin-top:5px;
	margin-bottom:5px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	background-color:#edf5fc;
	color:#1A6399;
	
}
.pageContent p {
	text-align:justify;

}

.bottomBar{
	width:inherit;
	height:20px;
	line-height:20px;
	background-color:#0072A8;
	color:#D6E9F8; /* text color */
	vertical-align:middle;
	font-size:9px;
	letter-spacing:2px;
}

.largeBuildingBox{
	width:480px;
	height:210px;
	border-style:solid;
	border-width:thin;
	z-index:auto;
	position:absolute; left:280px; top:30px;
	background-image:url(../images/buildingBigish.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

.adminLoginBox{
	border: 1px solid black;
	background-color:#FFFFFF;
	position:absolute;
	left: -175px;
	top:20px;
	width: 250px; 
	height: 150px; 
	padding: 5px;
	color:#0072A8; /* text color */
	z-index:100;
}

/* PAGE ELEMENTS -----------------*/

.speciesImageBox{
	font-weight:500;
	width:160px;
	height:120px;
	float:none;
	margin:10px;
}

.contentBoxHeader{
	background-image:url(../images/headerRight.jpg);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#0072A8;
	color:#D6E9F8; /* text color */
	height:20px;
	line-height:20px;
	font-weight:bold;
	float:none;
	margin-top:10px;
}

.contentBox{
	background-image:url(../images/boxTopLeft.jpg);
	/*background-position:top left;*/
	background-repeat:no-repeat;	
	padding:5px;
	color:#0072A8; /* text color */
	border-width:1px;
	border-color:#0072A8;
	border-style:solid;
	z-index:auto;
}

.contentBox a{
	text-decoration:none;
	color:#0072A8; /* text color */
	font-weight:bold;
}

.contentBox a:hover{
	color:#000033; /* text color */
}

/******************** SPECIES PROFILE STUFF ***********************/

/*.factTitle{
	background-color:#0072A8;
	width:100px;
	border-style:groove;
	color:#D6E9F8; /* text color 
}

.factBox{
	background-color:#0072A8;
	width:225px;
	border-style:groove;
	color:#D6E9F8; /* text color 
}

.speciesBox{
	width:760px;
	height:200px;
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#edf5fc;
}*/

.factTable{
background-color:#D6E9F8;
color: #0072A8;
width:380px;
border:2px;
font-weight:bold;

}

.factTitle{
	background-color:#0072A8;
	width:100px;
	font-weight:bold;
	border-style:none;
	border-color:#D6E9F8;
	color:#D6E9F8; /* text color */
	
	padding-left:10px;
	padding-right:10px;
	height:20px;
	line-height:20px;
	
	float:none;
	margin-top:10px;
	text-align:center;
}

.factBox{
	background-color:#D6E9F8;
	width:760px;
	border-width:1px;
	border-color:#0072A8;
	border-style:solid;
	
	color: #0072A8; /* text color */
}

.imageBox{
	background-color: #D6E9F8;
	border: 1px solid #0072A8;
	padding:5px;
}


.newsItem{
	width:100%;
	margin-bottom:5px;
}

.newsItem a{
	color:#0072A8; /* text color */
	text-decoration:none;
}

.newsItem a:hover{
	font-weight:bold;
}

/****************** ADMIN STUFF **********************************/
.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	color:#FFFFFF;
	background-color:#86BDEA;
	width:700px;
	margin-bottom:0px;
	margin-top:2px;
	padding-left:5px;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}

.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	background-color:#edf5fc;
	width:700px;
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:5px;
	position:relative;
}