/* CSS Document - styles\mainstyle.css gold = #D3B95C */

.clearfix:before .clearfix:after {
	content: "";
	display: table; /*previously block was used */
	clear: both;	
/*	content: "\0020"; previously */
/*	overflow: hidden;*/
/*	height: 0; #00F*/
}

.clearfix:after {
	clear: both;
}
body  {
	margin: 0; 
	padding: 0;
	background: none;	
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
	background-color: #036;
	font-family: Arial, Helvetica, sans-serif;
/*	font-size: 100%;	*/
}
#container {
	position: relative;
	top: 0;
	left;0;
	margin: 0px;/*Important- auto??sets the container to drop level for the maincontent to align at the top*/
	padding: 0px;	
	width: 98%;
	border: 0px; /*0 border width displays none*/
	font-size: 1em;	
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */	
/*	background-color: #CFC;	*/
}
/** html #body{
height: 1%;
}*/
#header {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 100%;	/*header must be less for IE to display top menu*/
	height: 15%;
	display: inline;
	padding-bottom: 3%;
}

/*#headerverse {
	float: left;
	margin: 0px;
	padding: 0px;
	padding-top: 2%;
	width: 32%;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color:#A0A0A4;
	border-style: groove;
	border-width: 1px;
	border-color: #FFF;
}*/
#header h1 {
	color: #D3B95C;
	font-size: 1.1em;
	width: 85%;
	}
#header h1 img {
		width: 70%;
	}
.join {
	font-size: 1.2em;
	margin-top: 2%;
	width: 20%;
}
/* this next rule prevents Firefox adding a space beneath the
 * title image when displayed as application/xhtml+xml */
#header img {
	float: left;
 	background-color: transparent;*/
	margin: 0px;
	padding: 0px;
	margin-right: 7%;
}
.headera {
	padding: 0px 2% 0px 4%;
	color: #99CCFF;
}
#header a {
	/*	color: #D6D6D6;*/
	color: #99CCFF;
}
	
#homepage {
	position: relative;
	float: right;
	margin: 0;
	padding: 0;
	width: 100%;
/*	overflow: auto;*/
}

#headliner {
	float: right;
	padding: 0;
	margin: 0;
	width: 63%;
	height: 50%;
	padding-bottom: 1%;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
/*	color: #A0A0A4;*/
	overflow: auto;
}
#content2 {
	display: none;
}

#headliner h3, h4{
	margin: 0;
	padding: 0;
	font-size: 1.25em;
}
#headliner p{
	font-size: 1em;
/*	color: #006;*/
	color: #006;	
	font-weight: bold;
	padding-left: 1%;
	padding-right: 1%;

}
#news {
	float: right;
	position: relative;
	margin: 0;
	padding: 0;
	padding: 1%;
	width: 62%;
	color: #006699;
/*	background-color: #D3B95C;*/
	text-align: left;
border-radius: 15px;	
}
#news div p, #news2 div p  {
	color: #006699;
}
#news2 {
	float: right;
	position: relative;
	margin: 0;
	padding: 0;
	padding: 1%;
	width: 100%;
	color: #006;
/*	background-color: #D3B95C;*/
	text-align: left;
}
#news2 h4 {
	text-decoration: underline;	
/*	padding-bottom: 1%;*/
}
#news h4 img , #news2 h4 img {
	float: left;
	padding: 1%;
	width: 6%;
}
#news h3  {
	color: #A0A0A4;
	padding: 0px;
	margin: 0px;
	padding-bottom: 1%;
	font-size: 125%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
} 
#news h4 {
/*	background-color:#A6CAF0;*/
	color: #006;
	border:	medium;
	border-bottom-style: groove;
	padding-bottom: 1%;
	font-size: 100%;	
}
#news h4:hover  {
	/*	background-color:#D3B95C;*/
	/*		background-color:#F0F0F0;*/
	color: #99CCFF;
	background-color: #006699;
	;
}

#news p #news2 p{
	padding: 0px;
	margin: 0px;
	padding: 2%;
	color: #069;
	/*	background-color: #33CC99;*/
	font-size: 1em;
}

