﻿/* Style sheet for American Micro Kansas City */
html {
	margin: 0px;
	padding: 0px;

}

.centerbody {
	width: 780px; align:center;
	background-color:#fff;
}
body  {     background:  #2885B3;
	color: #F0EDE2; 
	padding: 0px;
	text-align: left; font-style:normal; font-variant:normal; font-weight:normal; 
	line-height:2em; font-size:69%; font-family:Verdana, Arial, sans-serif;
}
textarea { background: #ffffff; color: #000; 
	border: 1px solid #D9EAF3; 
	font: normal normal 12px/18px Arial, sans-serif;}
select { background: #ffffff; color: #000; 
	border: 1px solid #D9EAF3; 
	font: normal normal 12px/18px Arial, sans-serif;}
input { background: #ffffff; color: #000; 
	border: 1px solid #D9EAF3; 
	font: normal normal 12px/18px Arial, sans-serif;}
#radio input { background: transparent; color: #723716; 
	border: 0px solid #CCB67C; 
	font: normal normal 11px Arial, sans-serif; }
#checkbox input { background: transparent; color: #723716; 
	border: 0px solid #CCB67C; 
	font: normal normal 11px Arial, sans-serif; }
h1    { font: normal bold 14pt georgia, serif; padding: 0px 0px 0px 0px; font-variant: small-caps;
	color: #000000; }
h2    { color: #723716; font:  normal normal 13px Arial, sans-serif; 
	font-variant: small-caps; }
h3    { font: normal bold 9 pt Arial, sans-serif; color: #000000; line-height:.75em; }
h4    { color: #0077c1; font:  normal bold 11px Arial, Verdana, sans-serif;  }
h5    { color: #0077c1; font:  normal bold 12px/13px Arial, sans-serif; 
	line-height:1em; }

h6    { color: #723716; font:  normal bold 10px Verdana, Arial, sans-serif; }
ol ol ol { color: #723716;  }
ol ol { color: #723716;  }
ol { color: #723716;  }
ul    { list-style-image: url('images/design_elements/bullet.gif');   }
ul ul    { list-style-image: url('images/design_elements/bullet2.gif'); color: #333; 	 }
ul ul ul { list-style-image: url('images/design_elements/bullet3.gif'); color: #333; 	 }

.header { 
	background: #fff ;
	text-align: left;
	color: #000;
	text-align: center; font-style:normal; font-variant:normal; font-weight:normal; 
	border:thin; border-color:#0077bE;
	line-height:1.5em; font-size:10px; font-family:Verdana, Arial, sans-serif;
padding:0px;
	}

.AMCname { 
padding-top:10px;
	color: #0276BF;
	width: 400px;
	text-align: center; font-style:normal; font-variant:normal; font-weight:bold; 
	line-height:1.5em; font-size:18px; font-family:Verdana, Arial, sans-serif;
}
.er { text-align: center; font-weight:bold; color: #db982b;
	line-height:1.5em; font-size:11px; font-family:Verdana, Arial, sans-serif;

	
}


/* Define Container to set Width */
.container1 { display: block;
	width: 745px;
	background: #ffffff;
	text-align: left;
	padding: 0px;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}

.content { position: relative;
	background: #F4EED3;
	top: 36px;
	left: 10px;
	margin-bottom: 15px;
	width: 710px;
	color: #000000; font: normal normal 110%/140% Verdana, Arial, sans-serif; 
	padding: 5px 15px 15px 15px;
	text-align: left;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
}

.content p { color: #000000; 
	text-indent: 30px; }
.content a:link    { color: #000000;  text-decoration: underline;   }
.content a:active  { color: #000000; text-decoration: none;   }
.content a:visited { color: #000000; text-decoration: underline;   }
.content a:hover   { color: #9B5935; text-decoration: none;  }

.content ul  { list-style-image: url('images/design_elements/bullet.gif'); color: #000000; 
	 font-style:normal; font-variant:normal; font-weight:normal; line-height:140%; font-size:100%; font-family:Verdana, Arial, sans-serif 
}

.content1 { background: #ffffff;
	padding-right: 25px;
	padding-left:15px;
	margin-bottom: 15px;
	margin-top: 15px;
	color: #000000; font: normal normal 12px/18px Arial, Verdana, sans-serif; 
	text-align: left;
}

.content1 p { color: #333333; padding-bottom:10px; }

.content1 a:link    { color: #0276BF;  text-decoration: none;   }
.content1 a:active  { color: #0276BF; text-decoration: none;   }
.content1 a:visited { color: #0276BF; text-decoration: underline;   }
.content1 a:hover   { color: gray; text-decoration: underline;  }

.content1 ul  { list-style-image: url('images/design_elements/bullet.gif'); 
 	color: #000000; font: normal normal 12px/16px Arial, Verdana, sans-serif; padding-bottom:10px;padding-top:10px; padding-left:20px; }
.content1 h1    { font: normal bold 13pt arial, serif; padding-top: 10px;padding-bottom:20px;
	color: #000000; }
.content1 h3    { font: normal bold 10pt Arial, sans-serif; color: #000000;  }

.content2 { background: #ffffff;
	color: #ffffcc; font: 10px Verdana, Arial, sans-serif; 	
	text-align: left;
	vertical-align: top; 
	padding-top:14px;
		width: 250px;

}

.content2 p { color: #ffffcc; }
.content2 a:link    { color: #0073AE;  text-decoration: none;   }
.content2 a:active  { color: #0073AE; text-decoration: none;   }
.content2 a:visited { color: #0073AE; text-decoration: underline;   }
.content2 a:hover   { color: #9B5935; text-decoration: underline;  }

.content2 ul  { list-style-image: url('images/design_elements/bullet.gif'); color: #060606; 
	 font-style:normal; font-variant:normal; font-weight:normal; line-height:140%; font-size:80%; font-family:Verdana, Arial, sans-serif; 
}
.content2 ul ul    { list-style-image: url('images/design_elements/bullet2.gif'); color: #723716; 
font-style:normal; font-variant:normal; font-weight:normal; line-height:140%; font-size:100%; font-family:Verdana, Arial, sans-serif; 
	 }
.content2 ul ul ul { list-style-image: url('images/design_elements/bullet3.gif'); color: #723716; 
font-style:normal; font-variant:normal; font-weight:normal; line-height:140%; font-size:100%; font-family:Verdana, Arial, sans-serif; 
	 }

.content2 h1    { font: normal bold 12pt arial, serif; padding: 0px 5px 0px 5px; font-variant: small-caps;
	color: #060606; border-bottom: 1px solid #060606; }
.content2 h3    { font: normal bold 11pt Arial, sans-serif; color: #000000;  }

.content3 { background: #fff;
	margin-bottom: 15px;
	width: 130px;
	padding-top: 15px;
font-family:Arial,Helvetica,sans-serif;font-size:11px;
	text-align: left;
	vertical-align: top; 

}


.content3 p { color: #ffffcc; font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:1em; }
.content3 a:link    { color: #0073AE;  text-decoration: underline;   }
.content3 a:active  { color: #0073AE; text-decoration: none;   }
.content3 a:visited { color: #0073AE; text-decoration: underline;   }
.content1 a:hover   { color: #9B5935; text-decoration: none;  }

.content3 ul  { list-style-image: url('images/design_elements/bullet.gif'); color: #723716; }
.content3 h1    { color: #0077c1; font:  normal bold 12px Arial, Verdana, sans-serif; }



.top { background:  #0077bE;
	text-align: center;
	width: 745px;
	color: #0073AE; 
	height: 6px;
	font: normal normal 11px/20px Verdana, Arial, sans-serif;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #0073AE;
	border-bottom: 1px solid #0073AE;
	}


.mainmenu { 
	background: #B3D5E7;
	text-align: center;
	width: 745px;
	color: #0073AE; 
	height: 20px;
	font: normal normal 11px/20px Verdana, Arial, sans-serif;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #0073AE;
	border-bottom: 1px solid #0073AE;
	}

/* Define leftmenu mouseover states */
.mainmenu a  { text-align: left; color: #0073AE; text-decoration: none;  }
.mainmenu a:link {color: #0073AE;   }
.mainmenu a:visited {color: #0073AE;  }
.mainmenu a:hover {color: #FFF;
	 }
.spacer { display: none; }

/* Define footer section */
.footer { position: relative;
	text-align: center;
	font: normal normal 10px/14px Verdana, Arial, sans-serif;
	padding: 5px 5px 5px 5px;
	color: #333333;
	overflow: hidden !important;

}
.footer a:link    { color: #666; text-decoration: none;   }
.footer a:visited { color: #666; text-decoration: none;   }
.footer a:hover   { color: #CCB67C; text-decoration: underline;  }
	
/* Define standard hyperlinks */	
a:link  { color: #000000;  }  
a:visited { color: #000000;  }
a:hover { color: #000; text-decoration: none; }
.firstbox
{
    BORDER-RIGHT: #333 5px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #333 5px solid;
    PADDING-LEFT: 10px;
    BACKGROUND: #fFF;
    PADDING-BOTTOM: 4px;
    FONT: 11px/11px Arial, Verdana, sans-serif;
line-height:.5em; 
    BORDER-LEFT:#333 5px solid;
    COLOR: #000;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #333 5px solid;    
    TEXT-ALIGN: left;
    width:100%;
}
.firstboxtop
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    BACKGROUND: #fff;
    PADDING-BOTTOM: 4px;
    FONT: bold 12px/15px Verdana, Arial, sans-serif;
    COLOR: #000;
    PADDING-TOP: 4px;
    TEXT-ALIGN: left;
}
.accountingbox {
    BORDER-RIGHT: #4F81BC 5px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #4F81BC 5px solid;
    BACKGROUND: #4F81BC;
    PADDING-BOTTOM: 4px;
    FONT:  11px/11px Arial, Verdana, sans-serif;
    color: #ffffcc;
line-height:.5em; 
    BORDER-LEFT:#4F81BC 7px solid;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #4F81BC 5px solid;    
    TEXT-ALIGN: left;

}
.accountingboxtop
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    BACKGROUND: #a7c0dd; 
    PADDING-BOTTOM: 4px;
    FONT: bold 12px/15px Verdana, Arial, sans-serif;
    COLOR: #fff;
    PADDING-TOP: 4px;
    TEXT-ALIGN: center
}
.HRbox
{
    BORDER-RIGHT: #4F81BC 5px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #4F81BC 5px solid;
    BACKGROUND: #4F81BC;
    PADDING-BOTTOM: 4px;
    FONT: 11px/11px Arial, Verdana, sans-serif;
line-height:.5em; 
    BORDER-LEFT:#4F81BC 5px solid;
    COLOR: #fff;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #4F81BC 5px solid;    
    TEXT-ALIGN: left;

}
.HRboxtop
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    BACKGROUND: #a7c0dd;
    PADDING-BOTTOM: 4px;
    FONT: bold 12px/15px Verdana, Arial, sans-serif;
    COLOR: #fff;
    PADDING-TOP: 4px;
    TEXT-ALIGN: center
}
.ITbox
{
    BORDER-RIGHT: #4F81BC 5px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #4F81BC 5px solid;
    BACKGROUND: #4F81BC;
    PADDING-BOTTOM: 4px;
    FONT: 11px/11px Arial, Verdana, sans-serif;
line-height:.5em; 
    BORDER-LEFT:#4F81BC 5px solid;
    COLOR: #ffffcc;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #4F81BC 5px solid;    
    TEXT-ALIGN: left;
}
.ITboxtop
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    BACKGROUND: #a7c0dd;
    PADDING-BOTTOM: 4px;
    FONT: bold 12px/15px Verdana, Arial, sans-serif;
    COLOR: #fff;
    PADDING-TOP: 4px;
    TEXT-ALIGN: center
}

.BLOGbox
{
    BORDER-RIGHT: #4F81BC 5px solid;
    BORDER-TOP: #4F81BC 5px solid;
    BACKGROUND: #4F81BC;
    FONT: 11px/13px Arial, Verdana, sans-serif;
line-height:1.5em; 
    BORDER-LEFT:#4F81BC 5px solid;
    COLOR: #ffffcc;
    BORDER-BOTTOM: #4F81BC 5px solid;    
    TEXT-ALIGN: left;
    width:100%;
    padding: 10px 10px 10px 10px;
}
.NEWSbox
{
    BORDER-RIGHT: #fFF 5px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #fFF 5px solid;
    BACKGROUND: #fFF;
    PADDING-BOTTOM: 4px;
    FONT: 13px/15px Arial, Verdana, sans-serif;
    BORDER-LEFT:#fFF 5px solid;
    COLOR: #000;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #fFF 5px solid;    
    TEXT-ALIGN: left;
    width:100%;
}
.NEWSboxtop
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    BACKGROUND: #fff;
    FONT: bold 12px/15px Verdana, Arial, sans-serif;
    COLOR: #808080;
    PADDING-TOP: 4px;
    PADDING-BOTTOM: 2px;
    TEXT-ALIGN: left;
}
.accountingboxtop
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    BACKGROUND: #a7c0dd; 
    PADDING-BOTTOM: 4px;
    FONT: bold 12px/15px Verdana, Arial, sans-serif;
    COLOR: #fff;
    PADDING-TOP: 4px;
    TEXT-ALIGN: center
}


  
.cornerBox { position: relative; background: #4F81BC; width: 300px; }
.corner { position: absolute; width: 10px; height: 10px; background: url('images/design_elements/corners.png') no-repeat; font-size: 0%; }
.cornerBoxInner { padding: 10px;       FONT: 11px Arial, Verdana, sans-serif;
line-height:1.8em;     COLOR: #ffffcc;    }
.TL { top: 0; left: 0; background-position: 0 0; }
.TR { top: 0; right: 0; background-position: -10px 0; }
.BL { bottom: 0; left: 0; background-position: 0 -10px; }
.BR { bottom: 0; right: 0; background-position: -10px -10px; }

.yellowcornerBox { position: relative; background: #db982b; width: 142px; }
.yellowcorner { position: absolute; width: 10px; height: 10px; background: url('images/design_elements/yellow_corners.png') no-repeat; font-size: 0%; }
.yellowcornerBoxInner { padding-left: 5px;   padding-right: 5px; padding-top: 1px; padding-bottom: 1px;   FONT: 11px Arial, Helvetica, sans-serif;
     COLOR: #ffffcc;    }
.YTL { top: 0; left: 0; background-position: 0 0; }
.YTR { top: 0; right: 0; background-position: -10px 0; }
.YBL { bottom: 0; left: 0; background-position: 0 -10px; }
.YBR { bottom: 0; right: 0; background-position: -10px -10px; }
.yellowbox
{
       PADDING-top: 5px;
    BACKGROUND: #db982b;
font-family:Arial,Helvetica,sans-serif;font-size:12px;
    COLOR: #ffffcc;
    text-align: left;
           PADDING-bottom: 5px;


}
.yellowboxtop
{
    PADDING-BOTTOM: 6px;
    PADDING-top: 8px;
    FONT: bold 12px/15px Verdana, Arial, sans-serif;
    COLOR: #0077c1;
text-align: center;
}
.arrowbox{ width: 10px; padding-top:8px; vertical-align: top;
}




.box
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 10px;
    BACKGROUND: #4F81BC;
    FONT: 11px/11px Arial, Verdana, sans-serif;
line-height:1.5em; 
    COLOR: #fff;
    TEXT-ALIGN: left;
    width:300px;

}
.box a:link    { color: #ffffcc;  text-decoration: none;  padding-right:5px; padding-top:3px;}
.box a:active  { color: #ffffcc; text-decoration: none;  padding-right:5px; padding-top:3px;}
.box a:visited { color: #000000; text-decoration: none;  padding-right:5px; padding-top:3px;}
.box a:hover   { color: #ffffcc; text-decoration: underline; padding-right:5px; padding-top:3px;}

.boxtop
{
    BACKGROUND: #a7c0dd;
    PADDING-BOTTOM: 4px;
    FONT: bold 12px/15px Verdana, Arial, sans-serif;
    COLOR: #fff;
    PADDING-TOP: 4px;
    TEXT-ALIGN: center
}
.grey
{
    FONT: bold 12px/15px Arial, Verdana, sans-serif;
    COLOR: #7f7f7f;
    TEXT-ALIGN: left;

}
.newscopy{ FONT: bold 12px Arial, Verdana, sans-serif;
	color: #2b71aa;
	line-height: 150%;

}


.popup { background: #fff;	width: 600px;
	text-align: justify;
	vertical-align: top;
	color: #333; font: normal normal 12px/18px Arial, Verdana, sans-serif; 
	}
.popup h1    { font: normal bold 14px arial, serif; padding-top: 10px;padding-bottom:10px;
	color: #333; }

.popup p { padding-right: 10px; 
	padding-left: 10px;}
.popup li { padding-right: 10px; }

.popupclose   { background: #cecece; color: #5a5a5a; font: normal bold 9px/15px Tahoma, Arial, sans-serif; 
	padding-top: 2px; padding-bottom: 2px;   }

.borderless {	border-width: 0;
}


/* style the outer div to give it width */
.menu2 {
	font-size:16px;
	font-family: Verdana, Geneva, sans-serif;
}
 
/* remove all the bullets, borders and padding from the default list styling */
.menu2 ul {padding:0;margin:0;list-style-type:none; height:40px; background:transparent;}
 
/* style the sub-level lists */

 
/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu2 ul li {float:left;height:40px; display:block;z-index:9999;}
 
/* style the sub level list items */
.menu2 ul ul li {display:block;width:auto;height:auto;}
 
/* style the links for the top level */
.menu2 a, .menu2 a:visited {display:block;vertical-align:middle;float:left;height:40px; width:auto; font-size:16px;text-decoration:none;color:#000;background:#F09F07 ;padding:0px 12px 0 12px;line-height:40px; border-left:1px solid #eee; border-right:1px solid #fff;}
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu2 a, * html .menu2 a:visited {width:11em; w\idth:auto;}
 
/* style the sub level links */
.menu2 ul ul a, .menu2 ul ul a:visited {display:block;vertical-align:middle;background:#dfbc46; color:#fff;width:12em;height:40px;padding:0px 5px; border-bottom:1px solid #7aa;}
* html .menu2 ul ul a, * html .menu2 ul ul a:visited  {width:14em; w\idth:12em;}
 
 
/* style the table so that it takes no part in the layout - required for IE to work */
.menu2 table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}
 
 
/* style the third level background */
.menu2 ul ul ul a, .menu2 ul ul ul a:visited {background:#dfbc46;}
/* style the fourth level background */
.menu2 ul ul ul ul a, .menu2 ul ul ul ul a:visited {background:#dfbc46;}
/* style the sub level 1 background */
.menu2 ul :hover a.sub1 {background:#f4d988;height:40px}
/* style the sub level 2 background */
.menu2 ul ul :hover a.sub2 {background:#f4d988;}
 
/* style the level hovers */
/* first */
* html .menu2 a:hover {color:#000;background:#f4d988; position:relative; z-index:100;}
.menu2 li:hover {
	position:relative;
}
.menu2 :hover > a {color:#000;background:#f4d988;}
/* second */
* html .menu2 ul ul a:hover{color:#000;background#f4d988; position:relative; z-index:910;}
.menu2 ul ul li:hover {position:relative;}
.menu2 ul ul :hover > a {color:#000;background#f4d988;}
/* third */
* html .menu2 ul ul ul a:hover {background#f4d988; position:relative; z-index:920;}
.menu2 ul ul ul :hover > a {background#f4d988;}
/* fourth */
.menu2 ul ul ul ul a:hover {background#f4d988; position:relative; z-index:930;}
 
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu2 ul ul {visibility:hidden;position:absolute;height:0;top:2.5em; left:0; width:14em;}
 
/* position the third level flyout menu */
.menu2 ul ul ul{left:12em;top:0;width:14em;}
 
 
/* make the second level visible when hover on first level list OR link */
.menu2 ul :hover ul{visibility:visible; height:auto; padding:0 3em 3em 3em; left:-3em;}
/* keep the third level hidden when you hover on first level list OR link */
.menu2 ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu2 ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu2 ul :hover ul :hover ul{visibility:visible; left:9em;}
/* make the fourth level visible when you hover over third level list OR link */
.menu2 ul :hover ul :hover ul :hover ul {visibility:visible;}
 

