/*
	td, div {border: 1px solid green}
*/
html
{
	margin: 0px;
	padding: 0px;
	background-image: url(/images/BuildRI_bkgrnd.gif);
}

body
{
	margin: 0px;
	padding: 0px;
	background-image: url(/images/back_body.gif);
	background-repeat: repeat-y;
	background-position: center;
	height: 100%;
}

div#container
{
	position: relative;
	width: 698px;
	margin-right: auto;
	margin-left: auto;
	background-color: white;
	background-image: url(/images/back_build.gif);
	background-repeat: no-repeat;
	background-position: 0px 210px;
}

div#header
{
	width: 698px;
	height: 185px;
	background-color: white;
	background-image: url(/images/head_back.gif);
	background-repeat: no-repeat;
}

div#globalnav
{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 114px;
	right: 168px;
}

img#logo
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 200;
}

img#animation
{
	position: absolute;
	top: 0px;
	right: 0px;
}

hr
{
	color:				black;
	height:				1px;
}
 
/*********************************************************************************************************/
/*	main Content
/*********************************************************************************************************/
table#content
{
	margin: 40px 50px 50px 50px;
}

td#maincontent
{
	width: 400px;
	margin: 0px;
	padding: 0px 25px 0px 0px;
}

td#side
{
	width: 180px;
}

div#sidebar
{
	width: 180px;
	overflow: visible;
}


/*********************************************************************************************************/
/*	DHTML menu styles
/*********************************************************************************************************/
.menublock
{
	position: absolute;
	z-index: 200;
	visibility: hidden;
	width: 210px;
	background-color: rgb(170,170,170);
	border-bottom: 1px solid #A05D6B;
	border-left: 1px solid #A05D6B;
	border-right: 1px solid #A05D6B;
}

.menublock-about
{
	position: absolute;
	z-index: 200;
	visibility: hidden;
	width: 210px;
	background-color: rgb(80, 123, 162);
	border-bottom: 1px solid #A05D6B;
	border-left: 1px solid #A05D6B;
	border-right: 1px solid #A05D6B;
}

.menublock-resources
{
	position:			absolute;
	z-index:			200;
	visibility:			hidden;
	width:				210px;
	background-color: rgb(80, 123, 162);
	border-bottom: 1px solid #A05D6B;
	border-left: 1px solid #A05D6B;
	border-right: 1px solid #A05D6B;
}

.submenublock
{
	position: absolute;
	z-index: 200;
	visibility: hidden;
	width: 140px;
	background-color: rgb(80, 123, 162);
}

a.menuitem
{
	display: block;
	width: auto;
	height: 25px;
	padding: 0px 18px;
	line-height: 25px;
	white-space: nowrap;
	background-color: rgb(80, 123, 162);
	font-family: verdana, arial;
	font-size: 10px;
	text-decoration: none;
	color: white;
}

a.menuitem:hover
{
	background-color: rgb(80, 123, 162);
	color: white;
	background-image: url(/images/nav/active-arrow2.gif);
	background-repeat: no-repeat;
	background-position: 5px;
}

a.submenuitem
{
	display:			block;
	width:				auto;
	height:				21px;
	border-bottom:		1px solid rgb(153,134,117);
	padding:			0px 8px;
	line-height:		17px;
	white-space:		nowrap;
	background-color: rgb(60, 100, 147);
	font-family:		verdana, arial;
	font-size:			10px;
	text-decoration:	none;
}

a.submenuitem:hover
{
	background-color:	blue;
	color:				yellow;
}

/*********************************************************************************************************/
/*	Main nav item styles (for text-only menu headers - delete these if graphics are used for main nav)
/*********************************************************************************************************/
a.topnav
{
	display:			block;
	width:				140px;
	height:				21px;
	background-color:	rgb(226,226,226);
	padding:			0px 8px;
	line-height:		21px;
	white-space:		nowrap;
	
	font-family:		verdana, arial;
	font-size:			10px;
	text-decoration:	none;
	color:				black;
}

a.topnav-active
{
	display:			block;
	width:				140px;
	height:				21px;
	background-color:	rgb(204,204,204);
	padding:			0px 8px;
	line-height:		21px;
	white-space:		nowrap;

	font-family:		verdana, arial;
	font-size:			10px;
	text-decoration:	none;
	color:				black;
}

