* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -400px; /* the bottom margin is the negative value of the footer's height */
	
}
.foot, .push {
	height: 400px; /* .push must be the same height as .footer */
}

.clear{
	clear: both;
}

body {
	margin: 0;
	padding: 0;
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7b7b7b;
	background: url('../images/champaign/bg_1.png') left 170px repeat-x;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	color: #00a7e0;
}
hr{
	border: 0;
	height: 1px;
	margin: 0 auto;
	width: 100%;
	color: #a7a7a7;
	background-color: #a7a7a7;
}
h1 {
	font-size: 28px;
	font-weight: normal;
}

h2 {
	font-size: 22px;
	margin-bottom: 5px;
	color: #4E4E4E;
}

h3 {
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 5px;
	color: #4E4E4E;
}

h4{
	color: #4E4E4E;
}

p, ul, ol {
	margin-top: 0;
	line-height: 132%;
}


ul, ol {
}

a {
	text-decoration: none;
	color: #24a3d9;
}

input[type="text"], input[type="password"]{
	border: 2px #e8e8e8 solid;
}

button{
	margin: 0px;
	padding: 0px;
	border: none;
	cursor: hand;
}


a:hover {
	text-decoration: underline;
}

#pagewrapper{
	width: 1022px;
	margin: 0 auto;
	
}

#header_wrapper {
	width: 1022px;
	margin: 0px auto;
	height: 170px;
	
}

.container {
	width: 1000px;
	margin: 0px auto;
}

/* Header */

#header {
	width: 980px;
	height: 170px;
	margin: 0 auto;
	padding: 0px;
	
}

/* SPRITES */

.prev, #right_corner, #left_corner, .next, #footer_search input#go, .bubble{
	background: url(../images/champaign/champaign_sprites.png) no-repeat;
}

.prev{
	background-position: -41px 0;
	width: 43px;
	height: 43px;
	display: inline-block;
}
.next{
	background-position: -87px -1px ;
	width: 43px;
	height: 43px;
}

#right_corner{
	background-position: -113px -44px ;
	width: 30px;
	height: 58px;
}

#left_corner{
	background-position: -76px -44px ;
	width: 30px;
	height: 58px;
}

#footer_search input#go {
	background-position: -5px -4px ;
	width: 28px;
	height: 28px;
}

.bubble{
	background-position: 0 -44px ;
	width: 80px;
	height: 80px;
}

/* Logo */

#logo {
	margin-top:20px;
    display: block;
    width: 300px;
    height: 100px;
	/*background: url(http://www.steepleweb.com/global/images/champaign/logo.png) no-repeat;*/
	margin-left:25px;
	float: left;
}

img{
	border: none;
}

#header_right{
	margin: 20px 20px 0 0;
	text-align: right;
	float: right;
	width: 600px;
	overflow: hidden;
}

/*menu bar */

#menu_bar{
    width: 952px;
	height: 30px;
	margin: 0px auto;
	padding: 10px 10px 10px 20px;
	background: #04ade7; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA0YWRlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDhlYzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #04ade7 0%, #008ec6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#04ade7), color-stop(100%,#008ec6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #04ade7 0%,#008ec6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #04ade7 0%,#008ec6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #04ade7 0%,#008ec6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #04ade7 0%,#008ec6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04ade7', endColorstr='#008ec6',GradientType=0 ); /* IE6-8 */

	display: block;
	border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
}

#left_corner{
	position: absolute;
	width: 50px;
	height: 45px;
	margin-top: -46px;
	margin-left: -10px;
	border-bottom: white 1px solid;
	z-index: -100;
}

#right_corner{

position: absolute;
	width: 50px;
	height: 45px;
	margin-top: -46px;
	margin-left: 972px;
	border-bottom: white 1px solid;
	z-index: -100;
}



/*
  jQuery MegaMenu Plugin
  Author: GeekTantra
  Author URI: http://www.geektantra.com
*/

