@import url("reset.css");

/* GENERAL
--------------------------------------------------------- */
body {
	background:#e6e6e6 url(../images/bg_main.gif) repeat-x scroll 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%;
}

a:link {
	color: #53a6d0;
}
a:visited {
	color: #53a6d0;
}
a:hover {
	color: #ef8322;
}
a:active {
	color: #4f9ec7;
}

/* SPEECH BUBBLE
--------------------------------------------------------- */
#speechbubble {background:#fff; padding:5px; width:400px; margin:5px auto 5px auto;}
#speechbubble div:after {content: "."; display: block; height:11px; clear:both; visibility:hidden;}
#speechbubble div {width:400px; height:auto; font-family:verdana; font-size:11px;}
b.tl {display:block; width:400px; height:8px; font-size:1px;}
b.tr {display:block; width:392px; height:8px; font-size:1px; float:right;}
b.bl {display:block; width:8px; height:8px; font-size:1px; float:left;}
b.br {display:block; width:392px; height:8px; font-size:1px; float:right; position:relative;}
b.point {display:block; font-size:1px; width:125px; height:14px;}
#speechbubble div p {padding:8px; margin:0; border:3px solid #fff; border-width:0 3px; text-align:justify;}

div.one b.tl {background: url(../images/top_left1.gif) top left no-repeat;}
div.one b.tr {background: url(../images/top_right1.gif) top right no-repeat;}
div.one p {background:#f6d853;}
div.one b.bl {background: url(../images/bottom_left1.gif) top left no-repeat;}
div.one b.br {background: url(../images/bottom_right1.gif) top right no-repeat;}
div.one b.point {background: url(../images/point1.gif) top left no-repeat; margin:5px 0 0 25px;}

p.italic {margin:0 0 20px 0; font-weight:bold; font-style:italic;}

ul.list li {font-size:11px; margin:2px 0;} 

			
/* FONT RESIZER
--------------------------------------------------------- */
.fonts {position:relative; text-align:left; clear:both;}
.small_font	{ font-size:100%; position:relative;}
.small_font img{padding-top:15px;}
.medium_font { font-size:110%; position:relative;}
.medium_font img{padding-top:15px;}
.large_font	{ font-size:120%; position:relative;}
.large_font img{padding-top:15px;}
.outer { width:100%; border:none; }

/* LAYOUT
--------------------------------------------------------- */
#container {
	width:820px;
	margin: 0 auto;
	background-color:#FFFFFF;
}
#container-inner {
	width:780px;
	margin: 0 auto;
}
#colLeft {
	float:left;
	width:140px;
	margin-bottom:5px;
}
#colCenter {
	float:left;
	text-align:left;
	width:230px;
}
#colRight {
	float:right;
	text-align:right;
	margin-top:15px;
	width:380px;
}

.clear { clear:both; margin-top:-1px; height:1px; overflow:hidden; display:block; }

/* NAVIGATION
--------------------------------------------------------- */

#menu1 {width:780px; height:35px; text-align:center; clear:both; z-index:10; position:relative;}
#menu1 ul {display:inline-block; z-index:11;} 
#menu1 ul.top-level {margin-left:0; z-index:12;}
#menu1 ul {margin:0; padding:0; list-style:none; white-space:nowrap; z-index:13;} 
#menu1 li {margin:0; padding:0; z-index:14;}
#menu1 a {display:block; width:258px; font:bold 17px "trebuchet MS",verdana,arial,sans-serif; color:#2E7FA8; line-height:35px; text-decoration:none; padding:0 10px; z-index:15;} 
#menu1 ul.top-level {margin-left:0; z-index:16;} /* I don't know why, but this centers IE5.5 ?? */

#menu1 li:hover > ul {visibility:visible; z-index:17;}
#menu1 a:hover ul,
#menu1 a:hover a:hover ul, 
#menu1 a:hover a:hover a:hover ul {visibility:visible; z-index:18;}
#menu1 a:hover ul ul, 
#menu1 a:hover a:hover ul ul {visibility:hidden; z-index:19;}

#menu1 ul.top-level {margin:0; z-index:20;} 
#menu1 li.top-level-li {float:left; position:relative; margin:0 2px 0 0; z-index:21;}

