@charset "UTF-8";
/* CSS Document */

/* -------------- font classes -------------- */
p,h1,h3,h4,h5,h6,#link,dl,dt,ol,no-script,#col1 ul,#col1 li,#col2 ul,#col2 li,#colLEFT ul,#colLEFT li,#colCENTER ul,#colCENTER li,#colRIGHT ul,#colRIGHT li{
	font-family:"Futura Medium Condensed", "Futura Condensed", Futura, Arial, sans-serif;
	color:#444444;
	text-align:left;
	}
p	{font-size:75%;}
h1 	{font-size:165%;
	color:#516c7f;
	line-height:1;
	font-weight:600;
	margin-left:-18px;
	margin-bottom:-7px;
	}
h3 	{font-size:80%;
	color:#516c7f;
	}
h4 	{font-size:60%;
	color:#333;
	font-weight:bold;
	margin-bottom:-12px;
	}
h5 {font-size:95%;
	margin-bottom:-15px;
	color:#516c7f;
	}
h6 {font-size:55%;
	color:#000;
	padding-left:3%;
	}
a 	{color:#516c7f;
	text-decoration:none;
	line-height:2;
	}
dl 	{padding-top:8px;
	margin:0;
	padding-left:25px;
	text-align:left;
	padding-top:20px;
	}
dt 	{font-size:78%;
	color:#516c7f;
	font-weight:600;
	line-height:1.4;
	}
dd 	{font-size:78%;
	color:#333;
	padding-left:10px;
	padding-bottom:5px;
	}
ol {font-size:90%;
	padding-left:5%;
	/*list-style-type:numbers;*/
	margin-top:-10px;
	}
ol ol{font-size:90%;
	padding-left:3%;
	list-style-type:lower-alpha;
	margin-top:0;
	}
noscript {
	font-size:90%;
	color:#000;
	padding-left:2%;
	}
#employees ul, #employees li{
	list-style:none;
	font-size:80%;
	color:#000;
	line-height:1.5;
	}
.filled {
	font-size:80%;
	font-weight:bold;
	color:#516c7f;
	}
/*.style1 {color:#003300;}*/
.specialty {font-size:140%;
	color:#516c7f;
	font-weight:bold;
	margin-bottom:4px;
	}
/* ---------------- banner ---------------- */
#banner {
	position:relative;
	height:12px;
	top:12px;
	z-index:100;
	background-image:url(../images/KCRSbar.gif);
	background-repeat:no-repeat;
	background-position:center;
	}
/* -------------- curved corners------------- */
#upLeft {
	position:relative;
	height:50px;
	width:50px;
	left:-5px;
	top:-15px;
	float:left;
	background-image:url(../images/upLeft.gif);
	background-repeat:no-repeat;
	}
#upRight {
	position:relative;
	height:50px;
	width:50px;
	left:808px;
	top:-15px;
	background-image:url(../images/upRight.gif);
	background-repeat:no-repeat;
	}
/* ------------- page elements ------------- */
body {
	background-image:url(../images/BKGD.gif);
	background-repeat:repeat;
	margin: 35px auto;
	width:900px;
	}
.container {
	width:850px;
	margin: 0 auto;
	padding-top:9px;  	/*this was what i had to add to make the corners sit right...*/
	background-color:#FFF;
	}
#logo {
	position:relative;
	top:-35px;
	width:60%;
	padding-left:23%;
	}
.menu {
	position:relative;
	top:-18px;
	width:850px;
	height:22px;
	margin-bottom:-15px;
	z-index:50;
	}
.main {
	width:92%;
	min-height:250px;
	padding-left:30px;
	padding-bottom:2%;
	z-index:10;
	}
#head {
	padding-left:2%;
	}
/*--------------- side artwork area --------------- */
#textNarrow {
	position:relative;
	width:550px;
	left:0;
	top:0;
	margin-top:-2%;
	padding:0;
	}	
#artworkIndex {
	position:relative;
	width:200px;
	height:1px;
	top:-320px;
	left:580px;
	}	
/* ------------ two column layout ------------ */
.colSectionX {
	width:100%;
	min-height:350px;
	padding:0;
	}
#col1 ul,#col1 li {
	position:relative;
	top:0;
	left:25px;
	width:350px;
	float:left;
	font-size:85%;
	list-style:none;
	}
#col2 ul,#col2 li{
	position:relative;
	top:8px;
	left:20px;
	font-size:85%;
	list-style:none;
	}
/* ----------- three columns layout ----------- */	
.threeCOL {
	width:100%;
	min-height:350px;
	height:100%;
	padding:0;
	margin-top:0;
	padding-left:10px;
	}
#colLEFT ul,#colLEFT li{
	position:relative;
	top:0;
	left:25px;
	width:250px;
	float:left;
	font-size:85%;
	list-style:none;
	}
#colCENTER ul,#colCENTER li{
	position:relative;
	top:0;
	left:25px;
	width:250px;
	float:left;
	font-size:85%;
	list-style:none;
	}	
#colRIGHT ul,#colRIGHT li{
	position:relative;
	top:0;
	left:20px;
	width:250px;
	float:right;
	font-size:85%;
	list-style:none;
	}	
/* --------------- bottom area --------------- */	
.footer {
	width:100%;
	padding-left:3%;
	padding-right:2%;
	z-index:100;
	}
#hr {
	position:relative;
	top:-65px;
	width:100%;
	height:10px;
	background-image:url(../images/hrule.gif);
	background-repeat:repeat-x;
	z-index:100;
	}
#blank {
	background-image:url(../images/blank.gif);
	}
/* ------------- photo section ------------- */
.pix1,.pix2,.pix3 {
	position:relative;
	width:100%;
	height:100px;
	z-index:100;
	margin-bottom:-10px;
	}
.pix1 {background-image:url(../images/homePix.png);
	background-repeat:repeat-x;
	}
.pix2 {background-image:url(../images/marketingPix.png);
	background-repeat:repeat-x;
	}
.pix3 {background-image:url(../images/classPix.png);
	background-repeat:repeat-x;
	}
/* ------------ pseudo classes ------------ */
a:link		{color:#333;text-decoration: underline;}
a:visited	{color:#000;text-decoration: none;}
a:hover		{color:#516c7f;text-decoration: underline;}

.mail a:link {color:#444; text-decoration:underline;}
.mail a:hover  {color:#516c7f;text-decoration:underline;}