/* 
  -----------------------------------
  ARM Theme
  by iThinkMedia
  Horizontal 3 Column Fixed
  -----------------------------------
*/
/*Background color is set to light tan and shows through only in the footer region and below.*/
body {
	font-family: "Trebuchet MS", Verdana, Tahoma, Helvetica, Arial, sans-serif;
	color: #333333;
	font-size: 90%;
	background-color: #f3f3f3;
	min-width: 850px;
	margin: 0;
	padding: 0;
}

a {
	text-decoration:none;
	color: #984412;
}

a:hover {
	color: #000000;
	background-color: #8BD1D9;

}

a img, img {	
	border: 0px; 
	}
	
	

span.normal a:hover {
    background-color: #ffffff;
}

input {
		background: #FFFFFF url(../images/input.png) top left no-repeat;
		color:#000;
		font-size: 11px;
		padding: 2px;
		height: 20px;
		max-width: 200px;
		border: 1px solid #999999;  
}

textarea {
	padding: 2px 2px;
	background-color: #FFFFFF;
      font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
	line-height:1.5em;
}


.box {
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	
}
.click {	
	margin: 20px;
	border: 1px solid #cccccc;
	padding: 10px;
	background-color: #8BD1D9;
	color: #ffffff;
	height: 25px;
	width: 150px;
	valign: center;
	text-align: center;
	}

.centerblockheader {
	font: bold 18px "Trebuchet MS", Verdana, Tahoma, Helvetica, Arial, sans-serif;
	color: #1C96A4;
	text-decoration: none;
}

/*The masthead contains logo. Text is set to align right and
right padding is set to 148px, so that the logo aligns with middle column.
Background color is set to white.*/
#headerheight {
	height:50px;
	}

#masthead {
	background-color: #000082;/*#BB561E*/
	height:50px;
    background-image: url(../images/header_bkg.jpg);
	
}

#masthead a:hover {
	background-color: #000082;
}



#blockstable {
	border: 1px solid #cccccc;
}



/*Area Block Styling */

#area1 {
	border-bottom: 0px solid #cccccc;
	font-size: 0.85em;
}

#centerblocksleft {
	font-size: 0.85em;
	padding:2px;
	margin-left:6px;
}

#centerblocksright {
	font-size: 0.85em;
	padding:2px;
	margin-left:6px;
}


/* Titles */

.article-title {
	font: bold 25px Verdana, Helvetica, Arial, sans-serif;
	color: #1E9EAC;
	text-decoration: none;
	background: none;
	margin-bottom: 6px;
	padding-top:2px;
	text-transform:capitalize;
	border-bottom:1px solid #cccccc;
}


.article-body {
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  font-size:14px;
  color:#000000;
  padding-top:0px;
  padding-bottom:0px;
  line-height:1.40em;
  vertical-align:top;
  text-align:left;
  width:100%;
  }
  
.pn-title {
	font: 14px Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	text-decoration: none;
	background-color: none;
	margin-bottom: 6px;
}

h1{
	font: bold 18px Verdana, Helvetica, Arial, sans-serif;
	color: #000082;
	padding-top:10px;
	padding-bottom: 0px;
	padding-right:0px;
	padding-left:0px;
}

h1.pn-pagetitle {
	font: bold 18px/150% Georgia, "Times New Roman", Times, serif;
	color: #000082; /* dark purple */
	text-decoration: none;
	letter-spacing: 1pt;
	background: none; 
	margin-top: 0.3em;
	margin-bottom: 5px;
}

h2 {
	font: bold 16px Verdana, Helvetica, Arial, sans-serif;
	color: #BB561E;
	padding-top:0px;
	padding-bottom: 3px;
	padding-right:5px;
	padding-left:2px;
	border-bottom: 0px solid #cccccc;
}

h2.pn-title {
	font: bold 16px Verdana, Helvetica, Arial, sans-serif;
	color: #BB561E;
	padding-top:0px;
}


h2.title-list, h2.title-list a:link, h2.title-list a:visited, h2.title-list a:hover,{
text-transform:capitalize;
color:#C45915;
font: bold 17px Verdana, Helvetica, Arial, sans-serif;
	}


h3, h3.pn-title {
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	background: none;
	margin-top: 0px;
	margin-bottom: 2px;
	border-bottom: 0px solid #cccccc;
}


