/* CSS Document */
BODY {font-family: Arial, Tahoma, Verdana;
font-size:13px;
color: #000000;
background-image: url("graphics/sitebg.jpg");
background-repeat:repeat-x;
background-attachment:fixed;
background-color:#FFFFFF;
}
TD{
font-family: Arial, Tahoma, Verdana;
font-size:13px;
color: #000000;
}

H1{
color:#002047;
text-align:center;
}
H2{
color:#002047;
text-align:center;
}
H3{
color:#002047;
}
A:link { color: #474747;
font-family: Arial, Tahoma, Verdana;
font-size:13px;
font-weight: bold;
}
A:visited { color: #474747;
font-family: Arial, Tahoma, Verdana;
font-size:13px;
font-weight: bold;
}
A:active { color: #474747;
font-family: Arial, Tahoma, Verdana;
font-size:13px;
font-weight: bold;
}
A:hover { color: #002953;
font-family: Arial, Tahoma, Verdana;
font-size:13px;
font-weight: bold;
}


A:link.topnav { color: #FFFFFF;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
font-size:17px;
text-decoration:none;
}
A:visited.topnav { color: #FFFFFF;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
font-size:17px;
text-decoration:none;
}
A:active.topnav { color: #FFFFFF;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
font-size:17px;
text-decoration:none;
}
A:hover.topnav { color: #FAF3DD;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
font-size:17px;
text-decoration:none;
}

A:link.homelink { color: #000000;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
font-size:17px;
text-decoration:underline;
}
A:visited.homelink { color: #000000;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
font-size:17px;
text-decoration:underline;
}
A:active.homelink { color: #000000;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
font-size:17px;
text-decoration:underline;
}
A:hover.homelink { color: #C91C0E;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
font-size:17px;
text-decoration:underline;
}

A:link.reftext { color: #564A24;
font-family: Arial, Tahoma, Verdana;
font-size:10px;
text-decoration:none;
}
A:visited.reftext { color: #564A24;
font-family: Arial, Tahoma, Verdana;
font-size:10px;
text-decoration:none;
}
A:active.reftext { color: #564A24;
font-family: Arial, Tahoma, Verdana;
font-size:10px;
text-decoration:none;
}
A:hover.reftext { color: #F5D415;
font-family: Arial, Tahoma, Verdana;
font-size:10px;
}
.title2{font-family:"Times New Roman", Times, Palatino, Garamond; font-size: 21px; font-style: italic;}
.topnums{font-weight:bold; font-size:18px; color:#0e5c92;}
.maintable{border: 1px #000000 solid;}
.black{background-color: #000000;}
.leftbg{background-image: url("graphics/left.png");}
.rightbg{background-image: url("graphics/right.png");}
.mainbg{background-image: url("graphics/mainbg2.jpg"); background-color:#FFFFFF; background-attachment:fixed; background-repeat:repeat-y;}
.topbg{background-image: url("graphics/topbg.jpg");}
.navbar{background-image: url("graphics/midbg.jpg");}
.botgrad{background-image: url("graphics/botgrad.png");}
.largetext{font-size:17px;}
.topleft{font-size:13px; font-weight:bold;}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */



.menu-main-menu-container {height:36px; position:relative; z-index:1000000;}
/* hack to correct IE5.5 faulty box model */
* html .menu-main-menu-container {width:900px; w\idth:899px;z-index:1000000;}
/* remove all the bullets, borders and padding from the default list styling */
.menu-main-menu-container ul {padding:0;margin:0;list-style-type:none; z-index:1000000;}
.menu-main-menu-container ul ul {width:100px;z-index:1000000;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu-main-menu-container li {float:left;position:relative; z-index:1000000;}
/* style the links for the top level */
.menu-main-menu-container a, .menu-main-menu-container a:visited {display:block;font-size:13px;text-decoration:none; color:#fff;  height:36px; line-height:29px; padding-left:10px; padding-right:10px;border:0px solid #000; border-width:0px 0 0px 0px; vertical-align:middle; text-align:center;z-index:1000000;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu-main-menu-container a, * html .menu-main-menu-container a:visited {width:100px; w\idth:99px;}

/* style the second level background */
.menu-main-menu-container ul ul a.drop, .menu-main-menu-container ul ul a.drop:visited {background-image: url("graphics/b50.png");}
/* style the second level hover */
.menu-main-menu-container ul ul a.drop:hover{background-image: url("graphics/b50.png");}
.menu-main-menu-container ul ul :hover > a.drop {background-image: url("graphics/p50.png");}
/* style the third level background */
.menu-main-menu-container ul ul ul a, .menu-main-menu-container ul ul ul a:visited {background-image: url("graphics/p70.png");} /*3rd OFF */
/* style the third level hover */
.menu-main-menu-container ul ul ul a:hover {background-image: url("graphics/p95.png");} /*3rd ON */


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu-main-menu-container ul ul {visibility:hidden;position:absolute;height:0;top:34px;left:0; width:150px; border-top:1px solid #000; background-image: url("graphics/p50.png");}
/* another hack for IE5.5 */
* html .menu-main-menu-container ul ul {top:34px;t\op:35px; }

/* position the third level flyout menu */
.menu-main-menu-container ul ul ul{left:170px; top:-1px; width:99px;}

/* position the third level flyout menu for a left flyout */
.menu-main-menu-container ul ul ul.left {left:100px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu-main-menu-container table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links - SECOND OFF */
.menu-main-menu-container ul ul a, .menu-main-menu-container ul ul a:visited {background:#08254F; font-size:12px; color:#FFF; height:auto; line-height:1em; padding:5px 10px; width:150px;border-width:0 1px 1px 1px;z-index:1000000;}
/* yet another hack for IE5.5 */
* html .menu-main-menu-container ul ul a, * html .menu-main-menu-container ul ul a:visited {width:140px;w\idth:128px;}

/* style the top level hover */
.menu-main-menu-container a:hover {color:#fff; background-image: url("graphics/white.png");}
.menu-main-menu-container :hover > a  {color:#fff; background-image: url("graphics/white.png");} /* TOP OVER */

.menu-main-menu-container ul ul a:hover {color:#fff; background:#395072;}
.menu-main-menu-container ul ul :hover > a {color:#fff; background:#395072;} /* 2nd OVER */

/* make the second level visible when hover on first level list OR link */
.menu-main-menu-container ul li:hover ul,
.menu-main-menu-container ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu-main-menu-container ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu-main-menu-container ul :hover ul :hover ul{ visibility:visible;}


/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu-main-menu-container ul ul .current_page_item a {
  
}

.menu-main-menu-container .current_page_item {background-image: url("graphics/w10.png");

}

.menu-main-menu-container ul .current_page_item ul a {
}

.menu-main-menu-container ul .current_page_item ul a:hover {
}

.menu-main-menu-container .current_page_item a:hover {
}


.challenge{width: 150px; margin-left: 30px; margin-top: 10px; padding: 0px; position:absolute;
z-index:999;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */
.iq-testimonial-quote{font-size:1.2em;}
.iq-testimonial-name{font-style:italic;}
.iq-testimonial-body{border-bottom: 1px solid #000;}



