html, body { height: 100%; }

/* Bug fixes for IE */

/* Body and containing divs */
body {

   color:			black;
   font:			small Arial, Helvetica, Verdana, sans-serif;
   text-align:	center;

   /*background:	url('stemplates/red/bg.png') top center repeat-y; */

   padding:	0;
   margin:	0;

 }


div#wrapper {

   position:		relative;

   width:			85%; /*700px; */
   min-width:			600px;
   max-width:			1200px;
   margin-left:	auto;
   margin-right:	auto;
   padding:		0;

   text-align:	left;

   border-left:			1px solid #990033;
   border-right:		1px solid #990033;

background:			#ffffff;

	   z-index:		5;

 }
	#wrapper .wrapper_tl {

	   background:		url(templates/red/outside-top.png) top right no-repeat;
	   position:		absolute;
	   top:			0px;
	   left:		-317px;
	   width:		316px;
	   height:		466px;
	   z-index:		5;

	 }
	#wrapper .wrapper_tr {

	   background:		url(templates/red/outside-top.png) top left no-repeat;
	   position:		absolute;
	   top:			0px;
	   right:		-317px;
	   width:		316px;
	   height:		466px;
	   z-index:		5;

	 }
	#wrapper .wrapper_ls {

	   background:		url(templates/red/outside-sides.png) top right repeat-y;
	   position:		absolute;
	   top:			0px;
	   left:		-26px;
	   width:		25px;
	   height:		100%;
	   z-index:		4;

	 }
	#wrapper .wrapper_rs {

	   background:		url(templates/red/outside-sides.png) top left repeat-y;
	   position:		absolute;
	   top:			0px;
	   right:		-26px;
	   width:		25px;
	   height:		100%;
	   z-index:		4;

	 }

/* Set links */
a 		{ color: #004400; }
a:link	{ text-decoration: underline; }
a:hover	{ text-decoration: none; }

#navlinks h2 a { color: white; }


/* 

/*********************
*
*
* Popup Hover section
*
*
**********************/

.popup {
   position: 		relative;
}
.popup div.out {
   position:		absolute;
   top: 		-999in;
   left: 		-999in;
   white-space:		normal;
   width:		20em;
}
.popup div.out div.in {
   position:		relative;
   width:		20em;
   z-index:		10;
 }
.popup:hover div.out {
   top: 		auto;
   left:		 auto;
}

/* IE SuckerFish dropdown javascript anchor */
.sfhover div.out {
   top:			auto;
   left: 		auto;
}

/*************************
*
* Default Style Effects
*
*************************/
	.popup div.out div.in {
	   background:		#FFFEB7;
	   border:		1px solid #990033;
	   color:		#6D0427;
	 }
	.popup p.title {
	   background:		#DBA5B7;
	   color:		#990033;
	   border-bottom:	1px solid #990033;
	   font-weight:		bold;
	   font-size:		1em;
	   padding:		.25em;
	   margin:		0;

	 }
	.popup p.title+p
	.popup div>p {
	   margin:		.5em;
	 }
	.popup p  {
	   margin:		.5em;
	 }
	.popup p+p {

	   margin-top:		.6em;

	 }

	/*************************************
	*            Nav popups
	*************************************/

	#navlinks .popup div.out {
	   height:		1.2em;
	   margin-left:		-7em;
	   margin-top:		-2em;
	 }
	#navlinks .popup div.out div.in {
	   position:		absolute;
	   width:		24em;
	   top:			-2.5em;
	   left:		18.5em;
	 }
	#navlinks .popup div.in div.marker {
	   position:		 absolute;
	   width:		17px;
	   height: 		21px;
	   top:			28px;
	   left:		-17px;
	   background:		url(templates/red/arrowtip_l.png) top right no-repeat;
	 }
	#navlinks .popup div.out div.in ul {
	   margin:		.3em;
	 }


	/* Custom Popups */
	#navlinks .popup div.out div.large {
	   width:		40em;
	 }

	/*************************************
	*            Resources popups
	*************************************/

	#resources .popup div.out {
	   height:		1.2em;
	   margin-left:		-7em;
	   margin-top:		-1em;
	 }
	#resources .popup div.out div.in {
	   position:		absolute;
	   width:		24em;
	   top:			-2.5em;
	   left:		-19.5em;
	 }
	#resources .popup div.in div.marker {
	   position:		 absolute;
	   width:		17px;
	   height: 		21px;
	   top:			28px;
	   right:		-17px;
	   background:		url(templates/red/arrowtip_r.png) top right no-repeat;
	 }
	#resources .popup div.out div.in ul {
	   margin:		.3em;
	 }


	/* Custom Popups */
	#resources .popup div.out div.large {
	   width:		40em;
	 }