.newslink a:link a:active {
	color: #33FFFF;
}
#news a:link a:active {
	color: #33FFFF;
}
#news img {
	float: left;
	align: left;
	padding-right: 1%;
}
/*#maincontent { IEE
	margin: 0px;
	margin-left: 20%;
	margin-right: 20%;
	width: 55.5%;
	text-align: left;
	padding-top: 1%; /*IMPT this lines up maincontent with container*/
/*	padding-bottom:5%;
	padding-left: 1%;
	padding-right: 1%;
	font-size: 100%;	
	font-family: Arial, Helvetica, sans-serif;
}*/
#beliefs {
	float: left;
	margin: 0px;
	padding: 0px;	
	margin: 1%;
	padding: 2%;
	width: 65%;
	border-radius: 15px;
	background-color: #FFF;
	text-align: left;
	padding: 0px 1%;
	color: #036;
	font-size: .9em;
	font-family: Arial, Helvetica, sans-serif;
}

#beliefs h4 {
/*	background-color:#A6CAF0;*/
	color: #006;
	border:	medium;
	border-bottom-style: groove;
	padding-bottom: 3%;
	font-size: 1.25em;	
}
#beliefs h4:hover  {
/*	background-color:#D3B95C;*/
	/*		background-color:#F0F0F0;*/
	color: #D3B95C;
/*	font-size: 110%;*/
	background-color: #006;
}
#beliefs h3  {
/*	color: #D3B95C;*/
	font-size: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	color: #FFF;*/
}
#beliefs p  {
	color: #006;
	font-size: 1.15em;
}

#beliefs a:link a:active {
	color: #33FFFF;
}
.clickon {
	font-size: 75%;
/*	color: white;*/
	font-style: italic;
	margin-left: 2%;
}
#maincontent {
	float: left;
	margin: 0px;
	padding: 0px;
	margin: 1%;
	margin-left: 3%;
	padding: 1% 2%;
	width: 60%;
	text-align: left;
	border-radius: 15px;
/*	font-size: 150%;*/
	padding-top: 1%; *//*IMPT this lines up maincontent with container*/
	color: #036;
	font-family: Arial, Helvetica, sans-serif;
}
#maincontent h2 {
	font-size: 1.5em;
	text-align: left;
}
#maincontent h3 {
	font-size: 1.25em;
	text-align: center;
/*	text-align: center;*/
}
#maincontent h4 {
	font-size: 1.15em;
}
#maincontent p {
	font-size: 100%;
}

.warning {
	color: #FF0000;
}	
#maincontent form {
	margin: 4px;
	padding: 4px;
	font-size: 75%;
}	
.smaller {
	font-size: .75em;
}
#maincontent_plain {
	float: left;
	margin: 0px;
	margin-left: 1%;
	padding: 0px;
	width: 55%;
	text-align: left;
	padding: 0px 1%;
	border-radius: 15px;
	/*	padding-top: 1%; *//*IMPT this lines up maincontent with container*/
/*	color: #A6CAF0;*/
	color: #036;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	/*	background-color: #CCF;*/

	background-color: #a7cfdf;
}
#maincontent_plain p {
	font-size: 2em;
	font-family: Arial, Helvetica, sans-serif;
/*	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 50px;*/
	padding-left: 1%;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #CCC;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #CCC;	
} 
#maincontent_plain h4 {
	font-size: 3em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 1%;
}
#maincontent_plain h3 {
	text-align: center;
	font-size: 2.5em;
	line-height: 4%;
}
.pitalic {
	font-style: italic;
	font-weight: bold;
	font-size: .75em;
}

#maincontent img {
	float: left;
	padding: 2%;
}
.wraptext {
	padding: 0px 2%;
}
#maincontent2 {
	float: left;
	margin: 0px;
	padding: 0px;	
	margin-left: 3%;
	padding-bottom: 2%;
	width: 60%;
	height: 75%;
	border-radius: 15px;
	text-align: left;
	padding: 0px 1%;
	color: #036;
	font-size: .9em;