ul.megamenu {
  margin: 0px auto;
  list-style: none;
  display: none;
}

ul.megamenu li.mm-item {
}

ul.megamenu li {
  margin: 0px;
  padding: 0px;
}

ul.megamenu .first{
	margin-left: -45px;
}

ul.megamenu .submenu{
	width: 225px;
}


ul.megamenu li ul li{
  margin: 0px;
  padding: 5px 0px;
  font-size: 14px;
}


ul.megamenu li.clear-fix {
  float: none;
  clear: both;
  margin: 0px;
  padding: 0px;
  height: 0px;
  font-size: 0px;
  line-height: 0px;
}


ul.megamenu a.mm-item-link:link, ul.megamenu a.mm-item-link:visited {
  position: relative;
  display: inline-block;
  color: #FFF;
  padding: 8px 10px;
  margin: 0px 3px 0px 0px;
  text-decoration: none;
  z-index: 10;
  font-size: 16px;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}

*html ul.megamenu a.mm-item-link:link, *html ul.megamenu a.mm-item-link:visited {
  border-color: pink;
  filter: chroma(color=pink);
}


ul.megamenu a.mm-item-link-hover:link, ul.megamenu a.mm-item-link-hover:visited {
  color: black;
}

ul.megamenu div.mm-item-content {
  background: black;
  padding: 0px;
  position: absolute;
  border: 1px solid #777;
  z-index: 9;
}

.mm-content-base {
  background: #333;
  position: relative;
  z-index: 11;
  padding: 10px 0;
  color: #7B7B7B;
}
.mm-js-shadow {
  background: #555;
  position: absolute;
  z-index: 10;
}

ul.megamenu li ul{
	list-style: none;
}
/*END MENU*/




/* Page */

#page {
	width: 1022px;
	height: auto;
	background: url(../images/champaign/bg_side3.png) no-repeat;
	
}

#page_foot{
	width: 1022px;
	height: 100px;
	margin-top: -15px;
	background: url(../images/champaign/bottom_side.png) no-repeat;
	display: block;
}

/* Splash */

#splash {
	width: 982px;
	background: #000;
	margin: 0 auto;
	height: 300px;
	display: block;
	margin-bottom: 30px;
}

.splash_holder{
	width: 982px;
	height: 1px;
}
/* Content */

#content {
	float: left;
	width: 580px;
	padding: 0px 0px 0px 0px;
}
.alert{
	width: 902px;
	background-color: #f7cd24;
	margin-left:40px;
	margin-top: -10px;
	margin-bottom: 20px;
	padding:10px 10px 10px 30px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	
}

#column1-content {
	float: left;
	width: 600px;
	margin-left: 40px;
	height: 100%;
	min-height: 250px;
}

