/*
   This stylesheet defines the Metadot 6 skin.

   If you are modifying this stylesheet for a new skin, this file
   should ONLY include the classes that you intend to modify. The
   portal uses the 'cascade' feature of CSS to allow your stylesheet
   to inherit the styles from the parent (or base) skin.
*/

/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  STANDARD HTML ELEMENTS				          ==
   ==        						          ==
   =================================================================
   ================================================================= */


body {
	background: #FFFFFF;
	font-size: 12px;
	font-family: arial, verdana, sans-serif;
}

a {
	text-decoration: none;

	color: #0066AE;
	font-weight: bold;
	text-decoration: none;
}

h3,h4,h5 {
	margin-bottom: .25em;
}

h3 {
	font-size: 14px;
	color: #333;
}

p {
	margin: 0 0 20px;
	padding: 0px;
}

form {
	padding: 0;
	margin: 0;
}

input, textarea, select {
 	padding: 2px;
	margin: 0px 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
}

td, th {
	font-size: 12px;
	font-family: Arial, verdana, sans-serif;
}



/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  PORTAL-WIDE PAGE LAYOUT	 				  ==
   ==        						          ==
   =================================================================
   ================================================================= */

#header {
	padding: 0px 0px 0px 0px;
}

#header {
	background-color: #FFFFFF;	
}

#header h1, #header h1 a {	
	display: inline;
	font: bold 36px arial, georgia, times, serif;	
	margin: 0;	
	padding: 0;	
	color: #eee;
}

#header h1.etc {	
	font: bold 36px arial, georgia, times, serif;	
	margin: 0;	
	padding: 0;	
	color: #eee;
}

#header h2, #header h2, #header h2 a {	
	display: inline;
	font: bold 12px Arial, sans-serif;
	color: #eee;
}


/* Horizontal navigation bar */
#topnav {
	margin: 0px;
	padding: 0px;
	border-top: 0px solid #ddd; /* Override border - no border */
	background: #5887A9 url("../images/c_menu_bg.gif"); /* Color & Image */
	background-repeat: repeat; /* Repeat in x and y direction - menu can wrap*/
	background-position-y: top;
	padding: 0px 0px 0px 200px; /* Left indent of first menu item */
	min-width: 630px; /* No nav bar wrap if page width is smaller than this */
	width:expression(document.body.clientWidth < 830 ? "830px" : "auto" );
	/* MSIE does not support min-width, line above emulates this - not pretty*/
	/*overflow: hidden;*/
	/*zoom: 1;*/
	height: 32px;
	/*z-index: 100;*/
}

	#topnav li{
		float: left;
		list-style: none;
		display: inline;
margin: 0px;
padding: 0px;
		}

/* Horizontal navigation bar links*/
#topnav li a {	
	
color: #fff; /* White link text please */
	text-decoration: none;
	background: transparent; /* Color handled by topnav */
	vertical-align: 12px; /* Add this space between nav bar bottom and link text */
	border-right: 0px solid #ddd; /* Override border - no border */
	padding: 2px 3px; 2px 3px; /* Space around links, top, right, bottom, left */
	white-space: nowrap;
}

#topnav li a.firsta {
	border-left: 1px solid #ddd;
}

/* Horizontal navigation bar links when the mouse is above them*/
#topnav li a:hover {
	color: #C0D3E0; /* Darker color when mouse hovers above the link */
	background: transparent; /* Color handled by topnav */
	border-right: 0px solid #ddd; /* Override border - no border */
}

#topnav li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white;

}
		
			#topnav li ul li
			{	float: none;
				display: inline;
}
			
			#topnav li ul li a
			{	
				display: block;				
				width: auto;
				background: #A9C251;
				color: #24313C;
				/*vertical-align: 0px;*/
				padding: 5px 5px; 5px 5px; /* Space around links, top, right, bottom, left */
}
			
			#topnav li ul li a:hover
			{	background: #8EA344}



.topnone {
	display: none;
}


#container {
	margin: 0px;
	padding: 0px;
	border: 0px;

	background: #FFFFFF;
	height: 10px;
}

/* Left menu area properties */
#navcont {
	width: 180px; 
	background: #5887A9 url("../images/background.gif");
	background-repeat: repeat-y;
	background-position: right;
}

#navmenu {
	border-top: 1px solid #ddd;
}