/*	font-family: Arial, Helvetica, sans-serif;*/
/*	background-color: #93A5C4;*/
/*	overflow: auto;*/
}
#maincontent2 img {
	float: left;
	padding: 1%;
}
#maincontent2 h3 {
	font-size: 1.5em;
	text-align: center;
}
#maincontent2 h4 {
	font-size: 1.25em;
}
#maincontent2 p {
	font-size: 1em;
}
#blog {
	float: left;
	display: block;
	margin: 0px;
	margin-left: 1%;
	padding: 0px;
	padding-bottom: 2%;
	width: 78%;
	border-radius: 15px;
	text-align: left;
	padding: 0px 1%;
	/*	padding-top: 1%; *//*IMPT this lines up maincontent with container*/
/*	color: #A6CAF0;*/
	color: #036;
	font-size: 2em;
	font-family: Arial, Helvetica, sans-serif;
	/*	background-color: #CCF;*/
	background-color: #93A5C4;
}
#blog img {
	float: left;
	margin: 0;
	padding: 0;
	padding: 1%;
}
#blog h3 {
	font-size: 1.5em;
	text-align: center;
}
#blog h4 {
	font-size: 1.25em;
}
#blog p {
	font-size: 1em;
}
.event {
	font-size: 100%;
	font-weight: bold;
	text-align: left;
}
#menumessage {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 15%;
	color: #D3B95C;		
	font-size: 1.25em;
/*	font-family: "Comic Sans MS", cursive*/;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* 	background-color: #2A3F55;*/
}
#menumessage a {
	margin: 0px;/*	margin-left: 0px;*/ /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-bottom: 3%;
	display: block;
	text-align: center;
	padding: 3% 1%;
	font-weight: bold;
	font-size: 1em;
	/*	color: #A6CAF0;*/
	background-color: #99CCFF;
	text-decoration: none;
}
#menumessage a:link { /*settings on page open*/
	/*	background-color: #8DABB2;*/ /* same as side green background */
/*	color: #99FFFF;*/
	/*background-color: #8DABB2;*/ /* same as side green background */
/*	width:95%;*/
	color: #036;
	background-color: #99CCFF;
	padding-bottom: 3%;
	border-left: #908AA5 solid 2px;
	border-top: #908AA5 solid 2px;
	border-right: #2C263D solid 2px;
	border-bottom: #2C263D solid 2px;
  }
#menumessage a:visited { /*settings on visited menu*/
/*	width:95%;*/
/*	color: #D4BF00;	*/
	color: #036;
/*	background-color: #D6D6D6;*/
	background-color: #99CCFF;
	font-weight: bold;
	border-left: #908AA5 solid 2px;
	border-top: #908AA5 solid 2px;
	border-right: #2C263D solid 2px;
	border-bottom: #2C263D solid 2px;
  }  
#menumessage a:active, #menumessage a:hover{ /* active- when mouse clicks on menu option*/
	/*background-color: #CC9900;*/ /* reverse background and border options */
/*	width:95%;*/
	background-color: #036;
/*	color: #7FFFFF;*/
	color: #D4BF00;	
	font-weight: bolder;	
	border-left: #EBF3E7 solid 3px;
	border-top: #EBF3E7 solid 3px;
	border-right: #777E74 solid 3px;
	border-bottom: #777E74 solid 3px;
  }  	
#menumessage p, #menumessage h3 #menumessage h4{
	margin: 0px;	
	padding: 1%;
	margin-bottom: 2%;
}
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
	list-style: none; /* this removes the list marker */
	border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
}
ul.nav li {
	border-bottom: 15px solid #666; /* this creates the button separation */
	font-size:12px;
}
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 5px 5px 5px 15px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	background: #8090AB;
	color: #000;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background: #6F7D94;
	color: #FFF;
}

#sidemessage {
	/*	top: inherit;*/
	float: right;
	margin: 0;
	margin-right: 3%;
	padding: 1%;
	width: 25%;
	font-size: 1.15em;
	text-align: center;
	border-radius: 15px;
	font-weight: bold;
	color: #333366;
	border-color: #2A0000;
	border-style: groove;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#sidemessage h4 {
	color: #C0DCC0;
	font-size: 2em;
}
#sidemessage ul {
	margin: 0px;
	padding: 0px;
}
#sidemessage li {
/*	list-style-type: none;*/
	margin: 0px;
	padding: 0px;
}
#rightmenu {
	/*	top: inherit;*/
