@charset "UTF-8";
/* CSS Document 
  CSS FOR RiverCitySolutions.com
  CREATED 7/17/08
  Scott Wilmarth
  River City Studio

====================
site colors:
---------------------

Blue: #3366CC

Green: #009900

Gray: #666666

----------------------  */



/* General Page Layout   ----------------------- */

#pageWrapper {
   position: relative;
   width: 950px;
   margin: 0px auto;
}
#RCSolLogo {
   position: absolute;
   top: 57px;
   left: 0px;
   z-index: 2;
   width: 313px;
   padding: 0px 0px 0px 0px;
   margin:0px;
   background-image: url(/_img/RiverCitySolutionsLogo.jpg);
   background-repeat: no-repeat;
}
#RCSolLogo img {
   width: 313px;
   height: 270px;
}
#RCSolLogo p {
   text-align: center;
   color: #000;
   font-size: 14px;
   font-weight: bold;
   font-stretch:condensed;
   width: 240px;
}
#pagePhoto {
   position: absolute;
   bottom: 0px;
   right: 0px;
   z-index: 3;
}

#click {
	color: #3366CC;
	cursor: pointer;
	text-decoration: underline;
}
/*contact us and carreer Nav at top*/

#topNav {
   position: absolute;
   right: 5px;
   top: 10px;
   z-index: 25;
   color: #009900;
   padding: 0px 6px;
   font-size:10px;
   font-weight:bold;
}
#topNav a {
   padding:0px 3px;
}
#header h1 { /*  this is the line  of text at top of each page "The Right Solution..." */
   margin: 0px;
   padding: 0px;
   position: absolute;
   top: 35px;
   left: 228px;
   font-size: 42px;
   z-index: 5;
   font-weight: normal;
   margin: 0px;
}
#content {
   margin: 100px 60px 0px 0px;
   padding: 1px 0px 15px 30px;
   float: right;
   background-image: url(/_img/gHomeNavBullets.jpg);
    background-repeat:no-repeat;
    background-position: 0px 0px;
   width: 545px;/width:485px; /* IE 6-7 Hack ... IE displays the width after the SLASH and Firefox, Safari and others render first width */
}
#sidebar {
   margin: 328px 0px 0px 0px;
   padding: 0px;
   width: 313px;
   float: left;
   z-index: 11;
}
.clearFloat { clear:both; }
#footer {
   width: 950px;
   border-top: #CCC 1px solid;
   margin: 0px 0px 0px 0px;
   padding: 20px 0px;
   position: relative;
   clear: both;
   text-align:center;
   font-size: 10px;
}
#footer address, #footerHome address {
   margin: 0px 0px 0px 0px;
   padding: 20px 0px 0px 0px;
   clear: both;
   text-align:center;
   font-size: 10px;
   font-style:normal;
}
#footer p, #footerHome p {
   margin: 5px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   clear: both;
   text-align:center;
   font-size: 10px;
   font-style:normal;
}



/* Home Specific Stuff   ----------------------- */
#contentHome {
   margin: 100px 60px 0px 0px;
   padding: 0px;
   float: right;
   z-index: 10;
   width: 575px;/width:515px; /* IE 6-7 Hack... Firefox, Safari and others display first width, IE 6-7 display the 2nd width after slash */
}
#contentHome p {
   margin: 5px 0px 5px 0px;
   padding: 0px;
   line-height: 17px;
}
#contentHome ul {
   margin: 5px 0px 5px 10px;
   padding: 0px 0px 10px 0px;
}
#contentHome li {
   margin: 0px 0px 2px 0px;
   padding: 0px 0px 10px 18px;
}
#contentHome h1 {
   margin: 0px 0px 5px 0px;
   padding: 0px 0px 5px 30px;
   font-size: 24px;
   color: #009900;
   background-image: url(/_img/gHomeNavBullets.jpg);
   background-repeat:no-repeat;
   background-position:left -2px;
}
#homeNav a {
   color: #009900;
   text-decoration:none;
}
#homeNav a:hover {
   color: #3366CC;
   text-decoration:none;
   border-bottom:1px dotted #3366CC;
}
#homeParagraph {
   width:290px;
   margin: 6px 0px 0px 0px;
}
#pagePhotoHome {
   position: absolute;
   top: 120px;
   right: 0px;
   z-index: 3;
   background-repeat:no-repeat;
   background-position: bottom right;
}
#homeParagraph p em strong {
   font-size:15px;
   font-weight:bold;
   font-style:normal;
}
#promoButton {
   height:105px;
   background-image:url(/_img/btnLargeGreen.jpg);
   background-position: 47px 0px;
   background-repeat:no-repeat;
   position:relative;
   margin: 30px 0px 0px 0px;
   padding:10px 0px 0px 80px;
   width: 233px;
}
#promoButton table td {
   width: 150px;
   margin: 0px;
   padding: 0px;
   color:#FFF;
   font-size:14px;
   vertical-align:middle;
   text-align:left;
   height:60px;
   font-weight:bold;
}
#promoButton table td a {
color:#FFF;
text-decoration:none;
}
#promoButton table td a:hover {
   color:#000033;
   text-decoration:none;
}

