/* 
Blue: #417aaa
Yellow: #ffae00
Red:  #993300
Black: #333333
Light Grey: #7f7c73;


H1:
font-family: tahoma, sans-serif;
font-size: 18px;
font-weight: bold;
color: #417aaa

H2:
font-family: tahoma, sans-serif;
font-size: 12px;
font-weight: bold;
color: #417aaa;

H3:
font-family: tahoma, sans-serif;
font-size: 18px;
font-weight: normal;
color: #417aaa

H4 (default = body text + bold):
font-family: tahoma, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333333;

p (main body text):
font-family: tahoma, sans-serif;
font-size: 12px;
font-weight: normal;
color: #333333;

a (main body links):
font-family: tahoma, sans-serif;
font-size: 12px;
font-weight: normal;
color: #993300;

a:hover:
font-family: tahoma, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: underline;
color: #993300;

a:visited:
font-family: tahoma, sans-serif;
font-size: 12px;
font-weight: normal;
color: #993300;


#nav a
font-family: arial;
font-size: 11px;
font-weight: normal;
color: #ffffff;

#nav a:hover
font-family: arial;
font-size: 11px;
font-weight: normal;
color: #ffae00;

#nav a.navsel
font-family: arial;
font-size: 11px;
font-weight: normal;
color: #ffae00;

p.testimonial
font-family: times;
font-size: 18px;
font-weight: normal;
font-style: italic;
color: #417aaa;

.testimonial span.name

.alt (for background colors on alternating rows on tables of resources or other lists)

#footer a.nav
font-family: arial;
font-size: 11px;
font-weight: normal;
color: #7f7c73;


BF sub nav text style:
arial, 11px
unactive: #ffffff;
active/rollover:#303030;

TH sub nav text style:
arial, 11px
unactive: #ffffff;
active/rollover:#f1ab00;

*/

html {
min-height: 100%;
margin-bottom: 1px; }/* Always make vertical scrollbar (kills annoying page shift in Firefox) */


* {
margin:0;
padding:0;}

/* --------------  fonts  -------------- */
h1, h1 a, h1 a:hover, h1 a:visited {
font-family: tahoma, sans-serif;
font-size: 18px;
font-weight: bold;
color: #417aaa;
margin-bottom:10px;
text-decoration:none;}

h1 span {
color:#ffae00;
text-transform:uppercase;}

h2 {
font-family: tahoma, sans-serif;
font-size: 12px;
font-weight: bold;
color: #417aaa;}

h3 {
font-family: tahoma, sans-serif;
font-size: 17px;
font-weight: normal;
color: #417aaa;}

h4 {
font-family: tahoma, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333333;}

body {
font-family: tahoma, sans-serif;
font-size: 12px;
font-weight: normal;
color: #333333;}

p, ul, ol {
line-height:130%;
margin-bottom:10px;}

ul, ol {
margin-left:25px;}

a {
font-family: tahoma, sans-serif;
font-size: 12px;
font-weight: normal;
color: #993300;
text-decoration:none;}

a:hover {
font-family: tahoma, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: underline;
color: #993300;}

a:visited {
font-family: tahoma, sans-serif;
font-size: 12px;
font-weight: normal;
color: #993300;}

span.bold {
font-weight:bold;}

a img {
border:none;}


/* nav */
#nav ul {
list-style:none;}

#nav li {
color:#8c816b;}

#nav li a {
font-family:Ariel, sans-serif;
font-size:11px;
color:#ffffff;
text-decoration:none;
text-transform:uppercase;}

#nav li a.navsel, #nav li a:hover {
color:#ffae00;}


/* sub nav */
.bf a, .th a, .apps a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
text-decoration:none;}

.bf a:hover, .bf a.navsel {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#303030;
text-decoration:underline;}

.th a:hover, .th a.navsel {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#f1ab00;
text-decoration:none;}

/* Dougs add */
.apps a:hover, .apps a.navsel {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#f1ab00;
text-decoration:none;}
/* end Dougs add */

/* contact info in header */
#contact p {
font-family: arial;
font-size: 13px;
font-weight:normal;
color:#2f240f;
line-height:16px;
display:block;
margin-bottom:0;}

#contact a {
font-family: arial;
font-size: 13px;
color:#2f240f;
font-weight:normal;
text-decoration:none;}