/* Left menu text properties */
DIV.navmenu {
	padding: 2px 10px 2px 15px; /* Left menu text alignment */
	border-bottom: 0px solid #ddd; /* Override border - no border */
	background: #5887A9;
}

/* Left menu link properties */
a.navmenu {
	text-decoration: none;
	color: #FFFFFF; /* Light font color */
	display: inline;
	font-weight: bold;
	padding-left: 0px;
}

/* Left menu link properties when mouse is over link*/
a.navmenu:hover {
	text-decoration: none;
	color: #C0D3E0; /* Darker font color */
}


/* Dont know now what this affects */
#menucont {
	border-bottom: 1px solid #eee;
	color: #eee;
	background: #555;
}

#maincont {
	margin: 0px 0px 0px 0px;
	line-height: 140%;
	padding: 0px 5px 10px 10px;

	color: #334;
	border-top: 1px solid #ddd;
	padding-top: 10px;
	min-width: 830px;
	width:expression(document.body.clientWidth < 830 ? "830px" : "auto" );
}

#maincont a {
	text-decoration: none;
	color: #0066AE;
	border-bottom: 0px solid #0066AE;
}

#maincont a:hover {
	text-decoration: none;
	color: #0066AE;
	border-bottom: 1px solid #0066AE;
}

#maincont a.icon {
	text-decoration: none;
	color: #666;
	border: none;
}

#maincont span.date {
	border: 1px solid #bbb;
	color: #e60;
	background: #eee;
	padding: 1px 4px;
	position: relative;
	top: -4px;
	left: -18px;
	font-weight: bold;
	font-size: 11px;
	}

#maincont span.bread {
	border: 1px solid #bbb;
	color: #555;
	background: #eee;
	padding: 1px 4px;
	position: relative;
	top: -6px;
	left: -16px;
	font-weight: bold;
	font-size: 11px;
}

#maincont span.archive {
	display: block;
	margin: 5px 0 0;
}

#maincont h1 {	
	font-size: 22px;	
	margin: 5px 0px;	
	padding: 0;	
	font-family: georgia, serif;	
	color: #333;
}

#maincont p {
	margin: 10px 0px;
}




#sidebar {
	width:200px;
	height: 100%;
	margin: 0px 0px 10px 10px;
	padding: 0px;
	color: #334;
	//background: #EDECDA;
	background: #FFFFFF;
	//border-left: 1px solid #999;
	border-left: 1px solid #5887A9;
}


#sidebar h2 {
	margin: 0;
	padding: 2px 5px 5px 20px;
	font-size: 12px;
	font-weight: bold;
	color: #eee;
	background: #666;
	border: 0 none;
}

#sidebar h3 {
	margin: 0;
	padding: 2px 5px 5px 10px;
	font-size: 12px;
	color: #dfdfff;
	font-weight: normal;
	background: #666;
	border: 0 none;
}

#sidebar a {
	text-decoration: none;
	border-bottom: 1px solid #fff;
	color: #555;
	margin: 0;
	font-weight: bold;
}

#sidebar h2 a {
	text-decoration: none;
      	color: #eee;
}

#sidebar h2 a:hover {
	color: #ccc;
	background: transparent;
}

html>body #sidebar a {}

#sidebar a:hover {	
	text-decoration: none;
	color: #444;
	background: #dde;
}


.sidebar_element {
	padding: 1em 0 1em 0;
	border-bottom: thin solid #D6D4AA;
}




#footer {
	clear: both;
	//margin-top: 10px;
	margin-top: 0px;
	padding: 3px;
	border-top: 1px solid #333;
	//color: #333;
	color: #FFFFFF;
	text-align: center;
}

#footer a {
	font-weight: normal;
	text-decoration: none;
}

#footer a:hover {
	font-weight :bold;
	text-decoration: none;
}

#footer .date {
	float: left;
	text-align: left;
}

#footer .other {
	float: right;
	text-align: right;
}




/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  SPECIAL-PURPOSE ELEMENTS				          ==
   ==        						          ==
   =================================================================
   ================================================================= */

.report {
	margin-bottom: 1em;

	font-size: 10pt;
}

.report .header, THEAD.report, TH.report {
	background-color: #DDDDDD;
	border: #DDDDDD 1px solid;
	font-weight: bold;
	padding: 4px;
}

.report .body, TD.report, TD.body {
	/* for some reason, #DDDDDD tends to make the right-side border invisible? */
	border: #DEDEDE 1px solid;
	padding: 2px;
}

