/* CSS Document */

#container {
border: 1px solid #006600;
width:756px;
margin: auto;
padding-top: 0;
}

#header {
width:756px;
height:90px;
background-image:url(../images/header4.jpg);
}

.error
{
    color: Red;
    font-family:Myriad Web Pro, Verdana, Arial;
    font-size: 8pt;
}
.button
{
    border: solid 1px #999999;
    background-color: #CCCCCC;
    margin:3px;
    font-family:Myriad Web Pro, Verdana, Arial;
    font-size:9pt;
}
/*-----Top Navigation-----*/
#navigation {
color:#FFFFFF;
width:100%;
height:20px;
background-color: #006600;
}

#navigation ul {
list-style:none;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0;
padding:0;
line-height:20px;
white-space: nowrap;
}

#navigation a {
color:white;
text-decoration:none;
margin:0;
padding: 0 14px 0 14px;
}

#navigation a:hover{
background-color:#339933;
border-bottom:3px solid #339933;
border-top:3px solid #339933;
text-decoration:none;
}

.topnav {
    display:inline;
    text-align:left;
    border-right: 1px solid #FFFFFF;
}

.topnavlast
{
    display:inline;
    text-align:left;
    border-right: solid 0px #FFFFFF;
}

.selected {
background-color:#339933;
border-bottom:3px solid #339933;
border-top:3px solid #339933;
}


/*-----Left Navigation-----*/
#left-nav {
	width:160px;
	float:left;
	color:#339933;
	background-color:#F1FCEF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 15px 0 4px;
	border: solid 1px #339933;
}

#left-nav ul{
	list-style:none;
	margin:0;
	padding: 3px 0 5px 8px;
	background-color:transparent;
}

#left-nav li {
	padding: 3px 0 3px 2px;
	background-color:transparent;
}

#left-nav li a {
display:block; 
background-color:transparent;
color:#339933;
text-decoration:none;
}

#left-nav li .selected {
display:block; 
padding-left: 2px;
padding-top: 3px;
padding-bottom: 3px;
background-color:transparent;
color:#339933;
text-decoration:none;
}

.left-nav-selected {
display:block; 
width: 174px;
background-color:#339933;
color:#FFFFFF;
text-decoration:none;
}

#team-nav
{
	padding:5px;
}

#team-nav ul
{
	margin-bottom: 5px;
	background-color:#F1FCEF;
	border: solid 1px #339933;
}

#team-nav li
{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}

.twitter {background-image:url(../images/bg_Twitter.jpg);}
.linkedin {background-image:url(../images/bg_LinkedIn.jpg);}
.twitter, .linkedin
{
	background-position: right center;
	background-repeat: no-repeat;

	margin:4px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:20px;
	padding-top: 6px;
	border: solid 1px gray;
}


/*-----Main Body Layout -----*/

#content {
width:756px;
text-align:inherit;
float:none;
}

#left{
width:476px;
margin:0;
padding:10px 20px 0 30px;
float:left;
}

#right{  /*--- " for page with left nav --*/
width:210px;
padding:10px ;
float:right;
margin:0;
background-color:#f1fcef;
background-repeat:repeat-y;
}

#sidebar {  /*--- "What's New " area --*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

#entry {  /*--- News, endorsements, etc...page entry --*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	border-bottom:thin dotted #999999;
	padding:0 10px 12px 10px;
}

#single-col{
width:696px;
margin:0;
padding:20px 30px 20px 30px;
float:left;
}

#portfolio-right {
width: 500px;
margin:0;
padding:20px 30px 20px 30px;
float:right;
}

.resource-box {
margin:0;
padding:10px 10px 10px 10px;
border-width: 1px;
border-style:dotted;
border-color:Green;
float:right;
}

.resource-box-td {
margin:0;
padding:10px 10px 10px 10px;
border-width: 1px;
border-style:dotted;
border-color:Green;
}

#footer{
width:100%;
border-top:1px solid #006600;
clear:both;
padding-top:4px;
margin-bottom: 4px;
text-align:center;
font-size:10px;
}

#footer ul {
list-style:none;
text-align:center;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
margin:0;
padding:0;
line-height:18px;
white-space: nowrap;
}

#footer li {
font-size:10px;
display:inline;
}


/*--Text Attributes--*/


body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
line-height:130%;
}


a:link, a:visited {
color:#006600;
}

a:selected {
color:#669900;
}

h1, .h1style {
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#006600;
font-size:150%;
}

h2, .h2style {
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#006600;
font-size:110%;
line-height:100%;
}

h3, .h3style {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:100%;
font-weight:normal;
padding-bottom:10px;
border-bottom:thin dotted #999999;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:80%;
line-height:130%;
font-weight:normal;
}

.italic{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:100%;
font-style:italic;
font-weight:normal;
padding-bottom:10px;
}

td .company-name{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:100%;
font-weight:bold;
padding-bottom:10px;
}

.company-name{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:100%;
font-weight:bold;
padding-bottom:10px;
}
.spanStyle{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:130%;
}
#portfolio {
border-collapse:collapse;
}

td.company-entry {
border-bottom:thin #999999;
}

/*Modal Popup*/
.modalBackground {
	background-color:#f0f0f0;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#f0f0f0;
	border-width:1px;
	border-style:solid;
	border-color:#666;
	padding:1px;
	width:450px;
}