@charset "utf-8";

/* CSS file for camhoward.com */
/* Written by Carolyn M. (Cam) Howard */
/* c. 2000-09 */

/*----------Colors ----------*/

/* #B9C4EA; lighter blue */
/* #8FA1DC; light blue */
/* #2B4C8C; med blue */
/* #06005c; dark blue */
/* #B5616A; light burgundy */
/* #A6032F; dark burgundy */
/* #cbe3b3; lighter green */
/* #88BF50; light green */
/* #77A649; dark green */
/* #F3C421; gold */


html, body, div, span, h1, h2, h3, h4, h5, h6, ul, li, form {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

body {
	background-color: #06005c; /* dark blue */	
	color:#000; 
	font-family: "Trebuchet MS", Calibri, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
}


/* ----- Structure and Layout ----- */

#wrapper {
	width:97%;
	min-width: 720px;
	max-width: 980px;
	margin: 10px auto;
	padding: 0;
	background-color:#fff; /* white */
	border:3px #88BF50 solid;
	line-height: 1.5;
}

#header {
	margin: 0 0 0 120px;
	padding: 0 1em;
	color:#000;
	line-height:inherit;
	height:1%;
}
#menu { /* div containing navigation lists */
	margin: 0;
	padding: 0;
	width: 100%;
	height:1%;
	clear:both;
	background-color: #88BF50; /* light green */
}

#container { 
	padding-left: 10px; /* width of left column, if used */
	padding-right:306px; /* full width of sidebar (250), plus content left and right padding (55), plus wrapper right padding (0), plus column border (1) */
	clear: left; /* to ensure container clears menu div above it */
	height:1%;
}

#container .column {
	position: relative;
	float:left;
	margin-top: 10px;
}
#content {
	padding: 20px 25px 10px 30px;
	width: 100%;
	line-height:inherit;
	background-color:#fff;
}

#sidebar {
	width:200px; /* full width of sidebar column minus sidebar padding */
	padding: 20px 25px 10px 25px;
	margin-right:-100%;
	line-height:inherit;
	background-color:#fff;
}

#footer {
	clear:both;
	width: 100%;
	border-top: dotted 3px #88BF50; /* light green */
	padding: 1em 0;
}
#footer p {
	padding: 0px 20px;
	font-size: .8em; 
}


/* ----- Menus ----- */
/* Technique for dropdown menus learned from http://www.htmldog.com/articles/suckerfish/dropdowns/ */

#nav, #nav ul {
	float: left;
	width: 100%;
	list-style-type: none;
	line-height: 1;
	padding: 0;
	margin: 0;
	background-color: #88BF50; /* light green */
}
#nav a {
	display: block;
	background-color: #06005c; /* dark blue */
	border-right: 1px solid #B9C4EA; /* light blue */
	color: #ccf; /* lightest blue */
    padding: 0.25em .5em;
	margin: 0;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	font-size: 80%;
	text-align: left;
}
#nav a.toplevel {
	text-align: center;
	white-space: nowrap;
}
#nav a.menuarrow {
	background: url(images/menuarrowlight.gif) center right no-repeat;
	background-color: #06005c; /* dark blue */
}
#nav li {
	float: left;
	padding: 0;
	width: 6.5em;
}

/* hide all sub level menus until hover */
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 13em;
	w\idth: 12em;
	margin: 0;
	z-index: 100;
}
#nav li li {
    padding-right: 1em;
    width: 13em;
}

/* set display for all sub level menus */
#nav li ul a {
	width: 13em;
	w\idth: 12em;
	text-align: left;
}

/* to position sub level menus on the side of the corresponding list item */
#nav li ul ul {
	margin: -1.7em 0 0 10.25em;  /* top, right, bottom, left */
}

/* hide second and third levels */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

/* reveal second and third levels */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

/* prevents WinIE7 from leaving menus stuck open; don't know why */
#nav li:hover, #nav li.sfhover {
	background: transparent;
}

/* set properties for display of menu on hover */
#nav li a:hover, #nav li a.sfhover { 
	background-color: #B9C4EA; /* lighter blue */
	color: #06005c; /* dark blue */
}

/* Fix IE5.01 jumping bug from http://www.alistapart.com/articles/horizdropdowns/. Hide from IE Mac \*/
* html #menumain ul li { float: left; height: 1%; }
* html #menumain ul li a { height: 1%; }
/* End jumping bug fix */

/* ----- End menu ----- */

