body {margin:0;padding:0;background-color:#ccc;text-align:center;}

/*** Basic Text Formatting ***/

p {font:0.7em/125% Verdana,sans-serif;margin-top:0px;}
h1 {font:bold 1.5em Georgia,Verdana,sans-serif;margin-top:0px;padding-top:5px;}
h2 {font:bold 1.4em Georgia,Verdana,sans-serif;margin-top:0px;padding-top:5px;}
h3 {font:bold 1.3em Georgia,Verdana,sans-serif;margin-top:0px;padding-top:5px;}
h4 {font:bold 1.2em Georgia,Verdana,sans-serif;margin-top:0px;padding-top:5px;}
h5 {font:bold 1.1em Georgia,Verdana,sans-serif;margin-top:0px;padding-top:5px;}
h6 {font:bold 1.0em Georgia,Verdana,sans-serif;margin-top:10px;margin-bottom:15px;}
.sans8 {font:0.8em/125% Verdana,sans-serif;margin:0.1em;padding:0.1em;}
.sans7 {font:0.7em/125% Verdana,sans-serif;margin:0.1em;padding:0.1em;}
.sans6 {font:0.6em/125% Verdana,sans-serif;margin:0.1em;padding:0.1em;}
.sans8w {font:0.8em/125% Verdana,sans-serif;color:#fff;margin:0.1em;padding:0.1em;}
.sans7w {font:0.7em/125% Verdana,sans-serif;color:#fff;margin:0.1em;padding:0.1em;}
.sans6w {font:0.6em/125% Verdana,sans-serif;color:#fff;margin:0.1em;padding:0.1em;}

a:link {color:#900;text-decoration:none}
a:visited {color:#900;text-decoration:none}
a:active {color:#900;text-decoration:none}
a:hover {color:#900;text-decoration:underline}

.subpage_header {font:bold 1.1em/115% Georgia,Verdana,sans-serif;color:#000;padding-top:15px;margin-bottom:4px;}
.subpage_header2 {font:bold .9em/115% Georgia,Verdana,sans-serif;color:#000;padding-top:10px;margin-bottom:2px;}
.subpage_teaser {font:bold 0.95em/125% Georgia,Verdana,sans-serif;color:#000;padding-top:10px;}
.subpage_teaser2 {font: 0.95em/140% Georgia,Verdana,sans-serif;color:#000;padding-top:5px;}
.subpage_text {font:0.7em/125% Verdana,Georgia,sans-serif;color:#000;margin-bottom:5px;}

.main {font:0.7em/125% Verdana,sans-serif;}
ul.main {margin-left:1.4em;padding-left:0em;}
ul.main li {padding-bottom:0.3em;}
.main a:link {color:#900;text-decoration:none}
.main a:visited {color:#900;text-decoration:none}
.main a:active {color:#900;text-decoration:none}
.main a:hover {color:#900;text-decoration:underline}

ul {font:0.7em/165% Verdana,sans-serif;margin-top:0px;}


/*** General Page Structure ***/

#wrapcontainer {
		
		background-repeat:repeat-x;
		background-color:#ccc;		
}
 
#shadowcontainer {
		width:778px; 
		margin:0px auto;
		padding:0px;
		overflow:hidden;
		background-image: url(images/shadow_back_gray.gif);
		background-repeat:repeat-y;
		text-align:center;
}

#content {
		width:762px; 
		margin:0px auto;
		padding:0px;
		text-align:center;
}

#pagecontainer_bg {
		width:762px;
		margin:0px auto;
		margin-bottom:2px;
		padding:0px;
		overflow:hidden;
		text-align:left;
		background-image: url(images/columns.gif);
		background-repeat:repeat-y;
}

#topwrapper {
		width:762px;
		clear:both;
		text-align:left;
		margin:0px auto;
}

#leftcol {
		width:169px;
		float:left;
		background-color:#900;
}

#rightcol {
		width:591px;
		float:right;
}



/*** Header Bar ***/

#header {
		background-color:#CC99FF;
		width:762px;
		height:78px;
		border-top:2px #fff solid;
		margin:0px auto;
}

#header_nameplate {
		width:550px;
		background-color:#CC99FF;
		float:left;
		color:#fff;
}
				
#header_nameplate a:link {font-size: 24px; font-weight: bold; color:#fff;text-decoration:none}
#header_nameplate a:visited {font-size: 24px; font-weight: bold;color:#fff;text-decoration:none}
#header_nameplate a:active {font-size: 24px; font-weight: bold;color:#fff;text-decoration:none}
#header_nameplate a:hover {font-size: 24px; font-weight: bold;color:#ccc;text-decoration:underline}				
#header_nameplate img {margin-top:10px;margin-bottom:0px;}
				
				
#header_mark {
		float:left;
		height:68px;
		width:187px;
		padding-top:10px;
		padding-right:25px;
		text-align:right;
		background-color:#CC99FF;
}				

/*** Targeted Links Bar ***/

#targetbar {	
		min-height:26px;
    	background-color:#663399; 
		text-align:center;
		clear:both;
		border-top:2px solid #fff;
		border-bottom:2px solid #fff;
		padding-left:170px;
}

#targetbar ul {
		font:0.7em/26px Georgia,Verdana,Arial,sans-serif;
		color:#CC99FF;
		margin: 0px;
		padding: 0px 0px 0px 0px;
}

#targetbar ul li {
		display: inline;
		border-left:1px solid #fff;
		padding: 0em 1.2em;
		height:0;		
}

#targetbar ul li.first {
		display: inline;
		border-left:0px solid #fff;
		padding: 0em 1.2em;
		height:0;		
}

#targetbar ul li a:link {
		text-decoration: none;
		color: #CC99FF;
}

#targetbar ul li a:visited {
		text-decoration: none;
		color: #CC99FF;
}

#targetbar ul li a:hover {
		background:#CC99FF;color:#663399;text-decoration:none;
}