#menu1 a.top-level-a {float:left; padding:0; background: transparent url(../images/taba1.gif) no-repeat; z-index:22;} 
#menu1 a.top-level-a b {float:left; padding:0; background: transparent url(../images/taba1.gif) no-repeat; z-index:23;}
#menu1 a.down b {float:left; padding:0; background: transparent url(../images/taba1.gif) no-repeat; z-index:24;}

#menu1 a.top-level-a:hover {white-space:nowrap; background: transparent url(../images/taba1.gif) no-repeat left -30px; z-index:25;}
#menu1 a.top-level-a:hover b, 
#menu1 a.top-level-a:focus b, 
#menu1 a.top-level-a:active b {color:#2E7FA8; background: transparent url(../images/taba1.gif) no-repeat right -30px; cursor:pointer; z-index:26;}
#menu1 a.down:hover b, 
#menu1 a.down:focus b, 
#menu1 a.down:active b {color:#2E7FA8; background: transparent url(../images/taba1.gif) no-repeat right -30px; cursor:pointer; z-index:27;}

#menu1 li.top-level-li:hover > a {white-space:nowrap; background: transparent url(../images/taba1.gif) no-repeat left -30px; z-index:28;}
#menu1 li.top-level-li:hover > a b {color:#2E7FA8;  background: transparent url(../images/taba1.gif) no-repeat right -30px; z-index:29;}
#menu1 li.top-level-li:hover > a.down b {color:#2E7FA8;  background: transparent url(../images/taba1.gif) no-repeat right -30px; z-index:30;}

#menu1 li ul {display:block; position:absolute; visibility:hidden; background:#FF8000; padding:1px 1px 8px 1px; left:0; z-index:31;}
#menu1 li li {border-bottom:1px solid #FF8000; z-index:32;}
#menu1 li li a {background:#2E7FA8; text-align:left; font:bold 12px "trebuchet MS",verdana,arial,sans-serif;color:#FFF; line-height:35px; text-decoration:none; z-index:33;} 
#menu1 li li a:hover {background:#e3e6ed; color:#000; text-align:left; font:bold 12px "trebuchet MS",verdana,arial,sans-serif;color:#2E7FA8; line-height:35px; text-decoration:underline; z-index:34;} 
#menu1 li li:hover > a {background:#e3e6ed; z-index:35;}

#menu1 ul.drop-down {top:35px; opacity:0.80; z-index:36;} 
#menu1 li li ul {left:100%; margin-top:-23px; margin-left:-5px; z-index:37;}

#menu1 table {position:absolute;top:0;left:0;border-collapse:collapse;text-align:left; z-index:38;}
#menu1 table ul li a {padding-left:0; padd\ing-left:20px; z-index:39;}
#menu1 table table {top:auto; left:100%; margin-left:-1px; padding:0; margin:0; z-index:40;}
#menu1 table table ul {margin-top:-4px; marg\in-top:-7px; z-index:41;}

#menu1 a.active {
	background:#ef8322;
	clear:both;
	display:inline-block;
	margin:0; padding:0; list-style:none; white-space:nowrap;
	
}
#menu2 {
	display:inline-block; 
	font:bold 14px "trebuchet MS",verdana,arial,sans-serif; 
	white-space:nowrap; 
	clear:both; 
	width:780px; 
	height:31px; 
	padding:0; 
	margin:0;
}
#menu2 li a, #menu2 li a:visited {
	display:block; 
	width:154px; 
	line-height:31px; 
	text-align:center; 
	float:left;
	color:#FFF; 
	border-right:1px solid #FFF; 
	border-left:1px solid #FFF; 
	padding:0;
	text-decoration:none;	
	background:transparent url(../images/lower_button_gradient2.gif) scroll repeat-x; 
}
#menu2 li a:active { background:#2E7FA8;}
#menu2 li a:hover { background:#2E7FA8;}

#menu2 ul li li a, #menu2 ul li li a:visited {
	display:block; 
	text-decoration:none; 
	width:90px; 
	height:25px; 
	text-align:left; 
	color:#000; 
	padding-left:10px; 
	border:1px solid #fff; 
	border-width:0 1px 1px 0; 
	background:#c9c9a7; 
	line-height:25px; 
	font-size:11px; 
}
#menu2 ul {padding:0; margin:0;list-style-type: none; }
#menu2 ul li {float:left; position:relative;}
#menu2 ul li ul {visibility:hidden; position:absolute;}