.video{
	margin-bottom: 20px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: solid 1px #eeeeee;
	background: #f3f3f3; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #f3f3f3 0%, #ffffff 33%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(33%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f3f3f3 0%,#ffffff 33%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f3f3f3 0%,#ffffff 33%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f3f3f3 0%,#ffffff 33%); /* IE10+ */
background: linear-gradient(to bottom,  #f3f3f3 0%,#ffffff 33%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
-webkit-box-shadow: 0 6px 20px -6px black;
	   -moz-box-shadow: 0 6px 8px -6px black;
	        box-shadow: 0 6px 8px -6px black;
	
}

.news_item{
	width: 570px;
	height: 160px;
	margin-bottom: 10px;
	padding-bottom: 15px;
}

.news_img{
	float:left;
	max-height: 150px;
	overflow: hidden;
	/*
	width: 250px;
	height: 145px;
	*/
	display: inline;
	
	-webkit-box-shadow: 0 6px 20px -6px black;
	   -moz-box-shadow: 0 6px 20px -6px black;
	        box-shadow: 0 6px 20px -6px black;

}

/*
.news_img:hover {
	border: solid 1px #CCC;
	-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
        box-shadow: 1px 1px 5px #999;
}
*/
.left_menu{
	width: 240px;
	height: 100%;
	min-height: 400px;
	margin-left: 20px;
	display: inline-block;
	background: url(../images/champaign/menu_right2.png) right top no-repeat white;
	padding: 15px 15px 15px 15px;
	overflow: hidden;
	
}

.right_content{
	display: inline-block;
	float: right;
	margin-right: 20px;
	background-color: white;
	width: 640px;
	padding:30px 30px 0 30px;
	min-height: 200px;	
}

.right_content p{
	margin: 15px 0;
}

.maincontent{
	display: inline-block;
	background-color: white;
	width: 950px;
	margin-left: 20px;
	padding:20px 15px 0 15px;
	min-height: 400px;	
}

.news_link{
	position: relative;
	margin-top: 10px;
}
.news_teaser{
	width: 300px;
	height: 150px;
	padding-left:15px;
	margin-left: 250px;
	padding-right: 20px;
}
.news_teaser p{
	margin-top: 5px;
	margin-bottom: 10px;
}
.news_teaser h2{
	display: inline;
	font-weight: normal;
	font-size: 20px;
}

.news_item h2 a{
	text-decoration: none;
	color: #4e4e4e;;
}

.column2-content, .front_module{
	padding-top: 20px;
	float: right;
	width: 340px;
	
	height: 100%;
	margin-right: 40px;
	margin-bottom: 20px;
	background-color: #d4d4d4;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: solid 1px #eeeeee;
	background: #f3f3f3; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #f3f3f3 0%, #ffffff 33%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(33%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f3f3f3 0%,#ffffff 33%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f3f3f3 0%,#ffffff 33%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f3f3f3 0%,#ffffff 33%); /* IE10+ */
background: linear-gradient(to bottom,  #f3f3f3 0%,#ffffff 33%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
-webkit-box-shadow: 0 6px 20px -6px black;
	   -moz-box-shadow: 0 6px 8px -6px black;
	        box-shadow: 0 6px 8px -6px black;


	}

#column2{
	float: right;
	width: 340px; 
}

.column2-content h2{
	font-size: 20px;
	font-weight: normal;
	text-align: left;
	padding-left:25px;
	padding-bottom: 5px;
	color: #4e4e4e; 
}

.column2-content ul{
	padding-left:25px;
}

.column2-content a{
	color: #4e4e4e;
}

.bubble{
	width: 81px;
	height: 81px;
	margin-left: 20px;
	margin-bottom: 10px;
	padding-top: 5px;
	
	display: inline-block;
}
.bubble h5{
	text-align: center;
	font-size: 26px;
	color: white;
	font-weight: bold;
	margin-right: 5px;
	text-shadow: none;
}
.bubble p{
	font-size: 11px;
	color: white;
	margin-left: -3px;
	text-align: center;
	text-shadow: none;
}

.result_content {
	vertical-align: top;
	display: inline-block;
	width: 210px;
	margin-left: 10px;
	
}

.result_content h3{
	color: #4E4E4E;
	font-size: 14px;
	
}
#column3-content {
	float: left;
	width: 200px;
	height: 320px;
	margin-right: 26px;
	
}
#column4-content {
	float: right;
	width: 2px;
	
}


/* Three Column Footer Content */

.foot{
	display: block;
	height: 100px;
}


/* Footer */
#footer-content {
	margin: 0 auto;
	padding: 0px 40px 45px 40px;
	font-family: Arial, Helvetica, sans-serif;
	color: #8e8e8e;
	text-transform: lowercase;
}

#footer-content-top {
	width: 982px;
	margin: -15px auto;	
	text-align: center;
}

#footer-content h3 {
	color: #8e8e8e;
}



#footer-content p {
	font-size: 10px;
}

#footer_search{
	float: left;
	width: 340px;
}

#footer_search fieldset {
	border:none;
	padding: 0;
	margin: 0;
	width: 300px;
	display: block;
	outline: none;
	
}

