/************************** My own Fonts *****************************/
.visualheadertext { 
	color: #606060;
	font-family: Viner Hand ITC;
	font-size: 150%; 
	font-style: italic;
	}

.Copyright {
	color: #B0B0B0;
	}

.VisualLeftNavigation {
	top: 0%;
	position: relative;
	left: 0%;
	color: #606060;
	background-image: none;
	background-color: #FFFFFF;
	height: 100%;
	width: 200px;
	text-indent: 0em;
	margin: 0px;
	padding-top: 5px;
	padding-left: 2px;
}


a.VisualLeftNavLink:link, a.VisualLeftNavLink:visited {
	color: #606060;
	text-decoration:none;
	}

a.VisualLeftNavLink:hover, a.VisualLeftNavLink:active { 
	color: #38531C;
	text-decoration:none;
	}

a.VisualLeftNavLinkHeader:link, a.VisualLeftNavLinkHeader:visited {
	font-weight: bold;
	color: #606060;
	text-decoration:none;
	}

a.VisualLeftNavLinkHeader:hover, a.VisualLeftNavLinkHeader:active { 
	font-weight: bold;
	color: #38531C;
	text-decoration:none;
	}

.VisualImageLink {
	border-width: 0px;
}

.VisualGreenTableCenterText {
	font-family: Arial;
	font-size: small;
	font-weight: bold;
	color: #2F7E20;
	text-align: center;
}

/************************************************************************/
/*							QlikTech Fonts								*/
/************************************************************************/
.QTLightGray1 {
	font-family: Arial;
	font-size: large;
	font-weight: bold;
	color: #8C8C8C;
}

.QTLightGray2 {
	font-family: Arial;
	font-size: medium;
	font-weight: bold;
	color: #8C8C8C;
}

.QTLightGray3 {
	font-family: Arial;
	font-size: smaller;
	font-weight: bold;
	color: #8C8C8C;
}

.QTLightGrayNormal {
	font-family: Arial;
	font-weight: normal;
	color: #8C8C8C;
	font-size: inherit;
}

.QTGray1 {
	font-family: Arial;
	font-size: large;
	font-weight: bold;
	color: #595959;
}

.QTGray2 {
	font-family: Arial;
	font-size: medium;
	font-weight: bold;
	color: #595959;
}

.QTGray3 {
	font-family: Arial;
	font-size: smaller;
	font-weight: bold;
	color: #595959;
}

.QTGrayNormal {
	font-family: Arial;
	font-weight: normal;
	color: #595959;
	font-size: inherit;
}

.QTDarkGray1 {
	font-family: Arial;
	font-size: large;
	font-weight: bold;
	color: #363636;
}

.QTDarkGray2 {
	font-family: Arial;
	font-size: medium;
	font-weight: bold;
	color: #363636;
}

.QTDarkGray3 {
	font-family: Arial;
	font-size: smaller;
	font-weight: bold;
	color: #363636;
}

.QTDarkGrayNormal {
	font-family: Arial;
	font-weight: normal;
	color: #363636;
	font-size: inherit;
}

.QTLightGreen1 {
	font-family: Arial;
	font-size: large;
	font-weight: bold;
	color: #B1DB20;
}

.QTLightGreen2 {
	font-family: Arial;
	font-size: medium;
	font-weight: bold;
	color: #B1DB20;
}

.QTLightGreen3 {
	font-family: Arial;
	font-size: smaller;
	font-weight: bold;
	color: #B1DB20;
}

.QTLightGreenNormal {
	font-family: Arial;
	font-weight: normal;
	color: #B1DB20;
	font-size: inherit;
}

.QTGreen1 {
	font-family: Arial;
	font-size: large;
	font-weight: bold;
	color: #2F7E20;
}

.QTGreen2 {
	font-family: Arial;
	font-size: medium;
	font-weight: bold;
	color: #2F7E20;
}

.QTGreen3 {
	font-family: Arial;
	font-size: small;
	font-weight: bold;
	color: #2F7E20;
}