p, ol, ul, li, td, th { 
	font-family: "Trebuchet MS", Calibri, Arial, Helvetica, sans-serif; 
	font-size: 1em;
	font-style: normal;
	color: #000000; 
	line-height: 1.5;
	background-color: transparent;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Calibri, Arial, Helvetica, sans-serif;
	color: #000000; 
	background-color: transparent;
	line-height:1.1;
}
h1 {
	font-size:1.75em;
	margin-top:1em;
	line-height:1.2;
}
h2 {
	font-size: 1.35em;
	padding-top:0.5em;
	margin-top:1.5em;
	clear:both;
}
h3 {
	font-size: 1.05em;
	letter-spacing: 0.1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin-top: 1em;
	clear: both;
	border-left-color: #B5616A; /* light burgundy */
	border-left-style: solid;
	border-left-width: 1em;
}
h4 {  
	font-size: 1em;
	letter-spacing: 1px;
	font-weight: bold;
	background-color: #b0c4de;
	background-color: #FFE075;
	background-color: #ccf;
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin: 0px; 
} 
hr {	
	height: 1px;
	width: 70%;
}
a:link {color: #0000CC;
	background-color: transparent; }

a:visited {color: #660099;
	background-color: transparent; }

a:hover {color: #A6032F; /* dark burgundy */
	background-color: transparent; }

a:active {color: #77A649; /* dark green */
	background-color: transparent; }
	