/*********************************************************************************************************/
/*	Sidenav styles - delete these if side nav is not used
/*********************************************************************************************************/
.sidenav
{
	padding: 0px 0px 27px 0px;
	font-family: verdana,arial,sans serif;
	font-size: 10px;
}

a.sidenavlink-top
{
	display: block;
	padding: 5px 0em 5px 11px;
	text-decoration: none;
	color: #B20028;
}

a.sidenavlink-top:hover
{
	color:				#B20028;
	background-image: url(/images/nav/active-arrow.gif);
	background-repeat: no-repeat;
}


a.sidenavlink-top-active
{
	display:			block;
	padding: 5px 0em 5px 11px;
	text-decoration:	none;
	color:				#B20028;
	background-image: url(/images/nav/active-arrow.gif);
	background-repeat: no-repeat;
}

a.sidenavlink-top-active:hover
{
	color:				#B20028;
}


a.sidenavlink
{
	font-weight:		normal;
	display:			block;
	padding: 5px 0em 5px 11px;
	text-decoration:	none;
	color:				#B20028;
}

a.sidenavlink:hover
{
	color:				#B20028;
	background-image: url(/images/nav/active-arrow.gif);
	background-repeat: no-repeat;
}

a.sidenavlink-active
{
	font-weight: normal;
	display: block;
	padding: 5px 0em 5px 11px;
	text-decoration: none;
	color: #B20028;
	background-image: url(/images/nav/active-arrow.gif);
	background-repeat: no-repeat;
}

a.sidenavlink-active:hover
{
	color:				#B20028;
}

a.sidesubnavlink
{
	font-weight:		normal;
	display:			block;
	margin-left:		1em;
	padding:			0em 0em 0.5em;
	text-decoration:	none;
	color:				gray;
}

a.sidesubnavlink-active
{
	font-weight:		normal;
	display:			block;
	margin-left:		1em;
	padding:			0em 0em 0.5em;
	text-decoration:	none;
	color:				blue;
}

/*********************************************************************************************************/
/*	Footer styles
/*********************************************************************************************************/
.footer
{
	clear:				both;
	margin:				20px 20px 7px 20px;
	line-height:		2.0em;
	font-family:		verdana,arial,sans serif;
	font-size:			0.65em;
	color:				#646464;
	font-weight:		normal;
}

.footer-tabletext
{
	padding:			10px 10px 0px 20px;
	font-family:		verdana,arial,sans serif;
	font-size:			0.65em;
	color:				#646464;
	font-weight:		normal;
}

a.footerlink
{
	padding: 0px 0px;
	white-space: nowrap;
	text-decoration: none;
	color: #646464;
	font-weight: normal;
}

a.footerlink:hover
{
	color:				#B20028;
}

a.footerlink-active
{
	padding: 0px 0px;
	white-space: nowrap;
	text-decoration: none;
	font-weight: normal;
	color: #B20028;
}

/*	used for the dividing line | between nav items	*/
.divider
{
	padding:			0em 0.8em;
}

/*********************************************************************************************************/
/*	Standard body styles
/*********************************************************************************************************/

h1
{
	margin: 0px 20px 5px 0px;
	font-family: Georgia, Times New Roman, Serif;
	font-size: 21px;
	color: #092D69;
	font-weight: normal;
}

h2
{
	margin:				0px 20px 5px 0px;
	padding:			0.5em 0em;

	font-family:		verdana,arial;
	font-size:			0.85em;
	color:				#092D69;
}

/*	h4 - h6 used for navigation, h3 not currently used	*/
h3,h4,h5,h6
{
	margin:				0px;
	font-size:			1.0em;
}

.bodytext
{
	margin:				0px;
	line-height:		22px;
	font-family:		verdana,arial;
	font-size:			11px;
	color:				black;
}

.hometext
{
	padding:			37px 60px 20px 0px;
	line-height:		22px;
	font-family:		verdana,arial;
	font-size:			11px;
	color:				black;
}

.tabletext
{
	margin:				0px 0px 0px 0px;
	line-height:		22px;
	font-family:		verdana,arial;
	font-size:			11px;
	color:				black;
}

#announcethumb
{
	float: left;
	border: 1px solid #092D69;
	margin: 0 6px 6px 0;
}

.announcementstext h2
{
	width: 180px;
	padding: 0 0 2px 0;
	margin: 0 0 10px 0;
	color: #6C0021;
	border-bottom: 1px solid #A3A3A3;
	font-size: 13px;
}