#footerHome {
   width: 950px;
   border-top: #CCC 1px solid;
   margin: 0px 0px 0px 0px;
   padding: 20px 0px;
   position: absolute;
   left: 0px;
   top:520px;
   text-align:center;
   font-size: 10px;
}
/* General styles   ----------------------- */

body, td, th {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #666;
}
body {
   background-color: #FFFFFF;
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
}
a:link {
   color: #009900;
   text-decoration: none;
}
a:visited { 
   text-decoration: none;
   color: #009900;
 }
a:hover {
   text-decoration: underline;
   color: #3366CC;
}
a:active { text-decoration: none; }
h1 {
   font-size: 24px;
   color: #009900;
}
#content h1 {
   margin: 0px 0px 5px 0px;
   padding: 0px 0px 5px 0px;
   font-size: 24px;
   color: #009900;

}
h2 {
   font-size: 16px;
   color: #666;
   margin: 15px 0px 5px 0px;
   padding: 0px;
}
h3 {
   font-size: 16px;
   color: #009900;
   margin: 15px 0px 5px 0px;
   padding: 0px;
}
h4 {
   font-size: 14px;
   color: #3366CC;
   margin: 15px 0px 5px 0px;
   padding: 0px;
}
#content p {
   margin: 5px 0px 5px 0px;
   padding: 0px;
   line-height: 17px;
}
#content ul {
   margin: 5px 0px 5px 0px;
   padding: 0px 0px 0px 0px;
}
#content li {
   margin: 0px 0px 2px 15px;
   padding: 0px 0px 2px 0px;
}
img { border: 0px; }
.textBlue { color: #3366CC; }
.textGreen { color: #009900; }
.textGray { color: #666; }
#content ul.greenBullet {
    margin: 10px 0px 0px 15px;
    padding: 0px 0px 10px 0px;
}
#content ul.greenBullet li {
    margin: 0px 0px 4px 5px;
    padding: 0px 0px 0px 0px;
    /*background-image:url(/_img/gBulletGreen.jpg);
    background-position:0px 0px;
    background-repeat:no-repeat;*/
    list-style-image:url(/_img/gBulletGreenSmall.jpg);
}
#content ul.greenBullet a {
   padding: 0px 0px 0px 0px;
   margin: 0px 0px;
   font-size:15px;
   font-weight:bold;
   /*display:block;*/
   color: #3366CC;
   border-bottom:1px solid #FFF;
   height:22px;
}
#content ul.greenBullet a:hover {
    color: #009900;
    border-bottom:1px dotted #009900;
    text-decoration:none;
    
}
.floatRight {
float:right;
margin: 0px 0px 10px 15px;
padding: 0px;
border: none;
}
/*#pageWrapper.training #content */
img.sectionPhoto { /* this sets the photo per section */
    margin: 0px -60px 0px 0px;
    padding: 0px -60px 10px 20px;
    float:right;
}

img.30boxes {
	width: 50px;
	padding-right: 13px;
	margin-top: 15px;
	
}

.landingText {
	 font-size: 12px; 
	 font-weight: normal;
}
#content .landingText li {
	margin-left: 120px;
}


h6 {
   font-size: 16px;
   color: #666;
   margin: 15px 0px 5px 0px;
   padding: 0px;
   height: 150px;
}

img.adobeLanding {
	float: left; 
	margin-right: 7px;
}

#content p.introText {
	width: 430px;
	float: right;
	padding-left: 15px;
}

#content img.classImg { 
	margin-top: 6px;
	vertical-align: middle;
}

/* Sidebar Nav Styles  -----------------------

FIRST LEVEL NAV      */

#nav {
   margin: 0px 0px 5px 0px;
   padding: 0px 0px 0px 60px;
   font-size: 15px;
   list-style:none;
}
#nav li {
   margin: 0px 0px 9px 0px;
   padding: 0px 0px 0px 5px;
   list-style:none;
}
#nav a {
   color: #009900;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 7px 0px;
}
#nav a.active { font-weight:bold; }
#nav a:hover { color: #3366CC; }
/* 2nd Level Nav or the subnav */

#nav ul {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 10px;
   font-size: 14px;
   list-style:none;
}
#nav ul li {
   margin: 3px 0px 3px 0px;
   padding: 0px 0px 0px 5px;
   list-style:none;
}
#nav ul a {
   color: #3366CC;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 5px 0px;
}
#nav ul a:hover {
   color:#000000;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 5px 0px;
}
/* 3rd Level Sub Subnav */



#nav ul li.third {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 30px;
   font-size: 11px;
   list-style:none;
   color:#999999;
}
/* this "TURNS OFF" subnav that is not active */

 #nav ul { display: none; }
/* tthis "TURNS ON" the subnav in the active section */

#pageWrapper.training #nav #training ul, #pageWrapper.computerSupport #nav #computerSupport ul, #pageWrapper.training #nav #training ul { display: block; }