#footer_search input#q {
	background-color: #e7e7e8;
	border: none;
	display: block;
	float: left;
	outline: none;
	width:260px;
	height: 26px;
	margin-top: 0px;
	margin-left: 2px;
	
}

#footer_search input#go {
	cursor: pointer;
	width: 28px;
	height: 30px;
	border: none;
	vertical-align: top;
	float: left;
}


fieldset {
	margin: 15px 0;
	padding: 10px;
	border: none;
	border-top: 2px solid #D7D7D7;
	position: relative;
}

#footer_login{
	float:left;
	width: 240px;
	margin: 0 0 0 30px;
}

#footer-content input[type="text"],input[type="search"],input[type="password"]{
	width: 200px;
	height: 24px;
	font-size: 18px;
}

.login input[type="text"], .login input[type="password"]{
	width: 170px;
	height: 24px;
	font-size: 18px;
	
}


#footer_sw{
	float: left;
	width: 280px;
	text-align: center;
}

/* cupid green (inspired by okcupid.com)
*******************************************************************************/
button.cupid-green {
  background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: linear-gradient(top, #7fbf4d, #63a62f);
  border: 1px solid #63a62f;
  border-bottom: 1px solid #5b992b;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
  -moz-box-shadow: inset 0 1px 0 0 #96ca6d;
  box-shadow: inset 0 1px 0 0 #96ca6d;
  color: #fff;
  font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  line-height: 1;
  padding: 7px 0 8px 0;
  text-align: center;
  text-shadow: 0 -1px 0 #4c9021;
  width: 150px; }
  button.cupid-green:hover {
    background-color: #76b347;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
    background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
    background-image: linear-gradient(top, #76b347, #5e9e2e);
    -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
    -moz-box-shadow: inset 0 1px 0 0 #8dbf67;
    box-shadow: inset 0 1px 0 0 #8dbf67;
    cursor: pointer; }
  button.cupid-green:active {
    border: 1px solid #5b992b;
    border-bottom: 1px solid #538c27;
    -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee; }



/******************
FEED
/*****************/

.feed h2{
	font-size: 20px;
}

.feed ul{
	list-style: none;
	margin: 0px;
	padding: 5px;
}

.feed li{
	border-bottom: solid thin #333;
	text-align: left;
	padding: 5px 0;
}

#updates_feed_holder li{
	border-bottom: solid thin black;
	text-align: left;
}


.feed li a{
	text-decoration: none;
}


.feed li .left{
	float: left;
	text-align: left;
}


.feed li .title{
	font-weight: bold;
	font-size: 110%;
	
}

.feed li .desc{
	font-style: italic;
	color: gray;
	font-size: 80%;
}

.feed img{
	padding: 2px 4px 2px 0;
	width: 150px;
}
.feed li .info {
	width: 220px;
	word-wrap: break-word;
	margin-top: 2px;
}

#docs_feed_holder ul{
	padding-left: 25px;	
}

/*COMMENTS */
#comments {
	border: blue solid thin;
	background-color:#CCC;
	width: 520px;
	text-align: left;
}

.comment_header{
	border-bottom: blue solid thin;
	background-color: #CCC;
	color: blue;
}

#comments .comments_username{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: black;
	font-weight: bold;
	text-align: left;
	font-size: 18px;
	letter-spacing: 3px;
}
	
#comments .comments_timestamp{
	color: blue;
	font-weight: bold;
	text-align: right;
	font-size: 10px;
}
	
#comments .comment {
	padding-left: 10px;
	background-color:#FFF;
	color: black;
	padding-top: 3px;
	padding-bottom: 3px;
}

/******************
TABLE
/*****************/
thead {
	
}

th {
	color: #3b3b3b;
	background-color: white;
	padding: 8px 4px;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	margin: 0px; 
	border-top: thin solid #a7a7a7;
	border-bottom: thin solid #a7a7a7;

}