/*	position: relative;*/
	float: right;
	margin: 0;
	padding: 0;
	width: 15%;
/*	background-color: #036;*/
	display: block;
	margin-bottom: 5%;
}
#rightmenu img {
	margin: 0;
	padding: 0;
	background: none;
	border: groove;
	border-color: #93A5C4;
	border-width: thick; 
	margin-bottom: 20%;
}
#rightmenu img:hover {
	border-color: #FFBF00;
}


/* Miscellaneous classes for reuse */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.img1 {
	background-image: url(../images/Visitors_Welcome.jpg);	
}
.img2 {
	background-image: url(../images/Youth_Find_Action.jpg);	
}
.img3 {
	background-image: url(../images/Members_Connect.jpg);	
}

.nav ul {
	margin: 0px;
	padding: 0px;
	width: 100%;
/*	height: 25%;*/
	display: block;
	list-style-type: none;
	text-align: right; 	
 }
.nav li {
	margin-bottom: 10%;
	width: 100%;
 }
#sidemessage  a {
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	padding-top: 5%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
/*	background-image: url(../images/menugraphic.png);*/
/*	background-image: url(../images/starbanner2.gif);	
	background-repeat: repeat;	*/
  }
.nobullet {
	text-decoration: none;
}

#sidemessage  a:link { /*settings on page open*/
	/*	background-color: #8DABB2;*/ /* same as side green background */
/*	color: #99FFFF;*/
	/*background-color: #8DABB2;*/ /* same as side green background */
/*	width:95%;*/
	color: #0000FF;/*	border-left: #908AA5 solid 3px;
	border-top: #908AA5 solid 3px;
	border-right: #2C263D solid 3px;
	border-bottom: #2C263D solid 3px;*/
  }
#sidemessage  a:visited { /*settings on visited menu*/
	/*	width:95%;*/
/*	color: #D4BF00;	*/
	color: #666666;
	font-weight: bold;/*	border-left: #908AA5 solid 3px;
	border-top: #908AA5 solid 3px;
	border-right: #2C263D solid 3px;
	border-bottom: #2C263D solid 3px;*/
  }  
#sidemessage  a:active, #sidemessage  a:hover{ /* active- when mouse clicks on menu option*/
	/*background-color: #CC9900;*/ /* reverse background and border options */
/*	width:95%;*/
/*	background-color: #036;*/
/*	color: #7FFFFF;*/
	color: #D4BF00;	
	font-weight: bolder;	
/*	border-left: #EBF3E7 solid 3px;
	border-top: #EBF3E7 solid 3px;
	border-right: #777E74 solid 3px;
	border-bottom: #777E74 solid 3px;*/
  }  
  /* special style for link to identify current page */
/*#thispage a:link, #thispage a:visited,
#thispage a:hover, #thispage a:active {
  background-color: #A8B2A3;
  color: #FFF;
}*/
a.button {
	color: #A6CAF0;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
	text-align: center;
}
#footer {
	position: relative;
	width: 100%;
	/*	float: left;*/
/*	background: url("../images/lblue_texture.jpg") repeat-x #4a4a4a; width: 100% !important; */
 	margin: 0px;
	margin-top: 15%;
	padding: 0px;
	padding: .25% 0px;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Tahoma, sans-serif; 	
	/*	color: #036;*/
	color: #333333;
	/*	color: #8090AB;	*/
/*	background-color: #93A5C4;*/
	font-size: 75%;
	font-weight: bold;
	text-align: center;	/*position: relative;*//* this gives IE6 hasLayout to properly clear */	/*clear: both;*/ /* this clear property forces the .container to understand where the columns end and contain them */	/*position: relative;*//* this gives IE6 hasLayout to properly clear */