/*** Left Navigation Bar - Home Page ***/
/*** To adjust height of menu items, you must change the px size in the font style on 'ul' and the min-height in 'li a' and 'li a:hover' ***/

#menu {
		background:#663399;
		width:169px;
		border-top:1px solid #000;
		float:left;
}

#menu ul {
		font:bold .75em/30px Georgia,Tahoma,Verdana,sans-serif;
		color:#CC99FF;
		padding:0px;
		margin:0px;
}

#menu ul li {
		list-style: none;
		display:inline;
}

#menu ul li a {
		min-height:30px;
		display:block;
		text-decoration:none;
		padding-left: 25px;
		border:solid #000;
		color:#CC99FF;
		border-width:0px 1px 1px 0px;
}

#menu ul li a:hover {
		min-height:30px;
		display:block;
		text-decoration:none;
		color:#663399;
		background:#CC99FF;
}

/*** Left Navigation Bar - Second Level Pages ***/
/*** To adjust height of menu items, you must change the px size in the font style on 'ul' and the min-height in 'li a' and 'li a:hover' ***/

#menu2 {
		background:#fff;
		width:169px;
		border-top:1px solid #000;
		float:left;
		border-bottom:2px solid #fff;
}

#menu2 ul {
		font:bold 0.75em/22px Georgia,Tahoma,Verdana,sans-serif;
		color:#900;
		padding:0px;
		margin:0px;
}

#menu2 ul li {
		list-style: none;
		display:inline;
}

#menu2 ul li a {
		min-height:22px;
		display:block;
		text-decoration:none;
		padding-left: 25px;
		border:solid #000;
		border-width:0px 1px 1px 0px;
}

#menu2 ul li a:hover {
		min-height:22px;
		display:block;
		text-decoration:none;
		color:#fff;
		background:#900;
}

.related_links {
		width:169px;
		color:#fff;
		text-align:center;
		padding-top:0px;
		float:left;
		clear:both;
}

.related_links ul{
		font:0.7em/175% Verdana,sans-serif;
		color:#fff;
		list-style-image:url(images/bullet_arrows.gif);
		padding-left:28px;
		padding-right:6px;
		margin:0px;
		text-align:left;
}

.related_links ul li a:link {
		color:#fff;
		text-decoration:none;
}

.related_links ul li a:visited {
		color:#fff;
		text-decoration:none;
}

.related_links ul li a:active {
		color:#fff;
		text-decoration:none;
}

.related_links ul li a:hover {
		background:#eee;
		color:#900;
		text-decoration:none
}