/* --------------------------- Signup Form Declarations ---------------------- */

.star {
   color:#990000;
   font-weight:bold;
   padding-left:5px;
}
#myContinue {
   cursor: pointer;
   margin: 25px 0px 0px 300px;
   font-family: Arial, Helvetica, sans-serif;
   background-color: transparent;
   font-size: 16px;
   font-weight:bold;
   color: #666;
   border: 0px transparent none;
}
#mySubmit {
   cursor: pointer;
   margin: 25px 0px 0px 0px;
   width: 100px;/*font-family: Arial, Helvetica, sans-serif;
	background-color:transparent;
    font-size: 16px;
	font-weight:bold;
    color: #666;
	border:0 transparent none;*/
}
.cssform {
   position: relative;
   top: 0px;
   left: 0px;
}
.cssform label {
   display: block;  /* block float the labels to left column, set a width */
   float: left;
   width: 200px;
   padding: 0px;
   margin: 0px 0px 5px 0px;
   color: #009900;
}
#signUpForm input.shiftRight { margin-left: 18px; }
#signUpForm input, #signUpForm select { padding: 2px; }
#signUpForm h2.breakLine{
   clear: left;
   margin-top: 30px;
   padding-top: 15px;
   border-top: 1px solid #999;
   width: 400px;
}
#signUpForm p.error {
   text-align: center;
   font-size: 110%;
   color: red;
   font-weight: bold;
}
#signUpForm p a.termsAndConditions {
   font-size: 80%;
   color: blue;
}
.inputText, #signUpForm textarea, #signUpForm select {
   /* 	display: block; */
	width: 200px;
   margin-bottom: 10px;
   padding: 0px;
   border: 1px solid #666;
}
.inputSelect {
   /* 	display: block; */
	width: 200px;
   margin: 0px 0px 10px 0px;
   padding: 0px;
   border: 1px solid #666;
}
label.radio { float: left; }
.cssform p {
   clear: left;
   margin: 5px 0px 10px 0px;
   padding: 0px;
}
#attendeeBoxes p.attendee { margin-top: 30px; }

/* ------------------ Terms and Conditions Declarations -------------------- */
	
#termsBody { padding: 5px; }


/* ------------------ Lightbox effect on pages -------------------- */
.black_overlayContainer {position:relative;}
	
.black_overlay {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
.white_content {
    display: none;
    position: absolute;
    top: 5%;
    left: 5%;
    width: 80%;
    height: 80%;
    padding: 16px;
    border: 2px solid #3366CC;
    background-color: white;
    z-index:1002;
    overflow: auto;
}

#infoBox {
width: 180px;
float:right;
padding: 10px;
margin: 10px 0px 10px 10px;
border:1px solid #009900;
background-color:#EEE;
text-align:center;
}
#infoBox h2 {
padding: 0px;
margin: 0px 0px 2px 0px;
font-size:22px;
color:#3366CC;
}
#infoBox h3 {
padding: 0px;
margin: 0px 0px 2px 0px;
font-size:15px;
color:#009900;
}
#infoBox h4 {
padding: 0px;
margin: 0px 0px 2px 0px;
font-size:11px;
color: #666;
}

/* ----------------- MACBUSINESS PAGE --------------------*/
.registerButton {
font-size:10px;
}

/* ----------------- Newsletter Sign UP PAGE --------------------*/
#mailer {
position:relative;
}
#mailer p {
margin: 10px 0px;
}
.lineUp {
position: absolute;
left: 110px;
}


/* ----------------- BLOG PAGE --------------------*/

#right {
	background-color: #CCCCCC;
	float: right;
	/* margin-left: 420px; */
	padding: 15px;
	width: 90px;
}

#right a {
	display: block;
	font-size: 11px;
	margin: 0px 0px 6px 0px;
}

#rightH2First {
	padding-top: 15px;
}

/*
#rightH2 {
	border-top: 2px dashed #666666;
	margin-top: 50px;
	padding-top: 15px;
}
*/

.contBlock {
	margin: 0px auto;
	clear: left;
/* 	border-bottom: 2px dashed #333; */
	padding-bottom: 7px;
	min-height: 90px;
	height: auto !important;
	height: 90px;
	margin-bottom: 16px;
}

.contBlock img {
	float: left;
	margin-right: 10px;
	margin-bottom: 6px;
}


#left {
	
}

#mid {
	margin-bottom: 100px;
	margin-right: 140px;
}

.blogBlock {
	border-bottom: 2px dashed #666666;
	padding: 1px 20px 20px 15px;
	margin-bottom: 30px;
}

.blogBlock h3 {
	margin-bottom: 0px;
}

.blogBlockBio {
	border-bottom: 1px solid #3366CC;
	padding: 1px 20px 20px 15px;
	margin-bottom: 30px;
}

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

.blogBlockBio h3 {
	color: #3366CC;
	margin-bottom: 0px;
}


.blogDate {
	font-size:10px;
	margin-top: 0px;
}

.bk2training {
	text-decoration: underline;
}