/* Header and Title */
div#header {

   background:	#ffffff url('templates/red/logo.png') top center no-repeat;

 }
div#maintitle {

   width:			100%;
   height:			144px;

   color:			#F9FF01;

   text-align:	center;
   padding-top:	80px;

 }
div#maintitle h1 {


   font-size:		3em;
   font-weight:	bold;

   display:		none;

 }
div#title1 {

   background:	#FFFF00;
   text-align:	center;

   font-size:		1.1em;
   font-weight:	bold;

   padding:		.1em;

 }
div#title2 {

   background:	#990033;
   text-align:	center;

   color:			#ffffff;

   padding:		.1em;

 }

/* Navigation */
div#navlinks {

   float:			left;
   width:			20%;

   margin:			0;
   padding-top:	1.3em;

 }
div#navlinks h1 {

   font-size:		1.5em;
   text-align:	center;


   display:		none;

 }
div#navlinks h2 {

   /*border-top:	3px solid #990033;
   border-bottom:	3px solid #990033;*/

   background:	#990033;

   text-align:	center;
   font-size:		1em;
   font-weight:	bold;

   margin:				0;
   margin-bottom:	.2em;
   padding:		.2em;

	color:		#ffffff;

 }
div#navlinks ul {

   list-style:	none;
   padding:		0;
   margin:			0em;
   padding-left:	.3em;
   padding-top:	.5em;
   padding-bottom:.5em;

 }
div#navlinks ul li {

   padding:		.2em;
   padding-bottom:	0.3em;

 }

/* Resources */
div#resources {
position:	relative;
z-index:	10;

   float:			right;

   width:			20%;

   margin:			0;
   padding:			.2em;
   padding-right:	0;
   padding-top:	1.3em;


 }
div#resources h1 {

   /* Orig which was changed

   font-size:		1.5em;
   margin-bottom:	50px;

   text-align:	center; */

   /*border-top:	3px solid #990033;
   border-bottom:	3px solid #990033;*/

   background:	#990033;

   text-align:	center;
   font-size:		1em;
   font-weight:	bold;

   margin:			0;
   margin-bottom:	.2em;
   padding:		.2em;

	color:			#ffffff;

 }
/* Turn the links in h1 to white not green */
div#resources h1 a { color: white; }
div#resources ul {

   list-style:	none;
   padding:		0;
   margin:			0em;
   padding-top:	.5em;
   padding-bottom:.5em;

 }

div#resources ul li {

   padding:		0;

   padding-bottom:0.5em;

 }

/* Resources */
div#ads {
position:	relative;
z-index:	10;

   float:			right;

   width:			15%;

   margin:			0;
   padding:			.2em;
   padding-right:	0;
   padding-top:	0;
   text-align:			center;


 }

/* Main Content */
div#content a 			{ color: #0000ff; }
div#content a:link		{ text-decoration: underline; }
div#content a:visited	{ color: #000069; }
div#content a:hover	{ text-decoration: none; }

div#content {

   float:			left;
   width:			40%;
   padding:		2em;
   padding-right:	0;
   margin:			0;


 }
div#content h2{

   font-size:		1.2em;
   text-align:		center;

 }
div#content .index h2{

   font-size:		1.2em;
   text-align:		left;

 }

div#content h3{

   color:		#008800;
   text-align:          center;

}

div#content ul, div#content ol {

   padding-top:	.5em;

 }
div#content ol li, div#content ol li ul li, div#content ul li {

   padding-bottom:.5em;

 }
div#content ul.location {

   list-style:	none;
   padding-left:	0;
   margin-left:	0;

 }
div#content ul.location li {

   padding:		0;
   margin:		0;

 }

#content li {

   margin-top:		2em;
   margin-bottom:	2em;

 }


/* Footer */
div#footer {

   background:	#990033;
   color:			#ffffff;

   text-align:	center;
   font-weight:	bold;

   margin-top:		.5em;
   padding:		.3em;

 }
div#footer2 {

   background:	#FFFF00;
  /* margin-bottom:	.5em; */
	/*height:		.8em;*/
   text-align:	center;
   font-weight:	bold; 

 }


/* Begin Functional Divs */
.clear {

   clear:			both;

 }

/* Begin Section for basic effects */
.underline {

   text-decoration:underline;

 }
img {

   border:			0;

 }

li.title {

   font-weight:			bold;
   list-style-type:		none;

 }



/*************************************
General page options !important
**************************************/

/* Highlight links for nav/cat updates */
.highlight_category {
   background:			#990033;
   color:				white !important;
   font-weight:			bold;
 }