h3.spotlighttitle {
	font: 14px Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	text-decoration: none;
	background: none;
	margin-top: 3px;
	margin-bottom: 6px;
	text-align:center;
}
h4, 
h4.pn-title { 
	font-size: 12px;
	line-height: 130%;
	font-weight: bold;
	color: #000000; 
	margin-bottom: 3px;
	text-decoration: none; 
}

.quote {
	font: bold 14px Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	padding-top:5px;
	padding-left:5px;
	color:#A90B0A;
}

td.pn-title { 
	font: bold 14px/150% Verdana,Helvetica,sans-serif; 
	color: #4C5EA8;
	text-decoration: none;
	background: none; 
}
a.pn-title {
	font-weight: bold;
	color: #CC6600;
	text-decoration: underline;
	background: none;
}
span.pn-title {
	color: #64B005;
	text-decoration: none;
	font: 16px/175% Verdana,Helverica,sans-serif;
	valign: left;
}

a.pn-title:link,
a.pn-title:visited {
	color: #64B005;
	text-decoration: none;
}
a.pn-title:hover {
	color: #C45915;
	text-decoration: underline;
	background-color: none;
}
a.pn-title:active { 
	color: #64B005;
	text-decoration: underline;
}


.style1, articleimage {
	float:right;
	margin:0px 20px 20px 0px; /*margin-top' 'margin-right' 'margin-bottom' 'margin-left'*/
	padding:5px 0px 5px 5px; /*margin-top' 'margin-right' 'margin-bottom' 'margin-left'*/
	color:#000000;
	border-bottom: 1px solid #cccccc;
	line-height:120%;
  }
  
.imagelist {
		color:#000000;
  }
  
.imagetext {
		color:#000000;
		text-align:right;
		font-size:11px;
		font-style:italic;
  }
  
/* Must have additions to all sites using pagesetter to reset color on pull-down edit menu on articles*/	
.pubInfoBox {
	background:#ffffff;
	border:1px solid #cccccc;
	padding: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
/*The wrapper envelopes all page elements- including the masthead. It carries the white
background color is set to white. Margin must be declared, even if it is zero, in order to 
accomodate an IE-Windows workaround for min-width deployed in a conditional comment on the page.
For more info on the workaround, see the readme_first file.*/
#pagewrapper {
	margin: 0;
	background-color: #FFFFFF;
	width:100%;
}
/*The menubar DIV is the container for our menu. We set a background color.
Font-size is set to .85em, setting the menu text size.*/
#menubar {
	font-size: 0.85em;
	background-color: #66AF06;
	background-image: url(../images/container.jpg);
	color: #CCCCCC;
}

#datebar {
	font-size: 0.85em;
	color: #000000;
	border-bottom: 1px solid #cccccc;
	background-color: #f3f3f3;
	padding-left: 5px;
	padding-right: 5px;
}
/*The maincontent TD is the left column that contains the page's main content.
A background image is set to display at the top right edge. To give this image room
to display, we set right padding to 72px.*/
#maincontent {
	font-size: 0.85em;
	background-image: url(../images/tommy_lbghz.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 12px 72px 12px 24px;
	line-height: 1.5em;
}
/*Paragraphs margins*/
#maincontent p, #sidecontent p {
	margin: 6px 0 8px;
}

/*The maintable is the left content cell.*/
#maintable {
	padding: 10px 5px 0px 5px;/* top right bottom left*/

}

/*The top content is the top content cell.*/
#topcontent {
	height:10px;
}

#maincontentfull {
	height:10px;
}
/*The midcolumn TD is the left content cell.*/
#midcolumn {
	border-right: 1px solid #cccccc;
	font-size: 0.85em;
	border-left: 0px solid #cccccc;
	margin-top:2px;
}

/*The leftcolumn TD is the left content cell.*/
#leftcolumn {
	width: 200px;
	border-right: 1px solid #616161;
	font-size: .9em;
	border-left: 0px solid #616161;
}
/*This DIV sits at the top of the midcolumn table cell and contains
a decorative image.*/
#artwork {
	border-bottom: 1px solid #000000;
	text-align:center;
	valign:top;
}

/*Style attributes common to all level 1-4 headings*/
h1, h2, h3, h4 {
	margin: 0;
	line-height: normal;
}
/*Style attributes specific to all level 1 headings*/
h1 {
	border-bottom: 1px solid #666666;
	font-size: 1.8em;
}
/*Style attributes specific to all level 2 headings*/
h2 {
	font-size: 1.4em;
	margin: 10px 0 0px 0;/*-- margin-top margin-right margin-bottom margin-left-- */
	text-decoration:none;
}

