/* CSS Document */

/* 
page 
  lt blue page bkgnd      #828fb2  
  drk blue page borders   #00287d  
  orange border	        #e68a00 
  orange body text        #D67B19
  light orange            #FCA41F
 		link txt            #0032C6
Forms 
  drk blue font           #00206b  
  perriwinkle bkgrnd      #A9B4C7 
  silver-gray brdrs       #B5B5B5  
  silver txtarea brdr     #C0C0C0  
  lt gray bkgnd           #F5F5F5  
  drk blue txtfld brdr    #039 
  lt silver btn bkgnd     #E8EBEE 
  silver brdr             #C0C0C0 
*/


* {
	font-size: 100%;
}
body {
	font: 13px/135% Arial, Geneva, Helvetica, Verdana, sans-serif;
	background: #426AA1 url(Images/inkworks_bg.jpg) repeat-x left top;
	margin: 1px;
}

img {
	border: 0;
	text-decoration: none;
}
ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {
	margin-top: 14px;
	margin-bottom: 14px;
	padding-top: 0;
	padding-bottom: 0;
}
h1 {
	font-size: 220%;
}
h2 {
	font-size: 190%;
}
h3 {
	font-size: 160%;
}
h4 {
	font-size: 130%;
}
h5 {
	font-size: 100%;
}
h6 {
	font-size: 70%;
}
dd {
	margin-right: 0;
}
#header {
	background: url(Images/inkworks_masthead.jpg) no-repeat left top;
	width: 770px;
	height: 144px;
}
.hidden-navigation {
	width: 1px;
	position: absolute;
	left: -9999px;
}
#frameBlue {
	background: #00287D;
	margin-right: auto;
	margin-left: auto;
	width: 794px;
	padding-top: 7px;
	padding-bottom: 7px;
}
#frameOrange {
	background: #E68A00;
	margin-right: auto;
	margin-left: auto;
	width: 778px;
	height: auto;
	padding-top: 3px;
}
#frame {
	background: #FFF url(Images/dropshadow_pagebg.jpg) repeat-y;
	width: 770px;
	margin: 0 auto;
}
.haiku {
	background: #FEDDAF;
	border: 1px solid #999;
	width: 176px;
	padding-right: 16px;
	padding-left: 30px;
}
.haiku1 {
	background: #A8BCDB;
	border: 1px solid #999;
	width: 158px;
	margin-top: -49px;
	margin-left: 196px;
	padding-right: 5px;
	padding-left: 5px;
}
.haiku2 {
	border: 1px solid #999;
	width: 148px;
	background-color: #B8D5AA;
	margin-top: -46px;
	margin-left: 31px;
	padding-right: 8px;
	padding-left: 8px;
}
.haiku3 {
	border: 1px solid #999;
	width: 180px;
	background-color: #FFEFB0;
	margin-left: 196px;
	margin-top: -47px;
	padding-right: 7px;
	padding-left: 20px;
}
.wddx {
	margin-left: 15px;
	border: 1px dotted #E68A00;
	margin-top: 6px;
	padding: 6px 12px 6px 26px;
	background: url(Images/Quote_Left.jpg) no-repeat 5px 13px;
}
#center {
	width: 450px;
	display: inline;
	float: left;
	margin-left: 141px;
	background: #FFF;
	border-left: 2px solid #FCA41F;
	margin-top: -1px;
}
#center-2-column {
	width: 620px;
	display: inline;
	float: left;
	margin-left: 141px;
	background: #FFF;
	border-left: 2px solid #FCA41F;
	margin-top: -1px;
}
#right {
	float: left;
	background: #FFF;
}
#rightBlock a:link, a:visited {
	color: #039;
	text-decoration: none;
	font-weight: bold;
}
#rightBlock a:active, a:hover {
	color: #1C84E1;
	font-weight: bold;
	text-decoration: none;
}
#right li {
	list-style: none;
	line-height: 165%;
}
#right p {
	font: 85%/155% Arial, Geneva, Helvetica, Verdana, sans-serif;
}
.rightBlock {
	width: 160px;
	font-family: Arial, Geneva, Helvetica, Verdana, sans-serif;
	padding-left: .5em;
}
.rightBlock2 {
	width: 170px;
	font-family: Arial, Geneva, Helvetica, Verdana, sans-serif;
}
.rightBlock3 {
	width: 155px;
	font-family: Arial, Geneva, Helvetica, Verdana, sans-serif;
	padding-left: 10px;
}
#left {
	width: 100px;
	float: left;
	margin-left: -720px;
	margin-top: 15px;
}
#left2 {
	width: 100px;
	float: left;
	margin-left: -500px;
	background: #FFF;
	margin-top: 15px;
}

