/* Copyright Riverock Technologies, LLC
Style sheet to set colors 
*/

html
{
    height: 100%;
}

body
{
    font-family: "Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 1.5em;
    margin: 0px;
    height: 100%;
	color: #515151;
	text-align: center;
}

img
{
    border: none;
	margin: 0;
	padding: 0;
}

img.ss, img.ssb
{
    text-align: center;
}

img.ssb
{
    border: solid 1px #caced4;
}

#header
{ 
    background-image: url(../images/header.png);	
	background-position: 0 0; 
	width: 760px; 
	height: 103px; 
}

#nav
{ 
	padding-top: 75px;
	padding-left: 7px; 
}

#nav ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 500px;
}

#nav li
{ 
	float: left; 
	margin: 0 4px 0 0; 
	display: block; 
	padding: 0; 
}

#nav a
{
    float: left;
    padding: 3px 8px 6px 8px;
    font-weight: bold;
    text-decoration: none;
    border: solid 1px;
    border-width: 1px 1px 0px 1px;
}

.clear
{
    clear: both;
}

.hide
{
    display:none;
}


#container
{
    background-color: #fff;
    width: 760px;
    margin: 15px auto 0;
    padding: 0;
    text-align: left;
    position: relative;
    min-height: 90%;
}

* html #container
{
    height: 90%;
}

#footer
{
    clear: both;
    margin: 0 auto;
    font-weight: bold;
    text-align: center;
    vertical-align: bottom;
    font-size: 90%;
    background-position: 0 bottom;
    width: 760px;
    height: 45px;
}

#footer_links
{
	padding: 3px 0px;
}

#footer a
{
    padding: 0px 5px;
}

#sidebar
{
    width: 200px;
    margin-top: 20px;
    margin-left: 535px;
    padding: 0;
}

#sidebar h1
{
    font-size: 16px;
    border-bottom: solid 2px;
}

#sidebar h2
{
    font-size: 14px;
    margin: 2px;
    padding: 2px;
    border-bottom: solid 1px;
}

#sidebar h3
{
    font-size: 12px;
    margin: 0;
}

#sidebar p 
{
    margin-top:0.5em;
}

#sidebar a
{
    font-weight: bold;
    text-decoration: none;
    border-bottom: dotted 1px;
}

#sidebar a:hover
{
    border-bottom: solid 2px;
}

/*
Sidebar styles for news and testimonial blocks.
- the styles define and place the images.
*/
#sidebar ul 
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#sidebar li 
{
    padding-left: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
}

#news li
{
    padding-left: 0px;
}

#plinks li
{
    font-size: 130%;
    padding: 5px;
    margin-left: 10px;
}

#plinks img
{
    vertical-align: middle;
}

#sidebar #lyears
{
	margin-left: 15px;
}