.related_links a:link {color:#fff;text-decoration:none}
.related_links a:visited {color:#fff;text-decoration:none}
.related_links a:active {color:#fff;text-decoration:none}
.related_links a:hover {color:#fff;text-decoration:none}

.related_links h6{font:bold 0.7em/175% Verdana,sans-serif;padding-left:28px;padding-right:10px;margin-left:0px;padding-bottom:0px;margin-bottom:0px;text-indent: -1em;margin-top:20px;text-align:left;}
.related_links img {margin-top:0px;margin-bottom:0px;background:#900;}


/*** Main Page Content ***/
			
#main_img {
		width:591px;
		float:left;
		margin-left:2px;
}

#innercontainer {
		border-top:1px solid #663399;		
		border-bottom:1px solid #663399;
		clear:both;
		float:left;
		width:762px;
		padding-bottom:20px;
		margin-top:2px;
}


/*** Horizontal News Style Content - Template #1 and #3 ***/

#news_left {
		width:346px;
		float:left;
		padding:20px 10px 0px 25px;
}

#news_left img {float:left;padding-right:10px;}
					
#news_right {
		width:346px;
		float:left;
		padding:20px 20px 0px 15px;	
}			

#news_right img {float:left;padding-right:10px;}

.news_header {font:bold 0.95em/100% Georgia,Verdana,sans-serif;color:#000;text-align:left;}
.news_teaser {font:0.7em/130% Verdana,sans-serif;color:#000;text-align:left;margin:0px;}
.news_more {font:bold 0.75em/130% Georgia,Verdana,sans-serif;text-align:right;margin:0px;padding-right:10px;clear:both;}

.news_full {
		width:660px;
		margin:auto;
		padding:25px 20px 0px 20px;			
}

.news_full img {float:left;padding-right:20px;}



/*** Administrative Links - Template #2 ***/

.admin_menu {
		width:160px;
		border-top:2px solid #fff;
		color:#900;
		text-align:left;
		float:left;
		padding-top:10px;
		padding-left:15px;	
}

.admin_menu ul{font:0.7em/175% Verdana,sans-serif;list-style-image:url(images/bullet_arrows_rev.gif);padding-left:20px;margin-left:0em; }
ul.admin_menu li {padding-bottom:0.1em;}
.admin_menu a:link {color:#900;text-decoration:none}
.admin_menu a:visited {color:#900;text-decoration:none}
.admin_menu a:active {color:#900;text-decoration:none}
.admin_menu a:hover {background:#900;color:#fff;text-decoration:none}


/*** Vertical News Style Content  - Template #2 ***/

#vertnews_container {
		float:right;
		width:591px;
}

.vertnews {
		padding:15px;	
}

.vertnews img {
		width:100px;
		float:left;
		padding-right:15px;
}

.vertnews h1  {font:bold 0.95em/100% Georgia,Verdana,sans-serif;color:#000;margin-top:0px;margin-bottom:5px;text-align:left;}
.vertnews p {font:0.7em/130% Verdana,sans-serif;color:#000;padding-top:8px;margin-bottom:0px;text-align:left;}



/*** Second Level Page Formatting ***/

.mod_img {
		float:right;
		width:591px;
		margin-bottom:2px;
}

.mod_content {
		background:#fff;
		border:solid #900;
		border-width:1px 0px 1px 1px;
		padding-top:10px;
		padding-right:25px;
		padding-left:25px;
		padding-bottom:20px;
		float:right;
		margin-left:2px;
		width:540px;
}


/*** Footer ***/

#mod_footer {
		width:762px;
		background-color:#663399;
        min-height:75px;
		padding-top:15px;
		padding-bottom:10px;
		border-top:2px solid #fff;
		border-bottom:1px solid #000;
		text-align:center;
		clear:both;
		margin:auto;
}

.footer {font: 11px/150% Verdana,sans-serif;color:#fff;}
.footer a:link {color:#fff;text-decoration:none}
.footer a:visited {color:#fff;text-decoration:none}
.footer a:active {color:#fff;text-decoration:none}
.footer a:hover {color:#fff;text-decoration:underline}

#mod_subfooter {
		background: url(images/footer_gray.gif) repeat-x;
		background-color:#ffffff;
        min-height:75px;
		padding-top:15px;
		padding-bottom:10px;
		margin-top:2px;
		text-align:center;
		border-bottom:1px solid #000;
		width:762px;
		clear:both;
		float:none;
}

.subfooter {font: 11px/150% Verdana,sans-serif;color:#000;}
.subfooter a:link {color:#900;text-decoration:none}
.subfooter a:visited {color:#900;text-decoration:none}
.subfooter a:active {color:#900;text-decoration:none}
.subfooter a:hover {color:#900;text-decoration:underline}



/*** Two or Three-Column Content Structure ***/
/*** This optional style can be used to create a two or three column structure similar to a table with two or three columns ***/
/*** Use the 'columns' div to wrap the width of your columns to 100% of the page, then select either the 'column2' or column3' div to create columns ***/

.columns {
		width:100%;
		padding-top:10px;
}

.column2 {
		width:50%;
		float:left;
		overflow:hidden;
		text-align:left;
}
		
.column3 {
		width:33%;
		float:left;
		overflow:hidden;
		text-align:left;
}