@import "../themes.css";

/* DEFAULTS */

* {
	margin: 0px;
	padding: 0px;	
}

/* STANDARD TAGS */

body { 
	font-family: Arial, Helvetica;
	font-size: 12px;
	background-color: #666666;
	color: #ddd;
}

h3 {
	padding-bottom: 0px;
	margin-bottom: 5px;	
	padding-top: 15px;
	/*border-bottom: 1px solid #ccc;*/
	font-size: 18px;
	color: #fff;
}

font {
	font-size: 12px;	
}

a {
color:#E7CC00;	
text-decoration:none;
}

a:hover {
text-decoration:underline;	
}

/* PAGE LAYOUT */

#container {
	
}

#page {
	width: 960px;
	margin: 0 auto;
}

.clearall {
	height: 0px;
	clear: both;
	visibility: hidden;
}

/* ELEMENT SPECIFIC CLASSES */

.contents .header, .contents .hyperlink  {
padding-bottom:5px;
}

.expCompanyName, .expTitle {
font-weight:bold;
}

.expTitle {
font-size:14px;
}

.expCurrentlyWork {
display:none;
}

.expCompanyName, .expCompanyName, .expDates {
font-size:10px;
}

.expDates {
margin-top:5px;
margin-bottom:-6px;
}

.eduSchoolListing {
line-height:18px;
}

.expDescription li{
margin-left:22px;
}

.portfolio {
	margin: 10px 0 0 0;	
}

/* CONTACT FORM */

#contactContainer {
	background-color: #000;	
	border-bottom:3px solid #999;
}

#contactContainer ul {
	color:#fff;
}



#contactGroup {
	width: 960px;
	margin: 0 auto;
}

#contactForm {
	background-color: #000;
	/*border-bottom:3px solid #999;
	border-left: 1px solid #333;
	border-right: 1px solid #333;*/
	height: 430px;
}

#contactForm #formtag {
	text-align: left;
	padding: 10px 10px 10px 45px;	
}

#contactForm #formtag #mainFormLabel {
	font-size: 26px;
	font-family: "Georgia";	
	color: #7FADFF;
}

#contactForm #formtag #log_res {
	border: 1px solid #FFA200;
	background-color: #FFF6CF;
	display: none;
	padding: 10px;
	font-size: 10px;
	color: #7F5917;
}

#contactForm #myForm {
	color: #999;
	font-size: 14px;
	font-weight: normal;
	padding: 10px 20px 20px 20px;	
}

#contactForm #myForm #contactFields {
	float: left;
	margin: 0 50px 30px 25px;
}

#contactForm #myForm #contactFields ul, #contactForm #myForm #contactTextArea ul {
	list-style: none;	
}

#contactForm #myForm #contactFields ul li {
	margin: 0 0 10px 0;	
}

#contactForm #myForm #contactTextArea ul li textarea {
	width: 500px;
	height: 200px;	
}

#contactForm #myForm #contactTextArea ul li .formInstructions {
	margin-top: 20px;
	font-size: 12px;	
	color: #fff;
}

#contactForm #myForm #contactButtonBar {
	clear: left;
	padding: 0 0 0 25px;	
}

#contactForm #myForm #contactButtonBar input {
	width: 200px;
	height: 35px;	
	float: left;
}

#contactForm #myForm #contactButtonBar #closeFormLink {
	float: right;	
}

#contactFormTab {
background-color:red;
border-bottom:3px solid #CB0000;
color:white;
float:right;
font-size:15px;
font-weight:normal;
margin:0 20px 0 0;
padding:10px;
}

#contactFormTab a {
	color: #fff;	
	text-decoration: none;
}

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

/* PAGE HEADER */

#headerContainer {
	padding: 20px 20px 10px 20px;
}

#header {
	width: 960px;
	margin: 0 auto;
}

#header #headerName {
	margin-right:30px;
}

