﻿/* Used to eliminate browser differences */
body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote
{
	padding:0;
	margin:0;
	
}

h1, h2, h3, h4, h5, h6, pre, code
{
	font-size:1em;
}

a
{
	text-decoration:none;
	color:#990033;
}

a:hover
{
	color:#8B8D8E;
}

a img 
{
	border:none;
}



/* Start defining styles here */
body
{
	
	margin:0 auto 0 auto;
	font-family: "Verdana", Tahoma, Trebuchet MS;
	/*font-size:62.5%;*/
}

#sitemap
{
	margin:35px 5px 5px 0;
	/*border:1px solid #000;*/
}

#previewlabel
{
	padding-top:0;
	margin-top:0px;
	margin-bottom:8px;
	font-family: Tahoma, Trebuchet MS;
	font-size:1.0em;
	color:#000;
	
}

#previewinfo
{
	display:block;
	float:left;
	color:#8B8D8E;
	font-family: "Verdana", Tahoma, Trebuchet MS;
	font-size:.9em;
	margin-top:12px;
}

#sitemap h3.header
{
	/*color:#8B8D8E;*/
	color:#000;
	font-weight:bold;
	font-size:1.0em;
	margin-bottom:8px;
	border-bottom:2px dotted #990033;
	font-family: Tahoma, Trebuchet MS;
}

#sitemap div.map
{
	margin:0 0 42px 0;
}

#sitemap div.map span.msg
{
	display:block;
	float:right;
	font-size:.7em;
	font-style:normal;
	color:#8B8D8E;
	font-family:Arial;
}

#sitemap .tree
{
	float:left;
	font-size:.8em;
	color:#990033;
}

#sitemap .sitenode
{
	font-size:.9em;
	color:#990033;
}

#sitemap .sitenode:hover
{
	font-size:.9em;
	color:#8B8D8E;
}


#container
{
	width:955px;	
	background-color:#fff;
	margin:5px auto 5px auto;
	position:relative;
}

#masthead a.contact
{
	float:right;
	display:block;
	font-weight:bold;
	color:#000;
	
}

#masthead img.logo
{
	display:block;
	margin-left:43px;
	float:left;
}

#masthead span.sitetools
{
	float:right;
	display:block;
	margin:25px 0px 0 0;
	font-weight:bold;
}

#masthead span.sitetools a
{
	font-family:"Verdana", Tahoma, Trebuchet MS;
	font-size:10pt;
	font-weight:bold;
	color:#000;
	text-transform:uppercase;
}

#masthead span.sitetools a:hover
{
	color:#8B8D8E;
}

#masthead img.header
{
	display:block;
	clear:both;
}

#mat
{
	background-color:#990033;
	width:955px;
	background:url(Imgs/MatBackground_Red.gif) repeat top left;
	padding:0;
	
	
}

/* Nav styles moved to it's own stylesheet
#mainnavbar
{	
	margin:0px;
	background:url('Imgs/MenuBackground.gif') no-repeat center;
	height:30px;
	position:relative;
}
*/

/* Content Frame look-and-feel */
#content
{
	clear:left;
	font-family:Arial;
	width:918px;
	min-height:568px;
	border-bottom:2px solid #000;
	/*border-right:2px solid #000;*/
	border-left: 2px solid #990033;
	border-top:3px solid #990033;
	background:#fff;
	
}

#content #left_side
{
	padding:10px;
	float:left;
	width:500px;
	min-height:568px;
	background:#fff url('Imgs/PatternShape.gif') no-repeat top left;
	
}

#content #right_side
{
	float:left;
	width:336px;
	min-height:568px;
	
	padding:15px;
}

#content h2
{
	font-family:"Verdana", Trebuchet, MS Tahoma;
	color:#990033;
	font-weight:bold;
	font-size:155%;
	letter-spacing:3px;
}

#affiliation
{
	float:right;
	width:330px;
	margin:6px 0 0 0;
	padding-top:3px;
	text-align:center;
}

#affiliation img#napbslogo
{
	/*
	display:block;
	float:right;*/
	margin:0 8px 0 8px;
	
}

#affiliation img#prrnlogo
{
	/*
	display:block;
	float:right;*/
	margin:0 8px 0 8px;
}

#affiliation img#bbblogo
{
	/*
	display:block;
	float:right;*/
	margin:0 8px 0 8px;
}

#errcontainer
{
	margin:25px 15px 0 15px;
	font-family:Tahoma;	
}

#errcontainer h1
{
	margin:12px 0 12px 0;
	font-size:1.2em;
}

#errcontainer p
{
	color:#999;
	margin:12px 10px;
}

#errcontainer a.errlink
{
	color:#4e9bd7;
	border-bottom:1px dashed #439bd7;
}

#errcontainer a.errlink:hover
{
	color:#063ab0;
}

/* Classes start here */

.imgright
{
	float:right;
}

.imgleft
{
	float:left;
}

.row 
{
	display:block;
	clear:both;
	margin:2px 0 12px 0;
}

.row span.radio, span.checkbox
{
	display:block;
	margin:4px 0 4px 0;
}

.row noline
{
	display:inline;
}