/*	clear: both;*/ /* this clear property forces the .container to understand where the columns end and contain them */
} 
.footer1 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 15%;
	font-size: 75%;
	display: block;
	text-align: left;
	color: #333333;		
}
.footer1 ul {
	list-style-type: none;
	color: #333333;		
}
.footer1 ul a{
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #333333;
			
}

.form_info_icon {
	cursor: help;
	vertical-align: middle;
/*	background-image: url(../images/infonew.gif);*/
}
.form_warn_icon {
	cursor: help;
	vertical-align: middle;
/*	background-image: url(../images/warn.gif);*/
}

.form_mandatory {
	color: #FF0000;
}
#FloatDesc {
	border: 1px solid black;
	padding: 3px;
	color: #036;
	background-color: #D3B95C;
	width: 42%;/*	background-color: #CCF;*/
}

.gradient {
background: #002400; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMjQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iIzAwNTcwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwOGEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzUyYjE1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iIzgzYzc4MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNGRkYjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #002400 0%, #005700 17%, #008a00 33%, #52b152 67%, #83c783 83%, #b4ddb4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002400), color-stop(17%,#005700), color-stop(33%,#008a00), color-stop(67%,#52b152), color-stop(83%,#83c783), color-stop(100%,#b4ddb4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #002400 0%,#005700 17%,#008a00 33%,#52b152 67%,#83c783 83%,#b4ddb4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #002400 0%,#005700 17%,#008a00 33%,#52b152 67%,#83c783 83%,#b4ddb4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #002400 0%,#005700 17%,#008a00 33%,#52b152 67%,#83c783 83%,#b4ddb4 100%); /* IE10+ */
background: linear-gradient(top,  #002400 0%,#005700 17%,#008a00 33%,#52b152 67%,#83c783 83%,#b4ddb4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002400', endColorstr='#b4ddb4',GradientType=0 ); /* IE6-8 */

}
.gradient2 {
background: #398235; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM5ODIzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOWRlOTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #398235 0%, #c9de96 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#398235), color-stop(100%,#c9de96)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #398235 0%,#c9de96 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #398235 0%,#c9de96 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #398235 0%,#c9de96 100%); /* IE10+ */
background: linear-gradient(top,  #398235 0%,#c9de96 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398235', endColorstr='#c9de96',GradientType=0 ); /* IE6-8 */

}
#weblinks {
	color:#D9ECEC;
}
.hint {
	color: #2076c8;
	margin: 0;
	padding: 1%;
	font-style: italic;
}

.error {
	font-weight: normal;
	color: #cf1925;
	margin-left:1%;
}
#admincontent {
	float: left;
	margin: 0 1%;
	padding: 0;	
	width: 98%;
	text-align: left;
	font-size: .75em;
	background: #FFF;
	border-radius: 15px;
/*	font-size: 150%;*/
	padding-top: 1%; *//*IMPT this lines up maincontent with container*/
}
#admincontent h3{
	margin: 0;
	padding: 0;	
/*	padding-right: 2%;	*/
	text-align: center;
	font-size: 1.5em;
}
#ajaxInProgress {
/*	float: left;*/
	width:15%;
	height:7%;
	margin-top:-5px;
	padding: 2px 0;
	color: #06C;
/*	display: none;*/
}
.progress {
  background: #fff url(../images/progress.gif) no-repeat center right;
/*  display: inline;*/
}
.spinner {
  background: #fff url(../images/ajax-loader.gif) no-repeat center right;
}
#ajaxtable {
/*	display: none;*/
	float: left;
	width: 75%;
	height: 400px;
	overflow: auto;
	text-align: left;
	margin: 3% 0;;
	padding: 2%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 10px 10px 20px #20242C;
	-moz-box-shadow: 10px 10px 20px #20242C;
	box-shadow: 10px 10px 20px #20242C;
}
/* Styles specific to this particular page */
.scroll-pane {
	width: 100%;
	height: 450px;
	overflow: auto;
}
.horizontal-only
{
	height: auto;
	max-height: 200px;
}	
.codeBlur {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: none repeat scroll 0% 0% #000;
    display: none;
    opacity: 0.8;
    z-index: 900;
}