#header #headerName h1 {
	font-family: "Georgia";	
	font-size: 30px;
	margin-bottom: 10px;
	color: #fff;
}

#header .displayEmail {
	font-size: 13px;
	float:left;
	padding-right:15px;
	border-right:1px solid #ccc;	
	margin-right:15px;
}

#header .displayEmail a {
	color:#FFFFFF;
	
	text-decoration: none;	
}

#header .displayEmail a:hover {
	color:#CCCCCC;
}

#header .homePhone, #header .workPhone, #header .mobilePhone {
	margin-top: 1px;
	float:left;	
	margin-right: 20px;
	color: #fff;
}

/* OTHER FORMAT LINKS */

.otherVersions {
	float: right;	
	font-size: 13px;
	font-family: Arial, Helvetica;
}

.wordVersion a, .PDFVersion a {
	color: #fff;
	text-decoration: none;
}

.wordVersion a:hover, .PDFVersion a:hover {
	color: #fff;
	text-decoration:underline;
}

.wordVersion img, .PDFVersion img {
	vertical-align: middle;	
	margin-right: 10px;
}

/* SIDEBAR ELEMENTS */

#content #sidebar {
	width: 260px;
	/*background-image: url(images/sidebar-bg.gif);*/
	background-repeat: repeat-y;
	/*float: left;*/
	color: #ccc;
}

#content #sidebar .contents h3, #content #sidebar .contents .header h3 {
	font-size: 14px;
	border: none;	
}

#content #sidebar .contents {
	padding: 0 20px 20px 25px;	
}

#content #sidebar .column-header {
		display:none;
}

#content #sidebar .column-header .ul-corner {
		display:none;
}

#content #sidebar .column-header .ur-corner {
	display:none;
}

#content #sidebar .column-footer {
	display:none;
}

#content #sidebar .column-footer .bl-corner {
	display:none;
}

#content #sidebar .column-footer .br-corner {
	display:none;
}

/* MAIN COLUMN ELEMENTS */

#content #maincol {
	/*margin-left: 280px;*/
	background-color:#fff;
}

#content #maincol .contents {
	padding: 0 40px;	
	color:#000;	
}

#content #sidebar .contents h3 {
	color:#fff;
	font-weight:bold;
}

#content #maincol .contents p {
	margin:8px 0 5px 0 ;
	
}

#content #maincol .contents li {
	margin:8px 0 5px 25px ;
	width:550px;	
	
}

#content #maincol .column-header {
	background-color:#FFFFFF;
/*background-image:url(images/colhead-bg.gif);*/
background-repeat:repeat-x;
height:30px;
}

#content #maincol .column-header .ul-corner {
	height: 30px;
	width: 30px;
	background-image: url(images/ul-corner.gif);
	background-repeat: no-repeat;
	float: left;	
}

#content #maincol .column-header .ur-corner {
	height: 30px;
	width: 30px;
	background-image: url(images/ur-corner.gif);
	background-repeat: no-repeat;
	float: right;
}

#content #maincol .column-footer {
	height: 30px;
	/*background-image: url(images/colfoot-bg.gif);*/
	background-repeat: repeat-x;
	background-color:#FFFFFF;
}

#content #maincol .column-footer .bl-corner {
	height: 30px;
	width: 30px;
	background-image: url(images/bl-corner.gif);
	background-repeat: no-repeat;
	float: left;	
}

#content #maincol .column-footer .br-corner {
	height: 30px;
	width: 30px;
	background-image: url(images/br-corner.gif);
	background-repeat: no-repeat;
	float:right;
}

/* PAGE FOOTER */

#footerContainer {
	font-family: "Georgia";
	font-size:16px;

	padding: 30px 0;
	margin-top:30px;
	
}

#footer {
	width:960px;
	margin: 0 auto;
}

#footer .address, #footer .city, #footer .state, #footer .postalCode {
	float:left;	
	margin-right: 10px;
}