tr:nth-child(even) {background: #e7e7e7;}
tr:nth-child(odd) {background: #FFF;}

td{
	padding: 10px;
}

tbody, tbody a{
	color: #3b3b3b;
}


.table-data-solid		{
	/*
	color: black;
	border-bottom: gray dashed thin;
	text-align: left;
	*/
	}
	
.border_bottom		{
	color: black;
	border-bottom: gray dashed thin;
	text-align: left;
	}
	
.border_top		{
	color: black;
	border-top: gray dashed thin;
	text-align: left;
	}

	
.underline td	{
	border-bottom: gray dashed thin;
	}

.underline tr:hover	{
	background-color: #DBD7D1;
	}

.magnify , .magnify a{
	color: white;
	background-color: #DBD7D1;
}

/*ATHLETE PAGE */
#athlete_left{
	float: left;
	text-align: left;
	padding: 2px;
	width: 40%;
}
#athlete_right{
	float: right;
	margin-top: 25px;
	text-align: left;
	padding: 2px;
	width: 55%;
	border-left: thin solid #e7e7e7;
	padding-left: 10px;
}
#athlete_results{
	float: none;
	text-align: left;
	padding: 2px;
	width: 100%;
}

/*====Site Search DIVs=====*/
#search_meet{
	float: left;
	padding: 2px;
	margin-left: 10px;
	width: 300px;
	background-repeat: no-repeat;
}
#search_athlete{
	float: left;
	padding: 2px;
	width: 300px;
	background-repeat: no-repeat;
}
#search_news{
	float: left;
	padding: 2px;
	width: 300px;
	background-repeat: no-repeat;
}
#search_doc{
	float: left;
	padding: 2px;
	width: 250px;
	background-repeat: no-repeat;
}

/*STYLES FOR VIDEOS.PHP PAGES */