.row input[type='text']
{
	margin:3px 0 0 15px;
}

.row label.field
{
	font-weight:bold;
	font-size:115%;
	/*color:#990033;*/
	font-family:"Verdana", Trebuchet, MS Tahoma;
}

.requiredfield
{
	color:#990033;
	font-weight:bold;
}

.successmsg
{
	width:425px;
	margin-top:45px;
	font-weight:bold;
	float:left;
}

.emailform
{
	margin-bottom:45px;
	padding:10px;
	color:#000;
	float:left;
	border:1px solid #990033;
	width:425px;
	margin-top:45px;
	font-family:Arial;
	font-size:80%;
	position:relative;
}

.redbackground
{
	background:url('Imgs/RedBox.gif') no-repeat;
}

.graybackground
{
	background:url('Imgs/GrayBox.gif') no-repeat;
}

.square
{
	
	width:310px;
	height:274px;
	padding:5px;
	color:#fff;
	margin:45px 0 0 25px;
	display:block;
	float:left;
	position:relative;
	
}

.square h2.header
{
	margin:20px 0 10px 5px;
	font-family:Tahoma, Trebuchet MS;
	font-weight:normal;
	font-size:1.1em;
}

.square a.link
{
	color:#999;
	font-weight:bold;
	font-size:115%;
	display:block;
	position:absolute;
	right:25px;
}

.square a.link:hover
{
	color:#fff;
	
}

.square h3
{
	font-family: "Verdana", Tahoma, Trebuchet MS;
	font-size:125%;
	font-weight:bold;
	color:#999;
	margin:2px 0 10px 2px;
}

/* Standard label and input on next line form */
.form 
{	
	width:265px;
	margin:18px auto 0 auto;
	padding:0px 0;
	
}

.form span.formactions
{
	margin-top:10px;
	display:block;
	float:left;
	padding:0;
	width:255px;
}

.form span.error
{
	color:#fff;
	float:left;
	width:5px;
	font-size:1.4em;
	clear:left;
}

.form span.msg
{
	margin-top:10px;
	display:block;
	float:left;
	clear:both;
	color:#fff;
	height:45px;
	width:255px;
	font-weight:bold;
	font-size:.8em;
	font-family:"Verdana", Tahoma, Trebuchet MS;
	
}

.form span.formactions input.submit
{
	float:left;
}

.form span.formactions input.reset
{
	float:right;
}

.form label.fieldlabel
{
	display:block;
	float:left;
	font-family:Tahoma, Trebuchet MS;
	font-weight:bold;
	margin-bottom:4px;
	font-size:.9em;
	
}

.form input.fieldinput:focus
{
	background-color:#ccc;
}

.form input.fieldinput
{
	display:block;
	float:right;
	margin:2px 12px 2px 0px;
}

/* Two column, right aligned labels, left-aligned inputs */
.formtwocol
{
	margin:0px;
	font-family: "Verdana", Tahoma, Trebuchet MS;
	font-size:.9em;
	
}

.formtwocol h2.lead
{
	font-size:125%;
	color:#990033;
	margin-bottom:8px;
}

.formtwocol h2.lead span.section
{
	color:#ccc;	
}

.formtwocol p
{
	margin-bottom:7px;
	vertical-align:top;
}

.formtwocol .label
{
	float: left;
	clear: left;
	width: 230px;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
}

.formtwocol label.required
{
	color:#990033;
}

.formtwocol span.formaction
{
	margin-left:240px;
	
	font-family:"Verdana", Tahoma, Trebuchet MS;
	font-size:1.1em;
	color:#fff;
}

.formtwocol *.clientinput
{
	/*background-color:#FBEF99;*/
	font-family:"Lucida Console", Monospace;
	font-size:.9em;
	width:300px;
	margin-top:-2px;
}

.formtwocol select.clientinput
{
	width:auto;
}

.formtwocol *.clientinput:focus
{
	background-color:#ccc;
}

.formtwocol img.closebutton
{
	cursor:pointer;
}

.emphasis
{	
	margin:15px 5px 5px 25px;
	font-family:"Verdana", Tahoma, Trebuchet MS;
	display:block;
	font-weight:bold;	
}

.emphasis span.em
{
	letter-spacing:-1px;
	font-weight:bold;
	font-size:105%;
	color:#990033;
}

/* For the Hex ul list and associated items */
.hexmarklist
{
	margin:5px 0 0 15px;
	font-family:"Verdana", Tahoma, Trebuchet MS;
	width:310px;
	
}

.hexmarklist li
{
	background: url('Imgs/HexListMark.gif') left top no-repeat;
	padding-left:20px;
	list-style-type:none;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
	font-size:.9em;
	margin:10px 0 10px 0;
}

.hexmarklist li ul
{
	margin-top:2px;
}

.hexmarklist li ul li
{
	color:#8B8D8E;
	list-style-type:none;
	background-image:none;
	margin:0 0 0 2px;
	padding-left:0;
	text-transform:none;
	font-size:.9em;
	font-weight:normal;
	font-family:Tahoma, Trebuchet MS;
	line-height:1em;
}


/* clearing out to prevent float-drop */
.clear
{
	clear:both;
}



