/* color pallet: dark blue #1B0C80 // green #116600 // brown #996600 // light purple #e2e1ef*/
html,body { text-align: center;border: 0; margin: 0; padding: 0; background-color:#ffffff }

body {font-family: Verdana,Arial, helvetica, sans-serif; color:#000000; font-size: 10pt; text-align: left }
h1,h2,h3,h4,h5,h6 { padding:0; margin:0; line-height:normal}

.h1Area {position:absolute; top:1400px; left:20px; font-size:8pt; color:#1B0C80}
.h1Area  h1 { font-size:9pt; font-weight:normal; }

.h1Area  h2 {font-size:8pt; font-weight:normal; }

img {border:0}
a, a:active {color: #116600;  text-decoration:underline}
a:visited {color: #1B0C80;  text-decoration:underline}
a:hover {color: #ffffff;  text-decoration:underline; background-color:#1B0C80}

#mastHead a:hover { background-color:Transparent}
#leftNav a:hover { background-color:Transparent}

h2.footer a { font-size:8pt; padding:0px 0px 6px 0px; margin:0px 0px 6px 0px; }
#mastHead
{
	height:85px;
	background: url(../images/top_background.jpg) repeat-x top left;
	border-left:solid 5px #1b0c80;
	border-bottom:solid 5px #1b0c80;
}
.header { left:-999em; top:-999em; display:none}
.tagLine
{
	border-left:solid 5px #1b0c80;
	border-bottom:solid 5px #1b0c80;
	font-size:11pt; color:#1b0c80; font-weight:bold;
	background-color:#dddddd;
	padding-top:4px; padding-bottom:4px;
	padding-left:56px
}
#main 
{
	background-image:url(../images/green_vert_dashedLine.gif);
	background-repeat:repeat-y;
	background-position:top left;
	width:880px;
}

.leftSubNav { padding-left:12px; padding-bottom:6px; font-weight:bold}
.leftSubNav a ,.leftSubNav a:visited {color:#1B0C80}
.leftSubNav a:hover {color:#996600; background-color:#ffffff}

.leftSubNav a.here, .leftSubNav a.here:visited  {color:#996600}
.leftSubNav a.here:hover {color:#996600; background-color:#ffffff}

#zajonSwf { padding-top:24px}
/* popup */
#popUpMain {width:680px; padding: 24px 48px 24px 48px; }
.showName {font-weight:bold; padding-bottom:4px; padding-top:24px; color:#1B0C80}
.showDescr {padding-left:12px;padding-bottom:16px;}
.showURL {padding-left:8px; font-weight:normal}
.showImage { text-align:center; }
.showPrevNext { padding-top:12px}
.showPrev { float:left; width:200px;}
.showNext { float:right; width:200px; text-align:right}
.showPrevNext a , .showPrevNext a:hover, .showPrevNext a:active, .showPrevNext a:visited { font-size:8pt; text-decoration:none}
.showPrevNext a:hover { font-size:8pt; text-decoration:none;  color: #ffffff; background-color:#1B0C80; }

/* leftNav */
#leftNav { width:120px; float:left}
.navLink { }
#leftNav a, #leftNav a:active {color: #116600; font-size: 16px; font-weight:bold; text-decoration:none}
#leftNav a:visited {color: #116600; font-size: 16px; font-weight:bold; text-decoration:none}
#leftNav a:hover {color: #996600; font-size: 16px; font-weight:bold; text-decoration:none}

#welcomeWrapper {float:left; width:500px;  padding-top:16px ;padding-left:12px}
h1.welcome { padding:0px 0px 6px 0px; font-size:16pt; font-weight:normal; color:#1B0C80; margin:0; line-height:normal}
h2.welcome { padding:0px 0px 6px 24px; font-size:12pt; font-weight:normal; color:#1B0C80; margin:0; line-height:normal}
.normal {font-size: 10pt; color: #000000;}

.theText { float:left; padding-left:12px; padding-bottom:12px}
.medCol { width:500px;}
.wideCol { width:750px;}

.workList { padding-top:8px}
.workItem { padding-left:24px; padding-bottom:4px}

/*  The rss Feed */
.theFeed 
{
	float:right; width:250px; padding:20px 2px 12px 2px;
	background-color:#e2e1ef;
	background-image: url(../images/bg_newsFeed.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	border-left:solid 2px #000000
}
.theFeed .subHead { font-size:11pt; font-weight:bold; padding-bottom:0.5em; color:#1B0C80; margin:0}
.theFeed .feedItem { font-size:10pt;  padding-bottom:0.5em}
.theFeed .itemDescr {padding-left:10pt}
.theFeed .itemPubDate {padding-left:10pt}
.theFeed .itemAuthor {padding-left:10pt}
.theFeed .itemLink {}
.theFeed .itemLink a, #theFeed .itemLink a:active{font-size:9pt; color: #116600;}
.theFeed .itemLink a:visited{font-size:9pt; color: #116600 }
.theFeed .itemLink a:hover{font-size:9pt; color: #ffffff; background-color:#1B0C80; }

#footer { clear:both ; 	background:#ffffff  url(../images/green_horz_dashedLine.gif) repeat-x top left}

#footer #theLinks
{ text-align:center; padding-top:4px}

#footer a, #footer a:active { font-size:8pt; }
#footer a:visited {color: #1B0C80; font-size: 8pt; }
#footer a:hover {color: #996600; font-size: 8pt; }
.greenBullet { padding-left:8px; background-image: url(../images/greenBullet_9pt.gif); background-repeat: no-repeat ; background-position: center left}

/* Service page */
.serviceList { padding:4px;	background-color:#e2e1ef;}
.serviceCat 
{ 
	padding-left:12px; 
	background-image: url(../images/greenBullet_10pt.gif); background-repeat: no-repeat ; background-position: top left;
	font-weight:bold;
	color:#116600; float:left; width:150px;
}
.serviceItem
{ 
	padding-left:8px; 
	font-weight:normal;
	color:#000000; float:left; width:550px;
}
.serviceItem li { padding-bottom:6px;}

.blueDivide { height:1px; background-color:#1B0C80 ; width:550px; margin:4px 0px 4px 75px; height:1px; overflow:hidden }
.greenDivide { height:1px; background-color:#116600 ; width:550px; margin:4px 0px 4px 75px; height:1px; overflow:hidden}

/* portfolio */
.portfolioList { padding:4px;	background-color:#DDFFDD;}
.portfolioCat 
{ 
	padding-left:12px; 
	background-image: url(../images/greenBullet_10pt.gif); background-repeat: no-repeat ; background-position: top left;
	font-weight:bold;
	color:#1B0C80; float:left; width:200px;
}
.portfolioItem
{ 
	padding-left:8px;  padding-bottom:8px;
	font-weight:normal;
	color:#000000; float:left; width:500px;
}

/* contact form */
.formLabel {color:#1B0C80; font-weight:bold; text-align:right; padding-right:6px;}
.fieldSet { padding-bottom:8px;}

/* article list pages */
.urlList ul { margin:0em ; padding:0.25em 0em 0em 3em }
.urlList li { margin:0em ; padding:0em 0em 0em 0.25em;}
.blue { color:#1B0C80}
.green { color:#116600}
.line { border-bottom:dashed 1px #116600 }

/* General useful Classes */
.center {text-align:center}
.right {text-align:right}
b, strong, .strong { font-weight:bold}
small, .small { font-size:8pt}
img { border-style:none; border-width:0px}
.errorMsg, .errMessage{ color: #993333}
.para{ margin-bottom:0.5em}
.paraDouble{ margin-bottom:1em}
.paraTop, .separatorTop{ margin-top:0.5em}
.hideIt{ display:none}
.showIt{ display:block}
input { font-size:10pt}
input.ichar1{width:18px; font-size:10pt}
input.itiny{width:60px; font-size:10pt}
input.ismall{width:100px; font-size:10pt}
input.imed{width:150px; font-size:10pt}
input.ilarge{width:300px; font-size:10pt}
input.ihuge{width:400px; font-size:10pt}
textarea.ihuge{width:400px; font-size:10pt}
.pix150Left {width:150px; text-align:right; float:left}
select.small { font-size:9pt}
.leftNav {font-size:12pt; color:#385C75}
.indent { margin-left:12px}
.indentLarge, .indentBig { margin-left:24px}
.indentXLarge, .indentXBig { margin-left:48px}
.px150L {width:150px; float:left; }
.px220L {width:220px; float:left;}
.px250L {width:250px; float:left;}
.px450L {width:250px; float:left;}
.clear, .clearFloat {clear:both;}

/*CSS for pop up hint box */
#hintbox{ 
position:absolute;
top: 0;
background-color: #C0C0FF; 
width: 200px; /*default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:14px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

a.hintanchor, a.hintanchor:link, a.hintanchor:visited ,a.hintanchor:active
{ /*CSS for link that shows hint onmouseover*/
font-weight: bold; font-size:12px;
color: #009900;
margin: 3px 3px;
text-decoration:none
}

a.hintanchorGrid, a.hintanchorGrid:link, a.hintanchorGrid:visited ,a.hintanchorGrid:active
{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: #009900;
margin: 3px 3px;
text-decoration:none
}