@charset "UTF-8";
/* CSS Document */


.nivoSlider {
    position:relative;
    background:url(images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}


/*--------Page Layout Styles----------*/

.bodymargins {
	margin: 0px;
}

.pagetop {
	height:112px;
	background-repeat:repeat-x;
	background-image:url(images/pagetop-background.gif);
}

.pageright {
	background-image:url(images/pageright-background.gif);
	background-repeat:repeat-y;
	background-position:left;
}

.pageleft {
	background-image:url(images/pageleft-background.gif);
	background-repeat:repeat-y;
	background-position:right;
}

.pagebottom {
	height:336px;
}

.pagewidth {
	width:778px;
}

.redbar {
	background-color:#CC3333;
	height:5px;
}

.greybar {
	background-color:#CCCCCC;
	height:5px;
}

.flashwindow {
	background-color:#CCC;
	width:778px;
	
}

.alignBottom {
	vertical-align:bottom;
}

.copyright {
	font-family:sans-serif;
	text-align:center;
	font-size:12px;
	color:#666;
}

.boxalign {
	vertical-align:bottom;
	height:159px;
}

td.boxpadding {
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	width:33%;
}

td.content {
	vertical-align:top;
}

td.rightcontent {
	text-align:center;
	vertical-align:top;
}

.paddingTop {
	padding-top:8px;
}

td.centered {
	text-align:center;
	width:50px;
}

td.paddingRight {
	padding-right:10px;
	padding-left:10px;
}

.quote {
	font-family:sans-serif;
	font-size:14px;
	color:#FFF;
}
.quote a {
	font-family:sans-serif;
	font-size:14px;
	background-color:#999;
	padding:3px 6px 3px 6px;
	text-decoration:none;
	color:#FFF;
	border:double #FFF;
}
.quote a:hover {
	font-family:sans-serif;
	font-size:14px;
	background-color:#999;
	text-decoration:none;
	color:#333;
	border:double #FFF;
}

.link a {
	font-family:sans-serif;
	font-size:14px;
	color:#333;
	text-decoration:underline;
}

.link a:hover {
	font-family:sans-serif;
	font-size:14px;
	color:#cc3333;
	text-decoration:underline;
}

.whiteLg {
	font-family:sans-serif;
	font-size:18px;
	color:#fff;
	text-align:left;
	vertical-align:middle;
	padding-left:8px;
}

.phonenumber {
	font-family:sans-serif;
	font-size:18px;
	color:#333;
	text-align:right;
	padding-right:13px;
}

.greyitalic {
	font-family:sans-serif;
	font-size:16px;
	font-style:italic;
	color:#333;
	padding-left:10px;
	padding-top:8px;
}

.greytext {
	font-family:sans-serif;
	font-size:12px;
	color:#333;
	padding-left:10px;
	padding-right:10px;
	vertical-align:top;
	padding-top:5px;
}

.threebox {
	width:246px;
	height:134px;
}

.fourbox {
	/*width:184px;*/
	width:180px;
	height:134px;
	
}

.box {
	height:104px;
	background:url(images/box-greyscale.gif) repeat-x;
	width:100%;
}

.bodycopy {
	font-family:sans-serif;
	font-size:12px;
	color:#666;
}

h1 {
	font-family:sans-serif;
	font-size:24px;
	line-height:10px;
	color:#999;
}

ul.list {
	margin:0;
}

.menu2 {margin:0; list-style:none; height:30px; position:relative; z-index:500; font-family:arial, verdana, sans-serif; }
.menu2 li.top {display:block; float:right; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:30px; line-height:30px; color:#000; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 0; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 12px 0 12px; height:30px;}
.menu2 li a.top_link:hover {color:#FFF; background:#cc3333 url(images/white-test.gif) no-repeat top left } /*--background red tab goes here - IE only*/
.menu2 li:hover > a.top_link {color:#FFF; background:#cc3333 url(images/white-test.gif) no-repeat top left}/*--background red tab goes here - firefox only*/
.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0px; top:30px; background:#CC3333; white-space:nowrap; width:200px; height:auto; padding:5px 0px 5px 0px; }/*padding sub*/
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:200px;}
.menu2 :hover ul.sub li a {display:block; text-decoration:none; font-size:11px; font-weight:bold; height:20px; width:200px; line-height:20px; text-indent:10px; color:#000;}
.menu2 :hover ul.sub li a.fly {background:#cc3333}
.menu2 :hover ul.sub li a:hover {color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {color:#fff;}
.menu2 :hover ul li:hover > a.fly {color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; white-space:nowrap; width:93px; z-index:200; height:auto;}






#wrapper{
width:100%;
float:inherit;
}
#col_1{
width:239px;
float:left;

padding:10px;
background-color:#FFFFFF;
}
#col_2{
width:239px;

float:left;

padding:10px;
background-color:#FFFFFF;
}
#col_3{
width:239px;

float:left;
padding:10px;
background-color:#FFFFFF;
}