h2 a {
	font-size: 1.3em;
	margin: 10px 0 0;/*-- margin-top margin-right margin-bottom margin-left-- */
	text-decoration:none;
}
/*Style attributes specific to all level 3-4 headings*/
h3, h4 {
	font-size: 1.2em;
	margin: 24px 0px 0px 2px;/*-- margin-top margin-right margin-bottom margin-left-- */
	border-bottom: 1px solid #cccccc;
}
/*Sidecontent is the third content column.*/
#sidecontent {
	padding: 24px 24px 12px;
	width: 200px;
	font-size: 0.75em;
}
/*Style attributes specific to all level 4 headings in the sidecontent TD.*/
#sidecontent h4 {
	margin: 0;
}
/* ----------  left side bar rollovers ------- */
#leftside form {
	margin: 0 3px 0 5px; /*-- margin-top margin-right margin-bottom margin-left-- */
}

#leftsideinput#s {
	width: 80%;
	background: #eee;
	border: 1px solid #cccccc;
	color: #000;
}


#leftside ul li h2 {
  	font-family: Verdana, sans-serif;
	font-size:10px;
  	font-weight: normal;
	letter-spacing: 0.1em;
	border: 0;
	text-align: left;
	padding-left:0;
	margin-left: 0;
	text-decoration: none;
}


#leftside ul ul ul.children {
	padding-left: 4px;
}


#leftside {
margin: 0 3px 0 5px; /*-- margin-top margin-right margin-bottom margin-left-- */ 
}

#leftside ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
text-decoration: none;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
background-image: url("../images/icon.gif"); 
}

#leftside a {
display: block;
padding: 3px;
padding-left: 17px;
background-image: url("../images/icon.gif"); 
background-repeat: no-repeat;
background-position: 0 55%;
border-bottom: 1px solid #cccccc;
text-decoration: none;
}

#leftside a:link, #navlist a:visited {
text-decoration: none;
}

#leftside a:hover {
background-image: url("../images/icon2.gif"); 
color: #C45915;
text-decoration: underline;
}
/*Footer styles.*/
#footer {
	padding: 24px 0px 50px 0px;/* top right bottom left*/
	font-size: 0.80em;
	border-top: 1px solid #cccccc;
	width:100%;
	text-align:center;
}
.article_userlinks, .article_userlinks a:link, .article_userlinks a:visited, .article_userlinks a.active {
	font: 10px Verdana, Helvetica, Arial, sans-serif;
	color:#467C03;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
	font-weight:bold;
	text-decoration:none;
	background-color: #F7F7F7;
	padding-left: 5px;
	padding-right: 5px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.article_userlinks a:hover {
	color: #000000;
	background-color: none;
	}

.sub {
	font: 11px Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-right: 10px;
	margin-left:5px;
	margin-right: 10px;
	font-variant:caps;
	text-decoration:none;
}

a.sub:link {
	color: #666666;
	background: none;
	margin-left:5px;
	font-variant:caps;
	text-decoration:none;
}
a.sub:visited {
	color: #4C5EA8;
	font-variant:caps;
	text-decoration:none;
	 }
a.sub:hover {
	color: #CC6600;
	margin-left:5px;
	font-variant:caps;
	text-decoration:none;
	 }
	 
a.sub:active {
	color: #FF9900;
	text-decoration:none;
	text-transform:capitalize;
		text-decoration:none;
	 }

/*-----PAGE LINK STYLES --------*/
/*We assign specific link styles for links based upon the element that contains them.*/
#maincontent a:link, #sidecontent a:link {
	color: #666699;
}
#maincontent a:visited, #sidecontent a:visited {
	color: #6666CC;
}
#maincontent a:hover, #maincontent a:active, #maincontent a:focus,
#sidecontent a:hover, #sidecontent a:active, #sidecontent a:focus {
	color: #000000;
}
#news a:link {
	color: #666699;
}
#news a:visited {
		color: #666666;
}
#news a:hover, #news a:active, #news a:focus {
	color: #000000;
}
#footer a:link {
	color: #666699;
}
#footer a:visited {
		color: #666699;
}
#footer a:hover, #footer a:active, #footer a:focus {
	color: #000000;
}

/*-----PMM MENU STYLE UPDATES for this PAGE PACK-------*/