#menu2 table {border-collapse:collapse; margin:0; padding:0; font-size:1em; margin:-1px;}

#menu2 ul li:hover a, #menu2 ul li a:hover {color:#FFF; background:#2E7FA8;}

#menu2 ul li:hover ul, #menu2 ul li a:hover ul {visibility:visible; bottom:26px; left:0;}

#menu2 ul li:hover ul li a.sub, #menu2 ul li a:hover ul li a.sub {color:#2E7FA8; background:#E8E8E8;}

#menu2 ul li:hover ul li, #menu2 ul li a:hover ul li {display:block; color:#2E7FA8; background:#E8E8E8; width:140px; clear:both;}

#menu2 ul li:hover ul li:hover a.sub, #menu2 ul li a:hover ul li a:hover.sub {color:#2E7FA8; background:#E8E8E8;}

#menu2 ul li:hover ul li ul, #menu2 ul li a:hover ul li a ul {visibility:hidden; position:absolute;}

#menu2 ul li:hover ul li a, #menu2 ul li a:hover ul li a {display:block; color:#2E7FA8; background:#E8E8E8; width:100%; padding-left:10px;}

#menu2 ul li:hover ul li a:hover, #menu2 ul li a:hover ul li a:hover {color:#2E7FA8; background:#E8E8E8;}

#menu2 ul li:hover ul li:hover ul, #menu2 ul li a:hover ul li a:hover ul {visibility:visible; left:210px; bottom:0;}

#menu2 ul li:hover ul li:hover ul li a, #menu2 ul li a:hover ul li a:hover ul li a {color:#2E7FA8; background:#E8E8E8;}

#menu2 ul li:hover ul li:hover ul li a:hover, #menu2 ul li a:hover ul li a:hover ul li a:hover {color:#2E7FA8; background:#E8E8E8;}

#menu2 ul li:hover ul.left, #menu2 ul li a:hover ul.left {left:-105px;}

#menu2 ul li:hover ul li:hover ul.left, #menu2 ul li a:hover ul li a:hover ul.left {left:-210px; width:209px;}

#wrappermenu2 {text-align:center;}
#wrappermenu2 .holder {margin:0;}
#menu2 {display:inline;}
#holder {display:table;}

#subNav {
	width:778px;
	height:35px;
	margin: 0;
	padding:0;
	background: transparent url(../images/bg_nav_sub.gif) no-repeat;
	list-style-type:none;
	clear:both;
}

#subNav li{
	float:left;
	margin-left:0;
	padding:0;
}
#subNav li a{
	font:bold 10px "trebuchet MS",verdana,arial,sans-serif;
	color:#2E7FA8;
	line-height:35px;
	text-decoration:none;
	overflow:hidden;
	display:block;
	padding: 0 10px;
	float:left;
}
#subNav li a:hover{
	text-decoration:underline;
}
#subNav li a.active {
	background: transparent url(../images/sub_active3.gif) no-repeat scroll center bottom;
}

/* CONTENT
--------------------------------------------------------- */
#flashContent {
	width:778px;
	height:297px;
	margin: 0 0 0 0;
	position:relative;
	z-index:0;
}

.topPhone {
	font-family:"trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	color:#077ab5;
	font-size:1.2em;
	font-weight:bold;
	line-height:20px;
}

.topPhone a {text-decoration:none;}
.topPhone a:hover {text-decoration:underline;}

.giveMN {
	clear:both;
	position:relative;
	background: transparent url(../images/DonateNowLogoV2.pngf) no-repeat;
	height:109px;
	width:129px;
                     margin-top:4px;
                     margin-right:6px;
	float:right;
}

.memberLogin {
	font-family:"trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#077ab5;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	position:relative;
	padding:2px;
	border:1px solid #cfcfcf;
	background: transparent url(../images/member_login_gradient.png) repeat-x;
	float:right;
	width:135px;
}

.memberLogin a {text-decoration:none;}

.logoMain {
	margin: 7px 0 2px 7px; 
}

#logoContainer {clear:both;}

#partnerLogos {
	width: 780px;
	height: 130px;
	background-color: #FFF;
	overflow: hidden;
	border:1px dotted #ccc;
	margin:0 0 20px 20px;
}

#partnerLogos img {
	vertical-align:middle;
}

#partnerLogos p {
	text-align:center; 
	font-family:trebuchet MS; 
	font-size:1.5em; 
	color:#FF850A;
	margin-top:1px;
}

