/* CSS Document */

html,
body { height: 100%; }

body {
	text-decoration: none;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

BODY,
HTML,
IMG,
DIV,
P,
TABLE,
TD,
OL,
UL,
H1 {
	margin: 0;
	padding: 0;
	border: 0;
}

img { display: block; }

li {
	list-style: none;
	text-align: left;
}

.clearFloat {
	font-size: 1px;
	line-height: 0px;
	clear: both;
	height: 0px;
}

/*********************************************/

/* Pulls type in from http://typekit.com*/

.tk-angie-sans { }

.tk-anivers { }

/*Common to All Pages********************************************/


.container {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	position: relative;
}

img#bg {
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.headerTransp {
	position: fixed;
	z-index:1;
	top: 45px;
	height: 34px;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	background: #FFFFFF;
	margin-left: 281px;
	width: 2000px;
}
.headerTransp2 {
	position: fixed;
	z-index:1;
	top: 45px;
	height: 34px;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	background: #FFFFFF;
	margin-left: 281px;
	width: 23px;
}
.headerTransp3 {
	position: fixed;
	z-index:1;
	top: 45px;
	height: 34px;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	background: #FFFFFF;
	margin-left: 281px;
	width: 73px;
}

h1 { }

h2 {
	font-size: 32px;
	font-weight: normal;
}

h3
{
	background: #701E22;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: -10px;
	margin-top: 45px;
	padding-bottom: 1px;
	padding-left: 8px;
	padding-top: 1px;
	position: relative;
	text-transform: uppercase;
}

h4 {
	font-size: 16px;
	line-height: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	text-indent: 0px;
	padding-top: 3px;
	padding-bottom: 0px;
}
h5 {
	font-size: 14px;
	color: #044A94;
	line-height: 1.2em;
	margin-top: 20px;
	display: block;
	background: #A4CADA;
	text-transform: uppercase;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 4px;
	margin-bottom: 10px;
	font-weight: normal;
	text-indent: 0px;
}

#leftFixed-box {
	position: fixed;
	left:0px;
	top:0px;
	width:284px;
	z-index:1;
	padding-top: 95px;
}

			#leftFixed-box ul {
				margin-top: 80px;
				margin-left: 65px;
			}
			
			#leftFixed-box li {
				top: 63px;
				filter: alpha(opacity=40);
				-moz-opacity: 0.4;
				-khtml-opacity: 0.4;
				opacity: 0.4;
				background: #FFFFFF;
				height: 23px;
				width: 150px;
				margin-top: 7px;
				text-indent: 10px;
				font-size: 15px;
				line-height: 26px;
			}

#leftFixed-text {
	position:fixed;
	left:0px;
	top:0px;
	width:284px;
	z-index:3;
}

			#leftFixed-text ul {
				margin-top: 88px;
				margin-left: 65px;
			}
			
			#leftFixed-text li {
				height: 23px;
				width: 150px;
				margin-top: 7px;
			}
			
			#leftFixed-text li a {
				color:#999;
				display:block;
				font-size: 13px;
				line-height: 26px;
				padding-top: 0;
				padding-right: 5px;
				padding-bottom: 0;
				padding-left: 12px;
				text-align: left;
			}
			
			#leftFixed-text a:link {
				text-decoration: none;
				color: #224776;
			}
			
			#leftFixed-text a:visited {
				text-decoration: none;
				color: #224776;
			}
			
			#leftFixed-text a:hover {
				background: url(images-siteDefault/navHover.jpg) no-repeat -6px -1px;
				color: #000000;
				height: 23px;
			}
			
#leftArticle-box {
	position: fixed;
	left:0px;
	top:0px;
	width:284px;
	z-index:1;
	padding-top: 35px;
}

			#leftArticle-box ul {
				margin-top: 80px;
				margin-left: 85px;
			}
			#leftArticle-box li {
				top: 63px;
				filter: alpha(opacity=40);
				-moz-opacity: 0.4;
				-khtml-opacity: 0.4;
				opacity: 0.4;
				background: #FFFFFF;
				height: 23px;
				width: 150px;
				margin-top: 7px;
				text-indent: 10px;
				font-size: 15px;
				line-height: 26px;
			}		

#leftArticle-text {
	position:fixed;
	left:0px;
	top:0px;
	width:284px;
	z-index:3;
}

			#leftArticle-text ul {
				margin-top: 28px;
				margin-left:85px;
			}
			#leftArticle-text li {
				height: 26px;
				width: 150px;
				margin-top: 3px;
			}
			
			#leftArticle-text li a {
				color:#999;
				display:block;
				font-size: 13px;
				line-height: 26px;
				padding-top: 0;
				padding-right: 5px;
				padding-bottom: 0;
				padding-left: 12px;
				text-align: left;
			}
			
			#leftArticle-text a:link {
				text-decoration: none;
				color: #224776;
			}
			
			#leftArticle-text a:visited {
				text-decoration: none;
				color: #224776;
			}
			
			#leftArticle-text a:hover {
				background: url(images-siteDefault/navHover.jpg) no-repeat -6px -1px;
				color: #000000;
				height: 23px;
			}			
			