.leftBlock {
	z-index: 9;
	border-right: 2px solid #FCA41F; 
}
.leftBlock .vnav {
	margin: 0;
}

.vnav ul, .vnav ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	font-variant: small-caps;
	font-weight: bold;
	font-family: Tahoma, sans-serif;
}
.vnav ul {
	font-weight: bold;
	border: 1px solid #FFF; 
}
.vnav ul li, .vnav ul li a {
	margin: 0;
	padding: 0;
	display: block;
	font-weight: bold;
	color: #039;
	border: 1px solid #FFF; 
	text-decoration: none;
}
.vnav ul li a:link {
	text-decoration: none;
	padding: 4px 4px; 
	font-weight: bold; 
	border: 1px solid #FFF;
}
.vnav ul li a:visited {
	text-decoration: none;
	padding: 4px 4px; 
	font-weight: bold; 
	border: 1px solid #FFF;
}
.vnav ul li a:active {
	text-decoration: none;
	padding: 4px 4px; 
	font-weight: bold; 
	color: #0032C6;
	border: 1px solid #E68A00; 
	background: #F0BD84;
}

/*#ACBFE1*/

.vnav ul li a:hover {
	text-decoration: none;
	padding: 4px 4px; 
	font-weight: bold; 
	color: #0033FF;
	border: 1px solid #E68A00; 
	background: #F3CB94;
}


#tagline {
	clear: both;
	background: url(Images/tagline.jpg) no-repeat right bottom;
	margin-right: 8px;
	height: 120px;
	line-height: 65%;
	margin-top: -32px;
}
#contact {
	padding-top: 47px;
	line-height: 40%;
	font-size: 95%;
	text-align: right;
	padding-right: 640px;
}
#contact a:link {
	color: #434343;
	border-bottom: 0.02px solid #06C;
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
}
#contact a:visited {
	color: #434343;
	text-decoration: none;
	font-weight: bold;
}
#contact a:active, #contact a:hover {
	color: #DC8003;
	text-decoration: none;
	display: inline;
	font-weight: bold;
}
#footer {
	clear: both;
	background: #E68A00 url(Images/dropshadow_footer.jpg) no-repeat left top;
	height: 15px;
	padding: 8px 7px 4px;
	text-decoration: none;
}
#footer a:link, #footer a:visited {
	color: #039;
	text-decoration: none;
	font-weight: normal;
}
#footer a:hover, #footer a:active {
	color: #FBE99F;
	text-decoration: none;
	font-weight: normal;
	border: 0 none;
}
.footercopyright {
	color: #00287D;
	text-align: left;
	float: left;
}
.footerNav {
	color: #00287D;
	text-align: right;
	float: right;
}
.footerNav a:link, .footerNav a:visited {
	color: #039;
	text-decoration: none;
	font-weight: normal;
}
.footerNav a:hover, .footerNav a:active {
	color: #FBE99F;
	text-decoration: none;
	font-weight: normal;
	border: 0 none;
}
.leftImg {
	margin-left: -23px;
	margin-right: 15px;
	margin-bottom: 10px;
}
#content {
	padding-top: 5px;
	padding-right: 7px;
	padding-left: 10px;
	font-family: Arial, Geneva, Helvetica, Verdana, sans-serif;
	color: #484848;
}
#content a:link {
	color: #00279B;
	text-decoration: underline;
	font-weight: normal;
}
#content a:visited {
	color: #00279B;
	font-weight: normal;
}
#content a:active, #content a:hover {
	color: #C87402;
	text-decoration: underline;
	font-weight: normal;
}
#content p {
	font: 90%/145% Verdana, Arial, Helvetica, sans-serif;
}
#content li {
	line-height: 150%;
	list-style: url(Images/Triangle_Red.jpg) outside;
	font-size: 90%;
}
#content H1 {
	color: #039;
	font: bold 1.4em "Trebuchet MS", sans-serif;
}
#content H2 {
	color: #039;
	font: bold 1.4em "Trebuchet MS", sans-serif;
}
#content H3 {
	color: #039;
	font: bold 1.25em "Trebuchet MS", sans-serif;

}
#content H4 {
	color: #039;
	display: block;
	font: bold 1.4em "Trebuchet MS", sans-serif;
}
#content H5 {
	color: #039;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	font: bold 125% "Trebuchet MS", sans-serif;
}
#content H6 {
	color: #464646;
	margin-top: 30px;
	margin-bottom: 25px;
	font-family: "Trebuchet MS", Geneva, sans-serif;
	font-weight: bold;
}
textarea {
	font: small Geneva, Arial, Helvetica, sans-serif;
	color: #039;
	padding: 1px;
	border-top: 1px solid #039;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
}
input:focus, textarea:focus {
	background: #FFDBB7;
	border: 1px solid #039;
}