#sidebar h2.news 
{
    background-image: url(../images/newspaper.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: 0 .20em;
}

#home_content
{
    width: 485px;
    padding: 0;
    margin-top: 10px;
    padding-left: 28px;
    float: left;
}

#content
{
    width: 700px;
    padding: 0;
    margin-top: 10px;
    padding-left: 28px;
/*    float: left;*/
}

#no_sidebar_content
{
    width: 685px;
    padding: 0;
    margin-top: 10px;
    padding-left: 28px;
    float: left;
}



#content h1, #no_sidebar_content h1
{
    font-size: 18px;
    margin-top: 1.6em;
    margin-bottom: 0.3em;
    border-bottom: dotted 1px #c90;
}

#content h2, #no_sidebar_content h2
{
    font-size: 14px;
    border-bottom: dotted 1px #c90;
    margin-top:1.6em;
}

#content h3, #no_sidebar_content h3
{
    font-size: 12px;
    margin: 0;
}

#content h4, #no_sidebar_content h4
{
    font-size: 12px;
    font-style: italic;
    margin: 0 0 4px 0;
}

#content a, #no_sidebar_content a
{
    font-weight: bold;
    text-decoration: none;
    border-bottom: solid 1px;
   
}
#content a:hover, #no_sidebar_content a:hover
{
   border-bottom: solid 2px;
}

#content a.unadorned, #content a.unadorned:hover, 
#no_sidebar_content a.unadorned, #no_sidebar_content a.unadorned:hover,
#sidebar a.unadorned, #sidebar a.unadorned:hover
{
    border-bottom: none;
}

#content p, #no_sidebar_content p
{
    margin-top: 0.8em;
    margin-bottom: 0.8em;
}

#content a.icon, #content a.icon:hover, #no_sidebar_content a.icon, #no_sidebar_content a.icon:hover
{
	border-bottom: none;
	outline: none;
}

.box
{ 
	width: 180px; 
	padding: 5px 10px; 
	border-right: 1px solid #667e9f; 
	border-left: 1px solid #667e9f; 
}

* html .box		/* Hack to set a different width for the box in IE7.  This is necessary due to how IE7 inteprets the width of an element different with regards to padding and margins than do other browsers */
{
	width: 202px;
}

#sidebarfooter { background-image: url(../images/sidebarfooter.gif); width: 202px; height: 13px; }
#newsheader { background-image: url(../images/news.gif); width: 202px; height: 39px; margin-top: 0px; }

li.feature
{
    list-style-type: none;
    background-image: url(../images/li.gif);
    background-repeat: no-repeat;
    background-position: 0 .30em;
    padding-left: 15px;
}

td.tdtechnology
{
    background-image: url(../images/li.gif);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left:  8px;
    padding-right: 8px;
}

table.technology
{
	margin-left: 10px;
}

tr.trtechnology
{
	height: 30px;
}

.column 
{
    border-collapse: separate;
    padding:6px;
    border: 1px solid;
}

.tournav 
{
    margin-top: 10px;
    text-align: center;
    font-weight: bold;
}

ul.articles
{
	padding: 0px;
	margin: 10px 0px 0px 0px;
}

ul.articles table
{
	font-size: 1em;
}

ul.articles .newspaper
{
	vertical-align: top;
	padding-right: 3px;
}

ul.articles li.articles 
{
    list-style-type: none;
	margin-bottom: 1.0em;
}

ul.articles .article 
{
	font-size: 125%;
    margin-bottom: 0.2em;
}

ul.articles posted 
{
    font-style: italic;
    margin-top: 0.2em;;
    line-height: 1;
}

table.shaded th, table.shaded td 
{
    padding: 5px;
    background: #eee;
}

.right {
    text-align: right;
}

#signup
{
	margin: 1px;
	width: 180px; 
	padding: 5px 10px 10px 10px; 
	border: 1px solid #667e9f; 
}

#signup p
{
    margin-top: 0.1em;
    margin-bottom: 10px;
	padding-left: 7px;
    font-family: "Arial",Verdana,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    height: 100%;
	color: #515151;
}

#signup div#outer 
{
    background: url("../images/signup.gif") -107px 0 no-repeat;
	width: 107px;
	height: 29px;
	margin-left: 35px;
}

#signup div#outer a 
{
	background: url("../images/signup.gif") top left no-repeat;
	display: block;
	margin: 0; 
	padding:0;
	width:100%; 
	height:100%;
	overflow:hidden;
	border: none;
}

#signup div#outer a:hover 
{
	background-image: none;
}

.logo
{
	margin: 0px auto 10px auto;
}

#content #learn_more 
{
    background: url("../images/learn_more.png") -135px 0 no-repeat;
	width: 135px;
	height: 29px;
	margin: 30px auto;
}

#content #learn_more a
{
    background: url("../images/learn_more.png") top left no-repeat;
	display: block;
	background-position:0 0px;
	width:100%; 
	height:100%;
	overflow:hidden;
	border: none;
}

#content #learn_more a:hover
{
	background-image: none;
}

/* Style used by the Rails "flash" feature */
#notice 
{
    padding-top: 1em;
	font: bold;
	font-size:16px;
	text-align:center;
}

/* Style used by the Rails error handling feature */
#general_error_box 
{
	color:red;
	margin-bottom:20px;
}

.field_note
{
	font-size: 11px;
}

/* Style used by the 404 and 500 error pages */
div.error_dialog 
{
	width: 40em;
	padding: 0 4em;
	margin: 4em auto 0 auto;
	border: 3px solid;
}

/* Style for forms */
#frmSubmit
{
	padding: 14px;  
	background-color: #909E85;
}

#div_btnSubmit
{
	padding-left: 180px;
}

#admin #frmSubmit
{
	width: 608px;
}

#admin #btnSubmit
{
	margin-left: 100px;
}

#company_image
{
	margin-left: 90px;
}

/*======= paging button styles =====================*/
/*==================================================*/
.ms_paging
{
	margin: 10px auto 0px; 
	text-align: center;
}

.ms_paging ul
{
	height:28px;
	width:330px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
    vertical-align: middle;
	padding: 0px;
	list-style-type:none;
}

.ms_paging li 
{
	float:left;
	padding-right: 7px;
}

.ms_paging li#label
{
	margin-top: 7px;
}
a.button
{
	outline: none;	/* hide dotted outline in Firefox */
}

.ms_paging .paging_button  
{
	background:transparent url(../../images/btn-paging.png) no-repeat;	
	display:block; 
	margin-top:0px;
	height: 28px; 
	width: 53px;

}

.ms_paging .paging_button#previous {
	background-position: 0 0px;
	border-bottom: none;}
.ms_paging .paging_button#previous:active {
	background-position: 0 -28px;
	border-bottom: none;}
.ms_paging .disabled .paging_button#previous {
	background-position: 0 -56px;
	border-bottom: none;}

.ms_paging .paging_button#next {
	background-position: 0 -84px;
	border-bottom: none;}
.ms_paging .paging_button#next:active {
	background-position: 0 -112px;
	border-bottom: none;}
.ms_paging .disabled .paging_button#next {
	background-position: 0 -140px;
	border-bottom: none;}

.ms_paging .paging_button#first {
	background-position: 0 -168px;
	border-bottom: none;}
.ms_paging .paging_button#first:active {
	background-position: 0 -196px;
	border-bottom: none;}
.ms_paging .disabled .paging_button#first {
	background-position: 0 -224px;
	border-bottom: none;}

.ms_paging .paging_button#last {
	background-position: 0 -252px;
	border-bottom: none;}
.ms_paging .paging_button#last:active {
	background-position: 0 -280px;
	border-bottom: none;}
.ms_paging .disabled .paging_button#last {
	background-position: 0 -308px;
	border-bottom: none;}
	
#login_title
{
    font-size: 18px;
    margin-top: 1.6em;
    margin-bottom: 0.3em;
}

.admin_list
{
	padding: 5px;
	border: solid 1px;
}

.heading_stat
{
	font-size: 75%
}

.news_header
{
	display: block;
    font-size: 24px;
	height: 36px;
    margin-top: 0.6em;
    background-image: url(../images/newspaper_big.jpg);
    background-repeat: no-repeat;
	padding-left: 65px;
	padding-top: 8px;
}


.bio_image
{
	float: left;
	margin-right: 10px;
}