/***   Frames    ******************************/
.articleText {
	font-size: 14px;
	text-align: left;
	line-height: 1.5em;
	text-indent: 0.9em;
	background: #FFFFFF;
	font-weight: normal;
	width: 444px;
	border: 2px solid #999999;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
}	
	
.articleText ul {
	background: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 55px;
	margin-right: 6px;
}
.articleText li {
	list-style: square;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 14px;
	padding-left: 0px;
	text-indent: -3px;
}

/****   Left Nav that has the article titles- and the article head.  *******************/

.articleTitles {
	text-align: left;
	color: #314195;
	letter-spacing: 0px;
	font-size: 12px;
	position: fixed;
	left: 60px;
	top: 300px;
}

.articleTitles ol {
	font-size: 12px;
	margin-top: 15px;
}

.articleTitles li {
	list-style: decimal url(none);
	width: 230px;
	padding-top: 9px;
}

.articleTitles li a {
	color:#999;
	display:block;
	font-size: 12px;
	padding-top: 0;
	padding-bottom: 0;
	text-align: left;
}

.articleTitles a:link {
	text-decoration: none;
	color: #224776;
}

.articleTitles a:visited {
	text-decoration: none;
	color: #224776;
}

.articleTitles a:hover {
	background: url(images-siteDefault/bg-articleTitle.gif) repeat;
	color: #0066CC;
}
/*************************/

#articlesHd {
	font-size: 13px;
	color: #003366;
	text-align: left;
	width: 230px;
	position: fixed;
	left: 40px;
	top: 292px;
	padding: 5px;
	border-top: thick solid #CCE2EF;
}

/*************************/
#footer {
	position:fixed;
	z-index:80;
	width:100%;
	text-align: left;
	font-size: 10px;
	padding-left: 12px;
	padding-top: 6px;
	background: #9fccee;
	bottom: 0px;
}

			#footer ul {
				height:18px;
				padding-left: 13px;
				width: 800px;
				list-style: none;
				width: 850px;
			}
			
			#footer p {
				float: left;
				padding-right: 20px;
				text-transform: uppercase;
				color: #333333;
			}
			
			#footer li {
				float: left;
				list-style: url(none) none;
				display: block;
				font-size: 10px;
				text-transform: uppercase;
				border-right: 1px solid #2A95D0;
				padding-left: 15px;
				padding-right: 10px;
			}
			
			#footer a:link {
				text-decoration: none;
				color: #0F4370;
			}
			
			#footer a:visited {
				text-decoration: none;
				color: #0F4370;
			}
			
			#footer a:hover {
				text-decoration: none;
				color: #000000;
			}

/*Home********************************************/
.content {
	background: #FFFFFF;
	right:60px;
	width:700px;
	position:absolute;
	z-index:75;
	left: 285px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom:20px;
}

			.content a { text-decoration:underline; }

/**Portfolio*******************************************/

#portfolioWrap {
	background: url(images-siteDefault/bg-BlueSqr-matchMainbg.gif) repeat;
	left: 330px;
	position: absolute;
	right: 60px;
	z-index: 75;
	padding-bottom: 100px;
	width: 540px;
	top: 45px;
}

#portf-frame {
	background: url(images-siteDefault/bg-BlueSqr-PortfFrame.gif) repeat;
	padding: 30px;
}

.panelText {
	font-size: 14px;
	text-align: left;
	background: #FFFFFF;
	font-weight: normal;
	width: 444px;
	border: 2px solid #999999;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 35px;
}

		.panelText img {
			border: 1px solid #000000;
			margin-top: 28px;
			margin-bottom: 6px;
		}

.toSite {
	color: #2D3E8B;
	text-decoration: none;
	margin-left: 345px;
	font-size: 11px;
	width: 90px;
	margin-bottom: 30px;
	background: url(images-siteDefault/Arrow-inCircle1.png) no-repeat right bottom;
	margin-top: -5px;
}

		.toSite a {
			text-decoration: none;
			color: #000000;
			display: block;
			padding-top: 10px;
			padding-right: 20px;
			padding-bottom: 10px;
			padding-left: 10px;
			}


/*********************************************/
.captionLeft {
	top: 130px;
	color: #000000;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 24px;
	background: #FFFFFF;
	}

.captionLeft p {
	font-size: 12px;
	line-height: 1.5em;
	text-indent: 0em;
	font-style: italic;
	}