#textfield {
	font: small Tahoma, Arial, Helvetica, sans-serif;
	color: #039;
	border: 1px solid #039;
}
#submit {
	font: bold small Tahoma, Arial, Helvetica, sans-serif;
	color: #039;
	padding: 1px;
	background: #E8EBEE;
	border: 1px solid #039;
}
#reset {
	font: bold small Tahoma, Arial, Helvetica, sans-serif;
	color: #039;
	padding: 1px;
	background: #E8EBEE;
	border: 1px solid #039;
}
#formArea {
	background: #AFC5DC;
	border: 1px solid #330099;
	padding: 30px 10px 5px;
	width: 550px;
}
#formArea1 {
	background: #AFC5DC;
	border: 0.09em solid #7F7F7F;
	padding: 20px 7px 7px;
	width: 375px;
}
.date {
	font-size: 100%;
	font-weight: bold;
	color: #D67B19;
	letter-spacing: 0.05em;
	margin-top: 35px;
	margin-bottom: 15px;
	border-bottom: 1px solid #1C84E1;
	border-left: 19px solid #1C84E1;
	width: 40%;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 10px;
}
.date1 {
	font-size: 115%;
	font-weight: bold;
	color: #D67B19;
	letter-spacing: 0.05em;
	margin-top: 35px;
	margin-bottom: 15px;
	border-bottom: 1px solid #1C84E1;
	border-left: 19px solid #1C84E1;
	font-variant: small-caps;
	padding-right: 4px;
	padding-left: 10px;
	padding-bottom: 5px;
	width: 90%;
	height: 10px;
}
.entry {
	padding-left: 1em;
}
.title {
	color: #039;
	text-align: left;
	display: block;
	font: bold 1.25em Geneva, Arial, Helvetica, sans-serif;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	letter-spacing: .05em;
	margin-top: 16px;
	margin-right: 0;
	margin-bottom: 10px;
}
.title2 {
	color: #00206B;
	text-align: left;
	display: block;
	font: bold 1.22em Geneva, Arial, Helvetica, sans-serif;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	letter-spacing: .05em;
	margin-right: 0;
	margin-top: 25px;
	margin-bottom: 22px;
}
.title3 {
	color: #000;
	font-weight: bold;
}
.title4 {
	color: #002D95;
	font-weight: bold;
}
.title5 {
	font: bold 1.25em Verdana, Arial, Helvetica, sans-serif;
	color: #039;
}
#slideshowLogo {
	height: 155px;
	width: 400px;
	position: absolute;
	border: 1px solid #CCC;
}
#sep {
	margin: 0 0;
	width: 40px;
}
#subhead {
	color: #039;
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
}
.subheading1 {
	color: #039;
	letter-spacing: 0.05em;
	display: inline;
	padding-bottom: 0.08em;
	font: bold 110% "Trebuchet MS", sans-serif;
}
.portfolioEntry {
	font-size: 90%;
}
.learnMoreLink {
	display: block;
	text-align: right;
	padding-right: 1.2em;
	line-height: 1.6em;
	height: 1.5em;
	font-size: 100%;
}
.next {
	color: #EA8C00;
	font-weight: bold;
	font-size: 100%;
	text-align: right;
}
#sitemap {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
.root {
	background: url(Images/Icons/Icon_home16.gif) no-repeat left center;
	display: block;
	text-indent: 2em;
	font-size: 115%;
	height: 18px;
}
.root1 {
	background: #FBEAD7 url(Images/Icons/Icont_entry16.gif) no-repeat left center;
	display: block;
	text-indent: 1.5em;
	height: 18px;
	font-size: 95%;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	padding-top: 1px;
	padding-bottom: 1px;
}
.root2 {
	background: #E0E4EB url(Images/Icons/Icon_doc16.gif) no-repeat left top;
	display: block;
	text-indent: 1.9em;
	margin-left: .5em;
	height: 16px;
	font-size: 75%;
	padding-top: 1px;
	padding-bottom: 1px;
}
.quote {
	color: #333333;
	text-align: left;
	font: 110%/145% Verdana, Arial, Helvetica, sans-serif;
}
.source {
	font-variant: small-caps;
	color: #666;
	text-align: right;
	font-size: 100%;
}
.learnMore {
	margin-left: 200px;
	font: 90%/145% Verdana, Arial, Helvetica, sans-serif;
}
table {
	font: 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
}