.report .footer, TFOOT.report {
	background-color: #DDDDDD;
}

/* in a list, if a row is to be selected */
.selected_row {
	background-color: #EEEEFF;
}




/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  GIZMOS						          ==
   ==        						          ==
   =================================================================
   ================================================================= */

h2.section {
	margin: 0px 0px 3px 0px;
	padding: 3px 21px;
	font-size: 14px;
	color: #333;
	background: url(../images/arrow_ico.gif) no-repeat 2px 4px #D6D4AA;
	border: 1px solid #bbb;
}

.news_item A.element_name {
	text-decoration: none;
	color: #eee;
	display: inline;
	font-weight: bold;
}

.news_item A.element_name:hover {
	text-decoration: none;
	color: #A7A93E;
}


.discussion {
	border-bottom: thin solid #D6D4AA;
}

span.calendar  {
	width: 150px;

	text-decoration: none;
	border-bottom: 1px solid #fff;
	color: #555;
	background: #D6D4AA;
	display: block;
	margin: 0;
	padding: 2px 20px 2px 20px;
	font-weight: normal;
}

span.calendar a {
	color: #000;
	background: #EDECDA;
	font-size: 8px;
}

span.info {	
	text-decoration: none;
	border-bottom: 1px solid #fff;
	color: #000000;
	background: #D6D4AA;
	display: block;
	margin: 0;
	padding: 2px 20px 2px 20px;
	font-weight: normal;
}

span.info a {
	width: 150px;

	text-decoration: underline;
	border-bottom: 1px solid #fff;
	color: #000000;
	background: #D6D4AA;
	padding: 0px;
	margin: 0;
	display: inline;
	font-weight: normal;
	border-bottom: none;
}

span.info a:hover {
	width: 150px;

	text-decoration: underline;
	border-bottom: 1px solid #fff;
	color: #000000;
	background: #D6D4AA;
	padding: 0px;
	margin: 0;
	display: inline;
	font-weight: bold;
	border-bottom: none;
}


#admin_bar {
	min-width: 816px;
	width:expression(document.body.clientWidth < 830 ? "830px" : "auto" );
}



/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  ELEMENT ATTRIBUTES					  ==
   ==        						          ==
   =================================================================
   ================================================================= */







/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  GIZMOTAGS					          ==
   ==        						          ==
   =================================================================
   ================================================================= */

.tagWelcomeClass a {
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, verdana, sans-serif;
}

.tagWelcomeClass {
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, verdana, sans-serif;
}

.welcome {
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, verdana, sans-serif;
}

.welcomesub {
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, verdana, sans-serif;
}

.tagCatPathClass {
	padding-left: 10px;
}

body.portal_sub {
	background: url("../images/background.gif");
	background-repeat: repeat-y;
}

body.portal_home {
	background: url("../images/background.gif");
	background-repeat: repeat-y;
}

.stri_list_menu {
	color: #0066AE;
	font-size: 8pt;
	font-family: Arial, verdana, sans-serif;
	width: 200px;
}

/*.form_maker TABLE {
	align: left;
}*/

.form_maker .smaller {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 11pt;
	vertical-align: middle;
}

.form_maker TEXTAREA {
	width: 298px;
}

.smaller {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 11pt;
	vertical-align: middle;
}


.transitional_portal h1 {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 18px;
	line-height: 21px;
	font-weight: bold;
	text-align: center;
	height: 42px;
}

.img_middle {
	vertical-align: middle;
	text-align: center;
}


/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  LAYOUT AREA ELEMENTS - Used when the Page Layout feature   ==
   ==                         is in use
   ==        						          ==
   =================================================================
   ================================================================= */

.vertical_separator {
	background: url('../images/dot_1px_5x5.gif') repeat-y top center;
}

.horizontal_separator {
	background: url('../images/dot_1px_5x5.gif') repeat-x middle left;
}

div.layout_area {
	padding: 0 10px .5em 10px; /*0.5em*/
}

/* dimensions for specific layouts */

#layout_1 #layout_area_1 {
	width: 600px;
}

#layout_2 #layout_area_1 {
	width: 200px;
}

#layout_2 #layout_area_2 {
	width: 480px;
}

#layout_3 #layout_area_1 {
	width: 430px;
}

#layout_3 #layout_area_2 {
	width: 220px;
}

#layout_4 #layout_area_1 {
	width: 140px;
}