#contact p span {
font-weight:bold;}

#contact a:hover {
color:#f1ab00;
text-decoration:underline;}

/* login in header */
#log_in {
font-size:11px;
color:#2F240F;}

.username, .password {
border:1px solid #857658;
height:18px;}
#login_button{
border:0px;
width:18px;
 height:40px; }

/* right column contact form on inside pages */
#contact_short p {
margin-bottom:5px;}

#contact_short a {
text-decoration:none;}

#contact_short a:hover {
text-decoration:underline;}

.textboxreqd {
border:1px solid #999999;
width:165px;
height:20px;}

.large_text {
border:1px solid #999999;
width:343px;
height:100px;
overflow:hidden;}

.red {
color:#993300;}

.required {
font-size:10px;
color:#993300;
float:left;}


/* testimonials */
#testimonials p {
font-family: times;
font-size: 16px;
font-weight: normal;
font-style: italic;
color: #545454;
text-align:left;}

#testimonials span.name {
font-size: 12px;
font-weight:bold;}

#testimonials span.location {
font-size: 12px}


/* news on home page */
p.news_date, a.news_date {
font-family: tahoma, sans-serif;
font-size: 11px;
font-weight: bold;
color: #333333;
margin-bottom:0;
text-decoration:none;}

p.news_title, a.news_title {
font-family: tahoma, sans-serif;
font-size: 12px;
font-weight: bold;
color: #417aaa;
margin-bottom:0;
text-decoration:none;}

p.news_teaser, a.news_teaser, p.news_description {
font-family: tahoma, sans-serif;
font-size: 12px;
font-weight: normal;
color: #333333;
margin-bottom:20px;
text-decoration:none;}


/* bios */
td.staff_pic {
padding-right:10px;}

td.staff_bio p {
margin:0;}

td.staff_bio p.name_title {
color:#417aaa;
font-weight:bold;}

td.staff_bio p.phone {}

td.staff_bio p.email a {
font-family: tahoma, sans-serif;
font-size: 12px;
font-weight: normal;
color: #993300;
text-decoration:none;}

td.staff_bio p.email a:hover {
text-decoration:underline;}


/* news */
a.itemtitlelink {
font-weight:bold;
color:#417aaa;}

a.itemtitlelink:hover {
font-weight:bold;
color:#417aaa;}

.itemdate {
font-size:11px;
color:#333333;}

.itemteaser {
color:#333333;}

.itemmore {
font-size:11px;}


#footer p, #footer a {
font-family:Arial, sans-serif;
font-size:11px;
color:#7f7c73;
line-height:100%;
text-transform:uppercase;
text-decoration:none;
margin:5px 0;}

#footer a:hover {
text-decoration:underline;}


/* --------------  layout  -------------- */

body {
background:url(/images/background.png) repeat;}

#wrapper {
width:960px;
margin:0 auto;
background-color:#ffffff;}

#bg {
width:960px;
clear:both;
background:url(/images/rc_rp_slice.jpg) repeat-y top right;}

#bg_bottom {
width:960px;
clear:both;
background:url(/images/rc_bottom.jpg) no-repeat bottom right;
padding-bottom:50px;}

#header {
width:940px;
height:118px;
float:left;
margin:10px 0 0 10px;
background:#ffffff url(/images/nav_right.jpg) top right no-repeat;}

#logo {
width:196px;
height:90px;
float:left;}

#header_top {
width:744px;
height:59px;
float:right;}