/*We turn off Tommi's default background image for the top-level menu items.*/
#p7PMnav li {
	background-image: none;
}
/*We set a subtle border to the right of each top-level menu item to visually
define its box.*/
#p7PMnav a {border-right: 1px solid #777777;}

/*WORK AROUND FOR IE5 (MAC ONLY) The single backslash \ character inside this
comment causes IE5 Mac to ignore the following rule, which allows other browsers
to render top-level menu items at their natural widths.
DO NOT EDIT THIS COMMENT or the following rule. This rule should remain last in
this style sheet.*/
#p7PMnav li {
	width: auto;
}

.pntable1,
.container,
.opentable, 
.opentable1 {
	border: 0px solid #f3f3f3; /* $bgcolor2 */
	background: #ffffff;  /* $bgcolor1 */
	padding: 8px 8px 8px 8px;	
	margin: 5px 5px 15px 5px;
	border-bottom: 1px solid #cccccc; 
/*	margin-left: auto; margin-right: auto; */
}
.pntable2,
.opentable2 {
	background: #E6E6E6; 
	border: 1px solid #CCCCCC; /* $bgcolor2 */
	padding: 8px 8px 8px 8px;	
	margin: 5px 5px 15px 5px;
	margin-left: auto; margin-right: auto;
}
/* Tabbed block styles
   Be sure to include the following styles in your theme's stylesheet
   for proper block display.
*/
 #tablist {
    float:left;
    width:100%;
    margin: 0px !important;
    padding: 0px !important;		
    /* line graphic for tabcontentcontainer top - should match tab border and tabcontentcontainer border */
    background: url("../images/tab_bottom.gif") repeat-x bottom;
}

#tablist ul {
    list-style:none;
    margin:0;
		/* first value control top padding, second controls where first tab starts */
    padding:10px 10px 0;		

}

#tablist li {
    float:left;
    background:url("../images/tab_left.gif") no-repeat left top; /* selected left-half tab image */
    margin:0;
    padding:0 3px 0 9px; /* adjust second value for tab spacing */
    cursor: pointer;
    cursor: hand;				
}


#tablist img {
    border: 0px;
    vertical-align: middle;		
    padding-right: 3px;
}

#tablist a {
    float:left;
    display:block;
    background:url("../images/tab_right.gif") no-repeat right top; /* unselected right-half tab image */
    padding:5px 15px 4px 6px;
    text-decoration:none; /* styles of of unselected tab taxt */
		font-size: 11px;		
    line-height:normal;		
    font-weight:bold;
    color:#666;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tablist a {float:none;}
/* End IE5-Mac hack */

#tablist a:hover {
    color:#333;
}

#tablist li.current {
    background-image:url("../images/tab_left_on.gif"); /* selected left-half tab image */
    border-width:0;
}

#tablist li.current a {
    background-image:url("../images/tab_right_on.gif"); /* selected right-half tab image */
    color:#333;
    padding-bottom:5px;
}

#tabcontentcontainer {

		background: #ff0000;

    /* Color of  "container" holding the tabbed block
		   content. For best effect, the background color
			 should be the same as the selected tab, and the
			 border color should be the same color as the
			 tab border and the tab_bottom.gif graphic */
    background: #fff;
    border-bottom: 1px solid #535353;
    border-left: 1px solid #535353;
    border-right: 1px solid #535353;
    margin: 0px !important;				
    padding: 5px;
		clear: left;
}

.tabcontent {
    display:none;
}

.tabcontentspacer {
    /* Bottom margin for tabblock if not shown inside block template */
    margin: 0px !important;    
		height: 10px;
}

/* END Tabbed block styles */

table.alternate_rows {
	border-spacing: 0;
	border: 1px solid #000;
	border-collapse: collapse;
}
table.alternate_rows th, table.alternate_rows td {
	text-align: left;
	padding: 2px 4px 2px 4px;
	width: 100px;
	border-style: solid;
	border-color: #444;
}
table.alternate_rows th {
	border-width: 0px 1px 1px 1px;
	background-color: #ccc;
}
table.alternate_rows td {
	border-width: 0px 1px 0px 1px;
}
table.alternate_rows tr.odd td {
	background-color: #ddd;
}
table.alternate_rows tr.even td {
	background-color: #fff;
}
table.alternate_rows tr.sortbottom td {
	border-top: 1px solid #444;
	background-color: #ccc;
	font-weight: bold;
}