@charset "UTF-8";

/* @group Common Styles */

body { font-size:11px; line-height:1.525em; /* 16×1.125=18 */ color:#666;background:#fff; background:url(../images/bodyBg.jpg) repeat-x #FFFFFF;font-family: "Trebuchet MS"; margin-top:10px;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:3em;line-height:1;margin-bottom:0.8em;}
h2 {
	font-size:1.2em;
	margin-bottom:0.75em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.7em; font-size:12px; line-height: 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#666; text-decoration:none;}
a {color:#f57921;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em; width:850px; margin-left:30px; font-size:12px; margin-right:50px; }
table h1 {font-size:14px; }

th {font-weight:bold;background:#C3D9FF;}
th, td {}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
	
/* @end */

/* @group Container */

.container { 
	width: 970px; 
	margin: 0 auto; 
	padding:10px 10px;
	background-color: #fff;
	}
	
.containerInside { 
	width: 950px; 
	margin: 0 auto;
	background-color:#FFFFFF;

	}
	
/* @end */

/* @group Header */

.headerLogo { 
float:left;
width:135px;
margin-bottom:10px;
	}
	
.headerContact {
margin-left:145px;
padding:10px 0px;
text-align:right;

	}

/* @group Navigation */

.navigation { 
	height:35px;
	clear:both;
	margin-bottom:15px;
	}
	
.navigation ul
{
padding-left: 0;
width:100%;
margin-left: 0;
background-color: #979797;
color: White;
float: left;
font-family: arial, helvetica, sans-serif;
}

.navigation ul li { display: inline; }

.navigation ul li a
{
padding: 10px 22px;
color: White;
text-decoration: none;
float: left;
}




.navigation ul li a:hover
{
background-color: #369;
color: #fff;
}
	
.navigation ul li.homeNav a:hover
{
background-color: #f57921;
color: #fff;
}

.navigation ul li.homeNavOn a
{
background-color: #f57921;
color: #fff;
}

.navigation ul li.manageNav a:hover
{
background-color: #f57921;
color: #fff;
}

.navigation ul li.manageOn a
{
background-color: #f57921;
color: #fff;
}

.navigation ul li.howOn a
{
background-color: #369;
color: #fff;
}

.navigation ul li.helpOn a
{
background-color: #369;
color: #fff;
}

.navigation ul li.backupNav a:hover
{
background-color: #f6371e;
color: #fff;
}

.navigation ul li.backupOn a
{
background-color: #f6371e;
color: #fff;
}

.navigation ul li.calloutNav a:hover
{
background-color: #d6a521;
color: #fff;
}

.navigation ul li.calloutOn a
{
background-color: #d6a521;
color: #fff;
}

.navigation ul li.contactNav a:hover
{
background-color: #f57921;
color: #fff;
}

.navigation ul li.contactOn a
{
background-color: #f57921;
color: #fff;
}

.navigation ul li.supplyNav a:hover
{
background-color: #76a44d;
color: #fff;
}

.navigation ul li.supplyBig a
{
background-color: #76a44d;
color: #fff;
}

navigation ul li.supplyOn a
{
background-color: #76a44d;
color: #fff;
}


.leftArea { 
float: left; 
width:560px;
}

.leftArea h1 {  
font-size: 16px; 
color: #f57921
}

.leftArea h1 .grey {  
font-size: 16px; 
color: #979797; 
padding-bottom: 10px;
}

.rightBox {
margin-left: 580px; 
background: url(../images/homeBoxBg.jpg) repeat-x; 
height: 205px;
padding: 10px;
}

.rightContents {
padding: 5px 10px;
background-color: #efede9;
height: 165px;

}	

.rightContents h1 {  
font-size: 16px; 
color: #f57921
}

.rightContents h1 .grey {  
font-size: 16px; 
color: #979797; 
padding-bottom: 10px;
}

#navcontainerRight {}

#navlist
{
margin: 20px 10px;
padding-left: 0;
font-size: 13px;
list-style: none;

}

#navlist li {margin-bottom: 10px;}

#navlist li a { color:#666666; text-decoration: none; }
#navlist li a:hover { color:#f57921; text-decoration: underline; }

#navlist li .video
{
	padding: 10px 35px 15px 40px;
	background-image: url(../images/video.jpg);
	background-repeat: no-repeat;
	background-position: left 5px;
}

#navlist li .disc
{
padding: 10px 35px 15px 40px;
background: url(../images/disc.jpg) no-repeat;
	background-position: left 5px;

}

#navlist li .docs
{
	padding: 10px 35px 15px 40px;
	background-position: left 5px;
	background-image: url(../images/documents.jpg);
	background-repeat: no-repeat;
}

.mainBoxContainer {
clear:both;
background: url(../images/mainBoxBg.jpg) repeat-x; 
min-height:500px;
padding: 10px;
}

.manage {
float:left;
height: 358px;
padding: 10px;
width: 158px;
background-color: #efede9;}

.manage img { border: 5px solid #e3e3e3;}

.manage h1 {color:#f57921; font-size: 16px; text-align: center; }

.manage p {color:#666; font-size: 12px; }

.manage a {color:#666; font-size: 12px; text-decoration:none }

.manage a:hover {color:#666; font-size: 12px;  text-decoration:none; }

		.manage:hover{
		 float:left;
	   	 height: 358px;
		 padding: 10px;
		 width: 158px;
		 background-color: #f57921;}

		.manage:hover img { border: 5px solid #c06320;}

		.manage:hover h1 {color:#fff; font-size: 16px; text-align: center; }

		.manage:hover p {color:#fff; font-size: 12px; }

.manage:hover a {color:#fff; font-size: 12px; text-decoration:underline }

.manage:hover a:hover {color:#fff; font-size: 12px;  text-decoration:underline }






.backup {
float:left;
margin-left: 14px;
height: 358px;
padding: 10px;
width: 158px;;
background-color: #efede9;}

.backup img { border: 5px solid #e3e3e3;}

.backup h1 {color:#f6371e; font-size: 16px; text-align: center; }

.backup p {color:#666; font-size: 12px; }

.backup a {color:#666; font-size: 12px; text-decoration:none}

.backup a:hover {color:#666; font-size: 12px;  }

		.backup:hover {
		float:left;
		margin-left: 14px;
		height: 358px;
		padding: 10px;
		width: 158px;;
		background-color: #f6371e;}

		.backup:hover img { border: 5px solid #ce321d;}

		.backup:hover h1 {color:#fff; font-size: 16px; text-align: center; }

		.backup:hover p {color:#fff; font-size: 12px; }

.backup:hover a {color:#fff; font-size: 12px; text-decoration:underline }

.backup:hover a:hover {color:#fff; font-size: 12px;  text-decoration:underline }


.callout {
float:left;
margin-left: 14px;
height: 358px;
padding: 10px;
width: 158px;
background-color: #efede9;}

.callout img { border: 5px solid #e3e3e3;}

.callout h1 {color:#f6bc1e; font-size: 16px; text-align: center; }

.callout p {color:#666; font-size: 12px; }

.callout a {color:#666; font-size: 12px;text-decoration:none }

.callout a:hover {color:#666; font-size: 12px; }

.callout:hover {
float:left;
margin-left: 14px;
height: 358px;
padding: 10px;
width: 158px;
background-color: #f6bc1e;}

.callout:hover img { border: 5px solid #d6a521;}

.callout:hover h1 {color:#fff; font-size: 16px; text-align: center; }

.callout:hover p {color:#fff; font-size: 12px; }

.callout:hover a {color:#fff; font-size: 12px; text-decoration:underline }

.callout:hover a:hover {color:#fff; font-size: 12px;  text-decoration:underline }



.supply {
float:left;
margin-left: 14px;
height: 358px;
padding: 10px;
width: 158px;
background-color: #efede9;}

.supply img { border: 5px solid #e3e3e3;}

.supply h1 {color:#86b959; font-size: 16px; text-align: center; }

.supply p {color:#666; font-size: 12px; }

.supply a {color:#666; font-size: 12px;text-decoration:none }

.supply a:hover {color:#666; font-size: 12px;  }

.supply:hover {
float:left;
margin-left: 14px;
height: 358px;
padding: 10px;
width: 158px;
background-color: #86b959;}

.supply:hover img { border: 5px solid #76a44d;}

.supply:hover h1 {color:#fff; font-size: 16px; text-align: center; }

.supply:hover p {color:#fff; font-size: 12px; }

.supply:hover a {color:#fff; font-size: 12px; text-decoration:underline }

.supply:hover a:hover {color:#fff; font-size: 12px;  text-decoration:underline }


.help {
float:left;
margin-left: 14px;
height: 358px;
padding: 10px;
width: 158px;
background-color: #efede9;}

.help img { border: 5px solid #e3e3e3;}

.help h1 {color:#1e93f6; font-size: 16px; text-align: center; }

.help p {color:#666; font-size: 12px; }

.help a {color:#666; font-size: 12px;text-decoration:none }

.help a:hover {font-size: 12px;  }


.help:hover {
float:left;
margin-left: 14px;
height: 358px;
padding: 10px;
width: 158px;
background-color: #1e93f6;}

.help:hover img { border: 5px solid #1b7ed1;}

.help:hover h1 {color:#fff; font-size: 16px; text-align: center; }

.help:hover p {color:#fff; font-size: 12px; }

.help:hover a {color:#fff; font-size: 12px; text-decoration:underline }

.help:hover a:hover {color:#fff; font-size: 12px;  text-decoration:underline }



.footer { clear:both; margin-top:10px; border-top:1px solid #c5c5c5;}

.footerLeft { float: left; width:300px; text-align: left; padding: 10px;}

.footerLeft a { color: #f6371e; text-decoration: none;}
.footerLeft a:hover {text-decoration: underline}


.footerRight { margin-left:310px; text-align: right; }

.imageBox { 
float: left; 

}

.mainGrey {
padding: 10px;
background-color: #efede9;}


.mainGreyCon {
padding: 10px;
height:430px;
background-color: #efede9;}


.mainGreyCon div h1 {  
font-size: 16px; 
color: #f57921
}

.mainGrey h1 {  
font-size: 16px; 
color: #f57921
}

.mainGrey li {  
font-size: 12px; 
}

.mainGrey h1 .grey {  
font-size: 16px; 
color: #979797; 
padding-bottom: 10px;
}
table.contact{
	width: 340px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
table.contact td{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	vertical-align: top;
}
form{
	margin: 0px;
	padding: 0px;
}