#contact {
float:right;
width:700px;
height:56px;
margin:2px 20px 0 15px;
/*text-align:center;*/}

#log_in {
width:310px;
height:59px;
float:right;}

#log_in table {
margin-top:10px;}

#portal {
width:110px;
height:90px;
float:right;}

#nav {
width:744px;
height:31px;
float:right;}

#nav ul {
width:704px;
height:23px;
padding:8px 0 0 40px;
margin:0 auto;}

#nav ul li {
float:left;}

#nav ul li a {
display:block;}

#nav ul li.pipe {
padding:0 20px;}

#subnav {
width:940px;
height:28px;
float:left;
clear:both;
text-align:center;}

#subnav ul {
width:850px;
float:left;}

#subnav #social {
float:right;
width:50px;
height:25px;
padding:3px 10px 0 0;}

.bf {
background:url(/images/subnav_bf.gif) no-repeat top center;}

.th {
background:url(/images/subnav_th.gif) no-repeat top center;}
/* Dougs add */
.apps {
background:url(images/subnav_apps.gif) no-repeat top center;}
/* end Dougs add */

#subnav ul {
list-style:none;}

#subnav ul li {
height:20px;
padding-top:7px;
display:inline-block;}

#subnav ul li a {
display:inline-block;
height:20px;
padding:0 20px 0 20px;}

#subnav ul li.pipe {
padding-top:0;
vertical-align:middle;}

#subnav ul li.pipe img {
vertical-align:middle;}




#left_col {
width:505px;
float:left;
margin:20px 0 0 30px;
padding:10px 15px 0 0;}

#bfc {
width:450px;
float:left;
margin:20px 0;}

#bfc h3 {
margin-top:10px;}

#news_home {
width:490px;
float:left;
margin:20px 0 0 0;}

td.staff_bio {
padding:0px 8px 8px 8px;}

#port_main {
text-align:center;}



#right_col {
width:410px;
float:left;
margin:0 0 0 0;
background:url(/images/rc_top.png) no-repeat top left;
padding:30px 0 0 0;}

#right_col .pad {
padding:0 30px;}


#port_sidebar {
padding-left:30px;}

#whats_on {
width:350px;
padding:0 30px;}

#tech_help {
width:350px;
float:left;
margin:20px 0;}

#testimonials {
width:350px;
float:left;
margin:0 0 20px 0;
padding:40px 30px 0 30px;}

#testimonials p {
width:310px;
padding:0 0 0 30px;
background:url(/images/testimonial.gif) no-repeat top left;}

#testimonials p.author {
background:none;
line-height:110%;}


#contact_short {
width:350px;
padding:20px 0;
margin:0 30px;
border-bottom:3px dotted #dddddd;
border-top:3px dotted #dddddd;}


#footer {
width:900px;
float:left;
clear:both;
margin:10px;
padding:10px 20px;
border:1px solid #cccccc;
background-color:#ffffff;}

#disclaimers {
width:900px;
float:left;
text-align:center;}

#icons {
width:900px;
height:65px;
float:left;
clear:left;}

#icons img {
margin-left:15px;}


.clear {
clear:both;}

img, div, a, input, td { behavior: url(iepngfix.htc) }

/* spam decoys */
.form_serial { 
display: none; }

button.css3button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    padding: 10px 20px;
    background: -moz-linear-gradient(
        top,
        #83c736 0%,
        #477118);
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#83c736),
        to(#477118));
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #c3c3c3;
    -moz-box-shadow:
        0px 0px 0px rgba(255,255,255,0),
        inset 0px 0px 1px rgba(000,000,000,0.5);
    -webkit-box-shadow:
        0px 0px 0px rgba(255,255,255,0),
        inset 0px 0px 1px rgba(000,000,000,0.5);
    text-shadow:
        -1px 2px 0px rgba(000,000,000,0.3),
        0px 1px 0px rgba(255,255,255,0.3);
}