﻿html, body {
	margin: 0 0 1px;
	padding: 0px;
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #636363;
	/*line-height: 1.5em;
    text-align: justify;*/
    /*Force a Vertical Scrollbar with height:100% - When you've got a website with centered content, an annoying thing happens when changing pages: if the content is shorter than the browser height on one page, and extends past it on another, the layout shifts back and forth slightly if the browser doesn't have a permanent scrollbar gutter*/
    height: 100%;
}

p, table, tr, td
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #636363;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2c76a7;
	margin:0px;
	padding:0px;
}

.experiential ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #636363;
	margin:0px;
	padding-left:35px;
}

experiential li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #636363;
	margin:0px;
	padding-top:1px;
}

a.experientialTitle:link, a.experientialTitle:visited, a.experientialTitle:active {
	text-decoration:none;
	color:#666;
	font-weight:bold;
}

a.experientialTitle:hover {
	text-decoration:underline;
	color:#666;
	font-weight:bold;
}

a.computerSkillsCatNav:link, a.computerSkillsCatNav:visited, a.computerSkillsCatNav:active  {
text-decoration:none;
color:#aeaeae;
font-weight:bold;
font-size:13px;
}

a.computerSkillsCatNav:hover {
	color: #84b343;
}

a.computerSkillsNav:link, a.computerSkillsNav:visited, a.computerSkillsNav:active  
{
clear:left;
float:left;
padding-top:2px;
padding-left:5px;
color:#999999;
font-weight:normal;
font-size:12px;
text-decoration:none;
}

a.computerSkillsNav:hover {
	color: #79aa36;
}

a.softSkillsNav:link, a.softSkillsNav:visited, a.softSkillsNav:active  
{
color:#666;
font-weight:normal;
font-size:12px;
text-decoration:none;
}

a.softSkillsNav:hover {
    color: #79aa36;
}

a.edit 
{
    color:Red;font-weight:normal;font-size:11px;
}

a {
	font-weight: bold;	
	text-decoration: none;
	color: #636363;
}

a:hover {
	text-decoration: underline;
	color: #636363;
}

#maincontainer{
width: 961px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
padding-top:10px;
}

#topsection{
background-color: #EAEAEA;
height: 120px; /*Height of top section*/
padding: 10px 0px;
background-image:url(images/header.jpg);
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#leftcolumn{
/*margin-right: 200px;*/ /*Set right margin to RightColumnWidth*/
background-color: #fff;
}

#rightcolumn{
float: left;
width: 200px; /*Width of right column*/
margin-left: -200px; /*Set left margin to -(RightColumnWidth) */
background-color: #424d47;
color: #99CCFF;
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
/*margin: 10px;*/ /*Margins for inner DIV inside each column (to provide padding)*/
/*margin-top: 0;*/
padding: 10px;
}