.bucketContainer {
	clear:both;
}
	
.bucket1, .bucket2, .bucket3, .bucketMain, .bucketNews, .bucketNews2 {
	font-size:1.3em;
	float:left;
	color:#4f4f4f;
	
}
.bucketInner {
	padding:5px;
	line-height:1.5em;
	text-align:left;
	margin-bottom:10px;
	background: transparent url(../images/bg_bucket.gif) scroll repeat-x  0 -54px;
}
.bucketInner p{
	margin-bottom: .5em;
}
.scrollboxContainer{
	position: relative;
	width: 248px; 
	height: 310px;
	margin:0;
	padding:0;
	float:left;
	clear:both;
}
.scrollbox {border:none; width:248px; height:300px; overflow:auto;}

.bucketInner img.floatright {float:right; }
.bucket1 h1, .bucket2 h1, .bucket3 h1, .bucketMain h1, .bucketNews h1 {
	color:#2E7FA8;
	background:#E8E8E8;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	line-height:34px;
	font-weight:normal;
	text-align:center;
	margin:8px 0 5px 0;
}
.bucket1 ul, .bucket2 ul, .bucket3 ul, .bucketNews ul, .bucketNews2 ul{
	margin:0px;
	padding:0px;
}
.bucketNews2 h1{
		background: transparent url(../images/bg_news2.gif) scroll repeat-x 0 bottom;
		color:#53a6d0;
		font-family:"Trebuchet MS", Verdana,Arial,Helvetica,sans-serif;
		font-size:1.3em;
		font-weight:normal;
		line-height:34px;
		text-indent:10px;
		margin-top:0;
		margin-bottom:0;
}
.bucket1 {
	width:256px;
}
.bucket2 {
	width:256px;
	margin: 0 4px;
}
.bucket3 {
	width:256px;
}
.bucketMain {
	width:556px;
}
.bucketMain {
	width:556px;
	margin: 0 4px 0 0;
}
.bucketNews, .bucketNews2 {
	width:213px;
}
.bucketInner ul{
	list-style:inside;
	list-style-image: url(../images/bg_links.gif);
}
.bucketInner l1{
	font-size:1.2em;
}

div.date {
	color:#bfbfbf;
	margin-bottom:.5em;
	font-size:1em;
}
div.newstitle a {
	margin-bottom:.5em;
	font-size:1.1em;
}
.bucket3 p, .bucketNews p, .bucketNews2 p  {
	margin-bottom:.5em;
}
.bucket3 h3 a, .bucketNews h3 a {
	color:#4397c3;
}

h1.TradeGothic {
	line-height:56px;
	font-size:2.0em;
	color:#ef8322;
	margin: 0 0 0 10px;
	font-family:"Trebuchet MS", Verdana,Arial,Helvetica,sans-serif;
}
.B_crumbBox, .B_crumb, .B_homeCrumb { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; }

/* TABLES FOR FORMS
-----------------------------------------------*/

.table-form {
		width: 520px;
		margin: 15px 0;
	}
	
	.table-form td {
		padding: 4px;
		vertical-align:middle;
	}
	
	.table-form td.form-label {
		text-align: right;
		padding-right: 10px;
		width: 130px;
		font-weight: bold;
	}
	
	.table-form input.text,
	.table-form textarea,
	.table-form select{
		width: 385px;
	}
	
	.table-form input.text, .table-form textarea, .table-form select {
		border-top: 1px solid #B0B3A7;
		border-right: 1px solid #E9EDDD;
		border-bottom: 1px solid #E9EDDD;
		border-left: 1px solid #B0B3A7;
		background: #fefefe;
		padding: 0 5px;
		font: 11px/18px Tahoma, Arial, sans-serif;
		color: #606E5E;
	}
	
	.table-form input.text{	
		height: 18px;
	}
	
	.table-form .form-selections {
		font-size: 11px;
	}
	
	.floatPeople { width: 300px; margin-right: 20px; float: left }
	
#footer {
	clear:both;
	color:#333;
	line-height:1.4em;
	padding: 10px;
	text-align: center;
	background: #fefefe;
	border-top: 1px dotted #ccc;
}
.mapForm {
	margin-bottom:5px;
}
.product{
	margin-bottom:10px;
}
.product img {
	border-top: 1px solid #ccc;
}