.pipe  {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

.pipe_item {
	margin: 5px;
	list-style: none;
	display: inline;
	float: left;
	font-size: 12px;
	width: 100px;
	height: 100px;
	}

.pipe_item a {
	text-decoration: none;
	border: none;
	}
	
.pipe_item img {
	text-decoration: none;
	border: none;
	}
	
	
	
/* General form styles
----------------------------------------*/
fieldset {
	margin: 15px 0;
	padding: 10px;
	border: none;
	border-top: 2px solid #D7D7D7;
	/*border-top: 1px solid #D7D7D7;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #D7D7D7;
	background-color: #FFFFFF;
	*/
	position: relative;
}

.rtl fieldset {
	border-top: 1px solid #D7D7D7;
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

* html fieldset {
	padding: 0 10px 5px 10px;
}

fieldset p {
	font-size: 0.85em;
}

legend {
	padding: 1px 0;
	font-family: Tahoma,arial,Verdana,Sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #115098;
	margin-top: -.4em;
	position: relative;
	text-transform: none;
	line-height: 1.2em;
	top: 0;
	vertical-align: middle;
}

/* Hide from macIE \*/

/* Definition list layout for forms
	Other general def. list properties defined in prosilver_main.css
---------------------------------------- */
dl {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	/*font-size: 1.00em;*/
}

dt {
	float: left;
	width: auto;
}

.rtl dt {
	float: right;
}

dd { color: #666666;}
dd + dd { padding-top: 5px;}
dt span { padding: 0 5px 0 0;}
.rtl dt span { padding: 0 0 0 5px;}

dt .explain { font-style: italic;}

dt label {
	/*font-size: 1.00em;*/
	text-align: left;
	font-weight: bold;
	color: #4A5A73;
}

.rtl dt label {
	text-align: right;
}

dd label {
	/*font-size: 1.00em;*/
	white-space: nowrap;
	margin: 0 10px 0 0;
	color: #4A5A73;
}

.rtl dd label {
	margin: 0 0 0 10px;
}

html>body dd label input { vertical-align: text-bottom;}	/* Tweak for Moz to align checkboxes/radio buttons nicely */

dd input {
	/*font-size: 1.00em;*/
	max-width: 100%;
	height: 16px;
}

dd select {
	/*font-size: 100%;*/
	width: auto;
	max-width: 100%;
}

dd textarea {
	/*font-size: 0.90em;*/
	width: 90%;
}

dd select {
	width: auto;
	font-size: 20px;
	line-height: 26px;
}

fieldset dl {
	margin-top: 5px;
	margin-bottom: 15px;
	/*font-size: 0.85em;*/
}

fieldset dt {
	width: 45%;
	text-align: left;
	border: none;
	border-right: 1px solid #CCCCCC;
	padding-top: 3px;
	font-weight: bold;
}

.rtl fieldset dt {
	text-align: right;
	border: none;
	border-left: 1px solid #CCCCCC;
}

fieldset dd {
	margin: 0 0 0 45%;
	padding: 0 0 0 5px;
	border: none;
	border-left: 1px solid #CCCCCC;
	vertical-align: top;
	/*font-size: 1.00em;*/
}

.rtl fieldset dd {
	margin: 0 45% 0 0;
	padding: 0 5px 0 0;
	border: none;
	border-right: 1px solid #CCCCCC;
}

dd.full, .rtl dd.full {
	margin: 0;
	border: 0;
	padding: 0;
	padding-top: 3px;
	text-align: center;
	width: 95%;
}

/* Hover highlights for form rows */
fieldset dl:hover dt, fieldset dl:hover dd {
	border-color: #666666;
}

fieldset dl:hover dt label {
	color: #000000;
}

fieldset dl dd label:hover {
	color: #BC2A4D;
}

input:focus, textarea:focus {
	/*border: 1px solid #BC2A4D;*/
	background-color: #E9E9E2;
	/*color: #BC2A4D;*/
}

/* Submit button fieldset or paragraph
---------------------------------------- */
fieldset.submit-buttons {
	text-align: center;
	border: none;
	background-color: transparent;
	margin: 0;
	padding: 4px;
	margin-top: -1px;
}

p.submit-buttons {
	text-align: center;
	margin: 0;
	padding: 4px;
	margin-top: 10px;
}

fieldset.submit-buttons input, p.submit-buttons input {
	padding: 3px 2px;
}

fieldset.submit-buttons legend {
	display: none;
}	



/*********************************************************/
/*Training Log Style*/

.left_menu_log{
	width: 175px;
	height: 100%;
	min-height: 400px;
	margin-left: 20px;
	display: inline-block;
	background: url(../images/champaign/menu_right2.png) right top no-repeat white;
	padding: 15px 15px 15px 15px;
	
}

.right_content_log{
	display: inline-block;
	float: right;
	margin-right: 20px;
	background-color: white;
	width: 750px;
	padding:20px 10px 0 0px;
	min-height: 50px;	
}

.right_content_log p{
	font-size: 12px;
}

.log_side_board {
	color: black;
	font-size:10pt;
}
.log_month_title {
	font-size:20px;
	text-align: center;
}

 
 /*current day*/
.log_current_day{
font-size:8pt;
 color: black;
 /*background-color: #C7B4FE;*/
 border: medium black dashed;
 }
 
  /*days from other months*/
.log_other_month{
font-size:8pt;
 color: black;
 background-color: #CCCCCC;
 }
 
.log_activity_title {
	font-weight: bold;
}

	
.daily_note{
	font-size: 10px;
	color: white;
	background-color: green;
}

#ui-datepicker-div { display: none; }

.log_col1{width: 60%; float: left; padding: 2px;}
.log_col2{width: 38%; float: left; padding: 2px;}
	
.log_number_input{width: 60px;}


/*======SubContent=======*/
#front_bottom{
	float: left;
	margin: 0 30px 0 30px;
	width: 100%;
	/*
	padding: 0px 0px 0px 2px;
	background-repeat: no-repeat;
	border-top-color: gray;
	border-top-style: none;
	border-bottom-color: gray;
	border-bottom-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: #E9E9E9;
	*/
}

.front_module{
	float: left;
	overflow: hidden;
	padding: 5px 10px 10px 10px;
	margin: 0 20px 0 0; 
	height: 270px;
	width: 280px;
}


#front_bottom h2 {
font-size: 20px;
font-weight: normal;
text-align: left;
padding-bottom: 5px;
color: #4E4E4E;
}


#front-bottom-standard{

}