.announcementstext
{
	margin: 0px 0px 25px 0px;
	line-height: 1.5em;
	font-family: verdana,arial;
	font-size: 0.65em;
	color: #092D69;
}

.caption
{
	margin-top:			10px;
	line-height:		15px;
	font-family:		verdana,arial;
	font-size:			10px;
	color:				#092D69;
}

.contact
{
	margin-left:		20px;	
	line-height:		15px;
	font-family:		verdana,arial;
	font-size:			11px;
	color:				#092D69;
}

a:hover
{
	color:				#123479;
}

.leftimage
{
	float: left;
	margin: 0 10px 10px 0;
}

/*********************************************************************************************************/
/*	Form styles
/*********************************************************************************************************/
form
{
	margin:				0em;
}

label
{
	display:			block;
	padding-top:		1.0em;
	font-family:		verdana,arial;
	font-weight:		bold;
	font-size:			0.72em;
	color:				black;
}

input.textfield,select.textfield,textarea.textfield
{
	width:				240px;
	background-color:	white;
	font-family:		verdana,arial;
	font-size:			0.72em;
	color:				black;
}

input.button
{
	background-color:	rgb(204,204,204);
	font-family:		verdana,arial;
	font-weight:		bold;
	font-size:			0.72em;
	color:				black;
}

select.picker
{
	width:				320px;
	background-color:	white;
	font-family:		verdana,arial;
	font-size:			12px;
	color:				black;
}

select.bigpicker
{
	width:				250px;
	background-color:	white;
	font-family:		verdana,arial;
	font-size:			12px;
	color:				black;
}


/*********************************************************************************************************/
/*	WebTop site edit styles
/*********************************************************************************************************/

select.siteedit,input.siteedit
{
	background-color:	white;
	font-family:		arial;
	font-size:			11px;
	color:				black;
}

select.preview,input.preview
{
	background-color:	lightgreen;
	font-family:		arial;
	font-size:			11px;
	color:				black;
}

a.selectedit
{
	background-color:	white;
	font-family:		arial;
	text-decoration:	none;
	color:				rgb(0,0,0);
	font-size:			12px;
	line-height:		20px;
	font-weight:		normal;
	padding-right:		5px;
	padding-left:		5px;
	border-top:			2px solid rgb(84,84,84);
	border-left:		2px solid rgb(84,84,84);
	border-bottom:		1px solid rgb(212,208,200);
	border-right:		1px solid rgb(212,208,200);
	margin-right:		10px;
}	

a.selectedit
{
	font-family:		arial;
	text-decoration:	none;
	color:				rgb(0,0,0);
	font-size:			12px;
	line-height:		20px;
	font-weight:		normal;
	padding-right:		5px;
	padding-left:		5px;
	border-top:			2px solid rgb(84,84,84);
	border-left:		2px solid rgb(84,84,84);
	border-bottom:		1px solid rgb(212,208,200);
	border-right:		1px solid rgb(212,208,200);
	margin-right:		10px;
}		

a.selectedit_preview
{
	font-family:		arial;
	text-decoration:	none;
	color:				green;
	font-size:			11px;
	line-height:		20px;
	font-weight:		normal;
	padding-right:		5px;
	padding-left:		5px;
	border:				1px solid rgb(153,51,51);
}	

a.selectedit_preview:hover
{
	font-family:		arial;
	text-decoration:	none;
	background-color:	green;
	color:				white;
	font-size:			11px;
	line-height:		20px;
	font-weight:		normal;
	padding-right:		5px;
	padding-left:		5px;
	border:				1px solid rgb(153,51,51);
}	

#selectedit_list
{
	font-family:		arial;
	position:			absolute;
	display:			none;
	z-index:			5000;
	background-color:	white;
	border:				1px solid black;
	line-height:		16px;
	font-weight:		normal;
	font-size:			11px;
	height:				auto;
	width:				auto;
	overflow:			auto;
}

a.selectedit-link
{
	font-family:		arial;
	padding-left:		5px;
	line-height:		16px;
	display:			block;
	width:				auto;
	text-decoration:	none;
	color:				black;
	cursor:				auto;
}

a.selectedit-link:hover
{
	font-family:		arial;
	background-color:	rgb(10,36,106);
	color:				white;
}	

a.announcementlink
{
	text-decoration:	none;
	color:				#092D69;
}

a.announcementlink:hover
{
	color: #B20028;
}

a
{
	text-decoration: underline;
	color: #B20028;
}