#layout_4 #layout_area_2 {
	width: 400px;
}

#layout_4 #layout_area_3 {
	width: 140px;
}

#layout_5 #layout_area_1 {
	width: 250px; /*210px;*/
}

#layout_5 #layout_area_2 {
	width: 250px; /* 210px; */
}

#layout_5 #layout_area_3 {
	width: 250px; /*210px;*/
}

#layout_6 #layout_area_1 {
	width: 200px;
}

#layout_6 #layout_area_2 {
	width: 200px;
}

#layout_6 #layout_area_3 {
	width: 200px;
}

/*#layout_6 #layout_area_3 {
	width: 200px;
}*/

/*============*/

#layout_1 #layout_area_1 .element_description {
	line-height: 140%;
}

#layout_1 #layout_area_1 .element_description a {
	font-weight: normal;
}

#layout_1 #layout_area_1 .faq a {
	font-weight: normal;
}

#layout_1 #layout_area_1 .response a {
	font-weight: normal;
}

#layout_1 #layout_area_1 .element_description h1 {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 18px;
	line-height: 21px;
	font-weight: bold;
	text-align: center;
	height: 42px;
}

#layout_3 #layout_area_1 .element_description {
	line-height: 140%;
}

#layout_3 #layout_area_1 .main_column_element a {
	font-weight: normal;
}

#layout_3 #layout_area_1 .element_name a {
	font-weight: normal;
}

#layout_3 #layout_area_1 .element_description h1 {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 18px;
	line-height: 21px;
	font-weight: bold;
	text-align: center;
	height: 42px;
}

#layout_3 #layout_area_1 .section .sitemap {
	line-height: 30px;
	font-weight: normal;
}

#layout_3 #layout_area_1 .section .main_column_element ul{
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}

#layout_3 #layout_area_1 .section .main_column_element li{
	margin-left: 0px;
	padding-left: 0px;
}

#layout_3 #layout_area_2 .element_description {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 11pt;
	padding-right: 0px;
	margin-right: 0px;
}

#layout_3 #layout_area_2 .element_description a {
	font-weight: normal;
}



#layout_3 #layout_area_2 .element_description h1 {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 18px;
	line-height: 21px;
	font-weight: bold;
	text-align: center;
	height: 42px;
}

#layout_5 #layout_area_1 .element_description {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 11pt;
}

#layout_5 #layout_area_1 .element_description a {
	font-weight: normal;
}

#layout_5 #layout_area_2 .element_description {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 11pt;
}

#layout_5 #layout_area_2 .element_description a {
	font-weight: normal;
}

#layout_5 #layout_area_3 .element_description {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 11pt;
}

#layout_5 #layout_area_3 .element_description a {
	font-weight: normal;
}

#layout_3 #layout_area_1 .container_element a{
	font-weight: normal;
}

/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  MISCELLANEOUS					          ==
   ==        						          ==
   =================================================================
   ================================================================= */

.minwidth {
	min-width: 830px;
	width:expression(document.body.clientWidth < 830 ? "830px" : "auto" );
}

.stri_small {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 8pt;
}

.stri_header {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

.stri_none {
	color: #FFFFFF;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

.stri_center {
	text-align: center;
}

.stri_section_header {
	/*background: #444;*/
	background: #E5F0FF url("../images/c_stri_section_bg.png");
	/*padding-top: 5px;*/
	padding: 5px;
	border: 1px solid #AAAAAA;
	width: 230px;

}

.stri_section_text {
	padding-left: 5px;
	padding-right: 5px;
}

.stri_email_link {
	font-weight: normal;
}

#search_sitemap a {	
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, verdana, sans-serif;
        border: 1px dashed;
        padding: 2px 4px 2px 4px;
        margin: 2px;
}

#search_sitemap a:hover {
	text-decoration: none;
	color: #C0D3E0;
}

#stri_welcome {	
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, verdana, sans-serif;
	font-weight: bold;
        //border: 1px dashed;
        //padding: 2px 4px 2px 4px;
        //margin: 2px;
}

#stri_button a {	
	color: #0066AE;
	background-color: #FFFFFF;
        border: 1px dashed;
        padding: 2px 4px 2px 4px;
        margin: 2px;
}


#stri_button a:hover {	
        color: #0066AE;
        background-color: #F0F0F0;
        border: 1px dashed;
        padding: 2px 4px 2px 4px;
        margin: 2px;
}