.closed {
	display: none;
}
.sidebox ul {
	list-style-type: none;
}
.sidebox ul li {
	font-size: small;
}
.sidebox ul li a:link,
.sidebox ul li a:hover,
.sidebox ul li a:active,
.sidebox ul li a:visited {
	font-size: 90%;
	font-variant: normal;
	color: #002BD2;
	font-weight: normal;
}
#box {
	border-left: .05em solid #9CA8BE;
	padding-left: 0.7em;
	width: 35%;
}
#box ul {
	line-height: 1.5em;
	text-align: left;
	text-indent: -2em;
}
#box2 {
	border-left: .05em solid #9CA8BE;
	padding-left: 0.7em;
	right: 0;
	position: relative;
	left: 27%;
	top: -120px;
	width: 27%;
}
#portfolio hr {
	margin: 0;
	padding: 0;
	height: 5px;
}
.more {
	background: url(Images/Arrow_Double_Orange.gif) no-repeat right;
	display: inline;
	padding-right: 1em;
	line-height: 1.6em;
	height: 1.5em;
	font-weight: bold;
}
.red {
	color: #1C84E1;
	font-weight: bold;
}
.turqBox {
	background: #E5E5E5;
	margin-top: 5px;
	margin-bottom: 5px;
	background: #E5E5E5;
	border-top: 1px solid #1C84E1;
	border-bottom: 1px solid #1C84E1;
	padding: 5px;
}

.orange {
	color: #E68A00;
	font-weight: bold;
}
.grayBox {
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	background: #EBEBEB;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
.rightSidebar{
	border: 2px solid #999;
	width: 200px;
	background-color: #FFEFB0;
	padding: 0.5em;
	height: 200px;
	font-size: small;
}
#odd {
	background: #eee;
}
.quoteBox {
	padding-bottom: 20px;
	padding-left: 20px;
	padding-top: 20px;
}
#note1 {
	position: absolute;
   top: 30px;
   left: 160px;
   background: #ffc;
   padding: 10px;
   border: 1px solid #000;
   z-index: 1;
   visibility: hidden;
   font: bold small "Verdana", Arial, Helvetica, sans-serif;
   color: #000;
    }
#forms {

}

#forms li {
	list-style: url(none) none inside;
	background: url(Images/icon_form.gif) no-repeat 0px 0px;
	padding-left: 22px;
	height: 25px;
}


#dhtmltooltip {
	position: absolute;
	width: 150px;
	border: 1px solid #039;
	padding: 2px;
	visibility: hidden;
	z-index: 100;

/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	background: #BECEE4;
}

#cfPut {
	border: 1px solid #039;
}