﻿/* A3 IT Solutions */
/* Initial Build: LMA 11/11/2008 */
/* Revisions:
   INITIAL HERE DATE HERE
*/

/*************************/
/* General Layout Styles */
/*************************/
/* HTML and body tag styles */
html, body{
  width:100%;
  margin:0 0 0 0;
  text-align:center;
  background:#dedede;
}

/* Zeroing out margins on form tags */
form{
  margin:0 0 0 0;
}

/* Web Site Container / Wrapper */
#container{
  position:relative;
  top:0px;
  left:0px;
  width:930px;
  margin:0 auto 0 auto;
  text-align:left;
}

/* Header Div */
#header{
  position:relative;
  top:0px;
  left:0px;
  width:930px;
  height:28px;
}

/* Logo Div */
#logo{
  position:absolute;
  top:28px;
  left:0px;
  width:324px;
  height:100px;
  padding:8px 0 8px 0;
  background:#ffffff url(images/left/logo.gif) no-repeat 0px 8px;
}

/* Transparent Gif in Logo Div */
#logo img{
  width:324px;
  height:100px;
  border:0px; 
  float:right;
}

/* Slogan or Call to Action Div */
#slogan{
  position:absolute;
  top:500px;
  left:10px;
}

/* Utility Navigation Div */
#utilityNav{
  width:920px;
  height:25px;
  padding:0 10px 0 0;
  background:#000000;
}

/* Main Site Navigation Div */
#nav{
  width:324px;
  float:left;
  padding:116px 0 0px 0;
  background:#ffffff;
}

#flash{
  height:182px;
  float:left;
  background:#ffffff;
}

/* Main Site Navigation Link Holder 
#nav div{
  width:314px
  height:22px;
  overflow:hidden;
  background:#4c7e90;
  margin:0 0 3px 0;
  padding:0 0 0 10px;
}
*/

/* Bread Crumb Div */
#breadCrumb{
  width:563px;
  height:26px;
  padding:0 25px 0 15px;
  background:#000078;
  float:right;
}

/* Content Div */
#content{
  width:563px;
  height:422px;
  background:#000078;
  overflow:auto;
  float:right;
  padding:0 25px 0 15px;
  border-bottom:3px solid #dedede;
}

#content.newsContent{
  width:588px;
  padding:0 0 0 15px; 
}

/* Footer Div */
#footer{
  width:570px;
  height:58px;
  clear:both;
  padding:20px 10px 0 350px;
  background:#000000;
}

/* Homepage feature box */
#homefeature{
  width:530px;
  height:auto;
  clear:both;
  padding:20px 10px 0 10px;
  background:#ffffff;
  border:medium;
  border-color:#669999;
  border-style:outset;
 

}



/***************/
/* Form Styles */
/***************/
/* Textboxes and Drop Downs */
input, select{
  background:#ffffff;
  border:1px solid #000000;
}

/* Buttons */
button, submit{
  background:#ffffff;
  border:1px solid #000000;
}


.qmfv{visibility:visible !important;}.qmfh{visibility:hidden !important;}
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}

/* QuickMenu 0 */

/*"""""""" (MAIN) Container""""""""*/	
#qm0	
{	
	width:324px;
	padding:0px;
	margin:0px;
}


/*"""""""" (MAIN) Items""""""""*/	
#qm0 a	
{	
	padding:0px 0px 0px 10px;
	margin:0px 0px 3px 0px;
	background-color:#4C7E90;
	color:#FFFFFF;
	font-family:Trebuchet MS;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	line-height:22px;
}


/*"""""""" (MAIN) Hover State""""""""*/	
#qm0 a:hover	
{	
	background-color:#444444;
}


/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
#qm0 li:hover>a	
{	
	background-color:#444444;
}


/*"""""""" (MAIN) Active State""""""""*/	
body #qm0 .qmactive, body #qm0 .qmactive:hover	
{	
	background-color:#444444;
}


/*"""""""" (SUB) Container""""""""*/	
#qm0 div, #qm0 ul	
{	
	padding:0px;
	margin:-1px 0px 0px 0px;
	border-width:1px;
	border-style:solid;
	border-color:#FFFFFF;
}


/*"""""""" (SUB) Items""""""""*/	
#qm0 div a, #qm0 ul a	
{	
	padding:0px 10px 0px 10px;
	margin:0px 0px 0px 0px;
	font-size:11px;
}


/*"""""""" (SUB) Hover State""""""""*/	
#qm0 div a:hover	
{	
	text-decoration:none;
	border-color:#A2A1AD;
}


/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
#qm0 ul li:hover>a	
{	
	text-decoration:none;
	border-color:#A2A1AD;
}


/*"""""""" (SUB) Active State""""""""*/	
body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
{	
	border-color:#A2A1AD;
}


/*"""""""" Individual Titles""""""""*/	
#qm0 .qmtitle	
{	
	margin:2px 5px 5px 5px;
	color:#112747;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
}


/*"""""""" Individual Horizontal Dividers""""""""*/	
#qm0 .qmdividerx	
{	
	border-top-width:1px;
	margin:4px 5px 4px 5px;
	border-color:#A2A1AD;
}


/*"""""""" Custom Rule""""""""*/	
ul#qm0 ul li:hover > a.qmparent	
{	
	background-image:url(../../images/arrow_1.gif);
	text-decoration:underline;
}


/*"""""""" Custom Rule""""""""*/	
ul#qm0 ul li .qmparent	
{	
	background-image:url(../../images/arrow_1.gif);
	background-repeat:no-repeat;
	background-position:92% 50%;
}


/*"""""""" Custom Rule""""""""*/	
ul#qm0 li:hover > a.qmparent	
{	
	background-image:url(../../images/arrow_1.gif);
	background-repeat:no-repeat;
	text-decoration:underline;
}


/*"""""""" Custom Rule""""""""*/	
ul#qm0 li .qmparent	
{	
	background-image:url(../../images/arrow_1.gif);
	background-repeat:no-repeat;
	background-position:92% 50%;
}

