/*reset*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,  blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family:Verdana;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color:#808080;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, td {
	text-align: left;
	font-weight: normal;
	font-size:11px;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:5px;
	
}

th 
{
    font-weight:bold;
    font-size:11px;
        
}


blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.innerWrapper
{
	margin: 10px auto 10px auto;
	width: 955px;
	
}

body
{
	font-family:Arial;
	background-color:#FFFFFF;
	color:#000000;
	font-size:100%;
}

.contentWrapper
{
	width: 955px;
	padding-bottom:10px;
	position: relative;
	float: left;
	
}

.footerWrapper
{
	margin: 10px auto 10px auto;
	width: 100%;
	
}

.header
{
	background-color: #000000;
	height: 85px;
	border:1px solid #000000;
}

.strong 
{
	font-weight:bold;
	color:#6F6728;
	
}

h1
{
	font-family:Calibri,Helvetica,"Arial",sans-serif;
	color: #6F6728;
	font-size: 24px;
	font-weight:bold;
}	

h3
{
	font-family:Calibri,Helvetica,"Arial",sans-serif;
	color: #590F20;
	font-size: 20px;
	font-weight:bold;
}

h2
{
	font-family:Calibri,Helvetica,"Arial",sans-serif;
	color: #590F20;
	font-size: 20px;
	font-weight:bold;
}

.testimonial 
{
	font-family:Calibri,Helvetica,"Arial",sans-serif;
	color: #590F20;
	font-size: 14px;
}
	
p
{
	color: #808080;
	font-size: 0.9em;
	line-height:1.6em;
	
}

.productImageNavigation
{
	float: left;
	
}

.footer
{
	float: left;
	position: relative;
	text-align: center;
	font-size:0.8em;
	width: 955px;
	background-color:#5d65a6;
	border-top:1px solid #3e436d;
	
}

.inner 
{
	text-align:center;
	color:#ffffff;
	margin-top:20px;
	margin-bottom:20px;
	
}

.inner p
{

color:#ffffff;
	
}
.inner a:link
{

color:#ffffff;
text-decoration:none;
}
.inner a:active
{

color:#ffffff;
	
}

.inner a:visited
{

color:#ffffff;
	
}

.inner a:hover
{

color:#ffffff;
text-decoration:underline;	
}


a:link
{
	color: #353CAE;
	
}

a:visited
{
	color: #353CAE;
	text-decoration: none;
}

a:hover
{
	color: #353CAE;
	text-decoration: underline;
}

a:active
{
	color: #353CAE;
	text-decoration: none;

}

.pictureNavPlaceHolder
{
	float: left;
	position: relative;
	width: 915px;
	height: 120px;
	background-color: #808080;
	display: block;
	margin: 20px;
}

.paraformat
{
line-height:1.2em;
	
}

.contentContainer
{
	width: 955px;
	position: relative;
	float: left;
	margin-top:20px;
	
}

.blueHeaderLarge
{
	color: #353CAE;
	font-size: 	1.3em;
	font-weight: bold;
}

.blueHeaderMedium
{
	color: #353CAE;
	font-size: 18px;
	margin-bottom:10px;
}

/*buttons have a quirk in FF, only top half of button is active*/

.btnmed, .btnmed:hover, a.btnmed:active
{
    
    font:10px Calibri,Helvetica,"Arial",sans-serif;
    font-weight:bold;
    text-align:center;
	color:#ffffff;
	width:30px;
	height:25px;
	border:0;	
	outline: none;
	background-color:#88814b;
	

.btnmed:active /*cannot get active to work in IE. Usage dropped*/
{
	
	color:#6b653b;
	outline: none;
}
.btnlge, .btnlge:hover
{
    background:url("../../Images/Buttons/mmButton.gif") no-repeat 0px 0px; 
    font:12px Calibri,Helvetica,"Arial",sans-serif;
    font-weight:bold;
    text-align:center;
	color:#8181AA;
	width:78px;
	height:26px;
	border:0;	
	outline: none;
}
.btnlge:hover
{
	background:url("../../Images/Buttons/mmButton.gif") no-repeat 0px -52px; 
	color:#2644AB;
	outline: none;
}






.btnBlueGradientBackground
{
	background:url("../../Images/Buttons/blueButtonGradientBackground.jpg") no-repeat 0px 0px; 
    font:12px Calibri,Helvetica,"Arial",sans-serif;
    font-weight:bold;
    text-align:center;
	color:#FFFFFF;
	width:103px;
	height:28px;
	border:0;	
}

.btnBlueGradientBackgroundLong
{
	background:url("../../Images/Buttons/blueButtonGradientBackgroundLong.jpg") no-repeat 0px 0px; 
    font:14px Calibri,Helvetica,"Arial",sans-serif;
    font-weight:bold;
    text-align:center;
	color:#FFFFFF;
	width:200px;
	height:28px;
	border:0;	
}

/*added for when BackOffice doesn't read CSS from where it should*/

.Menulist
{
	width:450px;
	margin-left:20px;
	margin-bottom:20px;
	float:left;
}



.Menulist ul
{
	list-style:none;
	margin-left:20px;
	margin-top:20px;
}

.MenuButton
{
    float:left;
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:20px;
    
}

.testing
{
	width:800px;
	border:1px solid #000000;
	font-size:100px;
}