a.isbn {text-decoration:none;
	color:#000;}

abbr, acronym, dfn {font-style: normal;
	border-bottom: thin dotted;
	cursor: help;}

acronym {color: #06005c; /* dark blue */
	cursor: help;}

.annotation {
	margin-left:4em;
	font-size:80%; }

p.annotation {
	margin-bottom:-1em;
}

.bold { font-weight: bold; }

.bolditalics {font-weight: bold;
	font-style: italic;
	color: #000000; 
	background-color: transparent;}

.boxoutline {border: 1px solid #000000;
	background-color: transparent;
	padding: 3px 10px;}

.byline {
	font-style: italic;
	color: #666666;
	padding-top: 1em;
	border-top: #999 .1em solid;
	margin-top: 1.5em;
}
.clearall {
	clear:both;
}
cite {
	font-style: italic;
	white-space:normal;
}

.indent {
	margin-left:2em;
}
.indent2 {
	margin-left:4em;
}
.italic {
	font-style: italic;
}

.floatleft { 
	float: left;
	width:220px;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 10px;
}
.floatright { 
	float: right;
	width:220px;
	margin-left: 20px;
	margin-bottom: 10px;
	padding: 10px;
}
.kicker {
	font-style:italic;
	font-weight:bold;
	padding-top:0.25em;
	border-top:dotted 3px #B5616A; /* light burgundy */
}
.listhead {
	font-weight: bold;
	color: #A6032F; /* dark burgundy */
	margin-bottom: -1em;
}
.nobr {
	white-space: nowrap 
}

.nobullets {list-style:none;}


/* - - - - - - - - - - Portfolio - - - - - - - - - - */

.portfoliobox {
	float: left;
	width: 85px;
	height: 15em;
	margin: 20px 10px 22px 6px;
	padding: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 80%;
	border: 1px solid #EEF5E7; /* very faint green - almost invisible */
	list-style:none;
}
.portfoliobox:hover {
	border: #77A649 1px solid;
	background-color: #CBE3B3; 
}

li.portfoliobox img { 
	text-align:center;
	padding:0;
	margin:0;}

li.portfoliobox a:link {
	text-decoration:none;
	color: #000099;}
	
li.portfoliobox a:visited {
	text-decoration:none; }

li.portfoliobox a:hover {
	border-bottom: #2B4C8C 3px solid;}
	
li.portfoliobox p a:hover {
	border-bottom: none;
	color:#0000CC;}

.portfolio img {
	float: left;
	border: #000 1px solid;
	margin: 0 10px 10px 0;
}

.portfolio .floatleft img {
	margin-bottom: 20px;
}

.portfolio ul {
	margin-left: 2em;
}
.portfoliodetail { 
	clear:both;
	font-size:90%;
}

.portfoliodetail dt {
	font-weight: bold;
	margin-top: 1em;
}

.portfoliodetail dd {
}

.portfoliohead {
	font-variant:small-caps;
}

.singlespace {
	margin-bottom:-1em;
}
.sitename {
	font-size:2.25em;
	margin-bottom:-0.1em;
}
.small {
	font-size:80%;
}
.smallindent {
	font-size:80%;
	margin-left:2em;
}
.tagline {
	font-size: 1.35em;
	font-style:italic;
}
.titlepub { font-style: italic;}
	

/* ---------- Descendent selectors ---------- */

#content .quote {
	font-size: 95%;
	padding-left: 1em;
	border-left: solid medium #fc0; /* gold */
	margin-left:2em;
	margin-bottom: 2em;
}

#sidebar h3 {
	color:#000;
	padding: .2em .75em .2em 0;
	line-height:1.25;
	letter-spacing: 0;
	border-left:none;
}

/* ---------- Pullquotes ---------- */

.pullquote {
	border: #8FA1DC 1px solid;
	background-color: #d7d7ff; /* lightest blue */
	background-image:url(images/vine2.gif);
	background-position:right top;
	background-repeat:no-repeat;
	margin-top: 2em;
	padding: 0;
	font-size: 90%;
}

.pullquote blockquote p {
	margin-left: -1.5em;
	margin-right: -1.5em;
	line-height:1.25;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.05em;
	font-weight: bold;
	font-style: italic;
}

.pullquote .author {
	margin-left:2em;
	font-size:80%;
}

/* ---------- Services ---------- */

.services {
	border: #8FA1DC 1px solid;
	background-color: #d7d7ff; /* lightest blue */
	background-image:url(images/vine2.gif);
	background-position:right top;
	background-repeat:no-repeat;
	margin-top: 2em;
	padding: 0;
}

.services h3 {
	margin-left:1em;
	margin-right:1em;
}
.services ul {
	padding: 1em 1em 1em 2em;
}
.services li {
	padding-bottom: 1em;
	font-size: 90%;
}

/* ---------- Values ---------- */

.values {
	border: #8FA1DC 1px solid;
	background-color: #d7d7ff; /* lightest blue */
	background-image:url(images/vine2.gif);
	background-position:right top;
	background-repeat:no-repeat;
	margin-top: 2em;
	padding: 0;
}

.values h3 {
	margin-left:1em;
	margin-right:1em;
}
.values ul {
	padding: 1em 1em 1em 2em;
}
.values li {
	padding-bottom: 1em;
	font-size: 90%;
}

/* ---------- Side menu ---------- */

.sidemenu {
	border: #8FA1DC 1px solid;
	background-color: #d7d7ff; /* lightest blue */
	background-image:url(images/vine2.gif);
	background-position:right top;
	background-repeat:no-repeat;
	margin-top: 2em;
	padding: 0;
}

.sidemenu h3 {
	margin-left:1em;
	margin-right:1em;
}
.sidemenu ul {
	padding: 1em 1em 1em 2em;
}
.sidemenu li {
	padding-bottom: 1em;
	font-size: 90%;
}

/* ---------- Forms ---------- */

form {
	margin-top:20px;
}

fieldset {
	border: 1px solid #77A649; /* dark green */
}

fieldset p {
	clear:both;
	display:block;
	float:left;
	margin: 5px 0;
	padding:0 8px;
	vertical-align:top;
	width:24em;
}

legend {
	font-size: 1.35em;
	font-weight:bold;
}

label {
	float: left;
	width: 4em;
}

input, select {
	float: right;
	width: 20em;
	margin: 0;
	padding: 2px;
	overflow: auto;
	border: 1px solid #A6032F; /* dark burgundy */
}

textarea {
	float: right;
	width: 20.5em;
	margin: 0;
	padding: 2px;
	overflow: auto;
	border: 1px solid #A6032F; /* dark burgundy */
}

input.btn {
	clear: both;
	float:left;
	background-color: #cbe3b3; /* lighter green */
	border: 1px solid #77A649; /* dark green */
	color: #000;
    padding: 0.25em;
	margin: 0;
	width: 8em;
}
input.btn:hover {
	background-color: #77A649; /* dark green */
	border: 1px solid #88BF50; /* light green */
	color: #fff;
}

/* ----- formval.css ----- */


fieldset p span.info {
	float: right;
	margin: 0;
	padding: 2px;
	font-size:.8em;
	background-color: transparent;
	color:#666;
}

fieldset p span.warn {
	float: right;
	margin: 0;
	padding: 2px;
	font-size:.8em;
	color: #003399;
	background-color: transparent;
	font-weight: bold;
}

fieldset p span.error {
	float: right;
	margin: 0;
	padding: 2px;
	font-size:.8em;
	color: #c33;
	background-color: transparent;
	font-weight: bold;
}