.QTGreenNormal {
	font-family: Arial;
	font-weight: normal;
	color: #2F7E20;
	font-size: inherit;
}

.QTWhite1 {
	font-family: Arial;
	font-size: large;
	font-weight: bold;
	color: #FFFFFF;
}

.QTWhite2 {
	font-family: Arial;
	font-size: medium;
	font-weight: bold;
	color: #FFFFFF;
}

.QTWhite3 {
	font-family: Arial;
	font-size: small;
	font-weight: bold;
	color: #FFFFFF;
}

.QTWhiteNormal {
	font-family: Arial;
	font-weight: normal;
	color: #FFFFFF;
	font-size: inherit;
}

/************************************************************************/
/*							Visual Page Layout							*/
/************************************************************************/

.visual_header {
  background: #ffffff;
  width: 100%;
}
.visual_leftcol {
	padding: 15px;
	padding-left: 4px;
	float: left;
	width: 20%;
	margin-right: 5px;
}

.visual_rightcol {
	padding: 15px;
	float: right;
	width: 20%;
	margin-left: 5px;
	margin-right: 5px;
}

.visual_content {
	float: left;
	width: 50%;
}

.visual_footer {
  clear: both;
  width: 100%;
}

.visual_box {
	border-style: solid;
	border-width: 1px;
	border-color: #C4D2AC;
	background: #d8e7cd;
	padding: 15px;
	padding-left: 4px;
	margin-right: 5px;
}


/*  Usage
<div id="visual_header">Header Section</div>
<div id="visual_leftcol">Left Section</div>
<div id="visual_rightcol">Right Section</div>
<div id="visual_content">Content Section</div>
<div id="visual_footer">Footer Section</div>

*/


/************************** My own boxes *****************************/
/*                    http://www.spiffybox.com                       */
/*********************************************************************/

/* set the image to use and establish the lower-right position */ 
.cssbox, 
.cssbox_body, 
.cssbox_head, 
.cssbox_head h2 {
    background: transparent url('Images/Corner.jpg') no-repeat bottom right; 
} 

.cssbox { 
    width: 220px !important; /* intended total box width - padding-right(next) */
    width: 240px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 20px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right: 20px; /* interior-padding right */ 
    padding: 15px 0px 15px 40px; /* mirror .cssbox_head right/left */ 
} 


/**************** Green *****************/
/* set the image to use and establish the lower-right position */ 
.box_green, 
.box_green_body, 
.box_green_head, 
.box_green_head h2 {
    background: transparent url('Images/BoxGreen.jpg') no-repeat bottom right; 
} 

.box_green { 
    width: 220px !important; /* intended total box width - padding-right(next) */
    width: 240px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 20px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.box_green_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.box_green_head h2 { 
    color: #EEEEEE;
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.box_green_body { 
    color: #EEEEEE;
    background-position: bottom left; 
    margin-right: 20px; /* interior-padding right */ 
    padding: 15px 0px 15px 40px; /* mirror .box_green_head right/left */ 
} 

.box_green_body text{ 
    color: #DDDDDD;
} 

/**************** Light Moss Green *****************/
/* set the image to use and establish the lower-right position */ 
.box_light_moss_green, 
.box_light_moss_green_body, 
.box_light_moss_green_head, 
.box_light_moss_green_head h2 {
    background: transparent url('Images/LightMossGreenBox.jpg') no-repeat bottom right; 
} 

.box_light_moss_green { 
    width: 220px !important; /* intended total box width - padding-right(next) */
    width: 240px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 20px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.box_light_moss_green_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.box_light_moss_green_head h2 { 
    color: #7E8E42;
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.box_light_moss_green_body { 
    color: #7E8E42;
    background-position: bottom left; 
    margin-right: 20px; /* interior-padding right */ 
    padding: 15px 0px 15px 40px; /* mirror .box_light_moss_green_head right/left */ 
} 

.box_light_moss_green_body text{ 
    color: #DDDDDD;
}