#front-bottom-weather{

}
#front-bottom-dbstats{

}
#front-bottom-image{

}
.front-image-pic{
	padding: 5px;
}

/*=======Quote Generator========*/

#front-bottom-quote{
	float: left;
	width: 277px;
}

#front-bottom-quote p{
margin: 0px;
padding: 5px;
}
.quote_line {
	color: #666666;
	font-family: "Lucida Calligraphy", "Adobe Garamond Pro", serif;
	font-size: small;	
}
.quote_person {
	color: #666666;
	font-family: "Lucida Calligraphy", "Adobe Garamond Pro", serif;
	font-size: small;	
}
.front-bottom-quote h2{
margin: 0px;
padding: 0px;
}


/*======Calendar======*/
#front-calendar{
	float: left;
	width: 288px;
	border: thin solid #999999;
	margin: 5px;
}

#front-calendar p{
margin: 0px;
padding: 0px;
}
.front-calendar h2{margin: 0px;padding: 0px;
}
.front-calendar h3{margin: 0px; padding: 0px;}

.calendar_item {
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	background-image: url(http://www.steepleweb.com/global/images/champaign/grey_fade.jpg);
	background-color: #FFFFFF;
	background-repeat: repeat-x;
}
.calendar_item_title{
	font-size: 16px;
	font-family: Calibri;
	font-weight: bold;
	margin: 0em;
	padding: 0px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000099;
}
.calendar_item_date {
	text-align: left;
	font-size: 12px;
	font-family: Calibri;
	font-weight: bold;
}
.calendar_item_tagline {
	font-size: 14px;
	font-family: Calibri;
	font-style:italic;
}


/*====Twitter Feed===*/
#twitter_div {
	font-size: 90%;
	font-weight: bold;
	width: 277px;
	overflow-y: scroll;
}

ul#twitter_update_list {
	list-style: none;
	margin: 3px 5px 5px -40px;
}
ul#twitter_update_list li {
	margin-bottom: 5px;
	color: #99999;
	border-bottom: thin solid grey;
}

.result_note{
	border-bottom: thin dashed #585858;
}


/* clean gray
*******************************************************************************/
.clean-gray {
	float: left;
	margin: 2px 3px;
	  background-color: #eeeeee;
	  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
	  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
	  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
	  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
	  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
	  background-image: linear-gradient(top, #eeeeee, #cccccc);
	  border: 1px solid #ccc;
	  border-bottom: 1px solid #bbb;
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  border-radius: 3px;
	  color: #333;
	  font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	  line-height: 1;
	  padding: 6px 0;
	  text-align: center;
	  text-shadow: 0 1px 0 #eee;
	  width: 140px; 
}
.clean-gray:hover {
    background-color: #dddddd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb));
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(top, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd; 
}
.clean-gray:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; 
}


.button_holder{
	float:left; 
	padding-left: 10px;
	text-align: left;
	padding-bottom: 5px;
}

.button_small_text{
	font-weight: normal;
	font-size: 12px;
}

.button_title{
	font-size: 16px;
}

.features_icons {
	float: left;
	margin-right: 25px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.input_holder{
	float: left;
	margin: 5px 5px;
	width: 31%;
	height: 100%;
	overflow: hidden;
}

.input_holder label{
	font-weight: bold;
	font-size: 12px;
}

.input_holder select{
	width: 100%;
}