/* CSS Document */
body{padding:0px; margin:0px; background:url(../images/bg.jpg) 0 0 repeat-x #fff; color:#707070; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
div, p, ul, h2, h3, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
/*----TOP PANEL----*/
#topPan{width:950px; height:110px; position:relative; margin:0 auto; padding:0px;}
#topPan img{width:262px; height:92px; position:absolute; top:7px; left:0px;}
/*----/TOP PANEL----*/


img, div { behavior:url(iepngfix.htc); }

/*----BODY MIDDLE PANEL----*/
#bodymainmiddlePan{width:950px; margin:0 auto; background:url(../images/main_bg.jpg) no-repeat; }
#bodymiddlePan{margin:0 auto; color:#8D8D8D; width:930px; padding: 20px 0 0 0;}

/*---Middle One----*/
#middleonePan{width:200px; float:left;  padding:0; margin:0px; clear:left; background-color:#FFFFFF}
#middleonePan p{padding:0;}
/*---/Middle One----*/

.padding{
padding: 0 0 0 4px;
margin: 0 0 10px 0;
}

a{
color:#006699;
font-size:13px;
text-decoration:none;

}
a:hover{
color:#000000;
font-size:13px;
text-decoration:underline;
}

blockquote{
font-size:16px;
}

#imagePad{width:400px; padding:0 0 0 160px;}

/*---Middle Two----*/
#middletwoPan{width:480px; float:left; margin:0; border:1px solid #CDDEFA; padding: 5px; height:100%; background-color:#FFFFFF }
#middletwoPan p{padding:0 0 20px 0;}
#middletwoPan h1{color:#5692D0; font:Arial, Helvetica, sans-serif; font-size:22px; line-height:20px; padding: 10px 0 10px 0; }
.rightPad{width:195px; float:left; margin:0 2px;}
.middlePad{width:195px; float:left; margin:0 2px;}
.middlePad2{width:195px; float:left; margin:0 2px;}
.leftPad{width:195px; float:left; margin:0 2px;}
#middletwoPan span{color:#407AB6;}
/*---/Middle Two----*/

/*---TEXT PAD----*/
#textPad{padding: 0 10px 10px 10px; }
#textPad h1{ font-size:18px; color:#666666; text-align:center}

/* Right Pad sub navigation */
#pad_right{padding: 0 10px 10px 10px; width:200px; border: 1px #CCCCCC solid; float:right; background:url(../images/bg_pad.jpg) repeat-x}

.pad_right {
	float: right;
	width: 200px;
}

.pad_right ul {
	padding: 0;
	border-top: 1px solid #EAEADA;
}
.pad_right li {border-bottom: 1px solid #EAEADA;}
.pad_right li a {
	font-size: 1.1em;
	color:#999999;
	display: block;
	padding: 8px 0 8px 0;
	text-decoration: none;
	width: 95%;
}
.pad_right li a:hover {
	background: #F0F0EB;
	color: #654;	
}

/* Left pad sub navigation */
#pad_info{padding: 0 10px 10px 10px; width:178px; border: 1px #CCCCCC solid; float:left; background:url(../images/bg_pad.jpg) repeat-x}

#pad_left{padding: 0 10px 10px 10px; width:200px; border: 1px #CCCCCC solid; float:left; background:url(../images/bg_pad.jpg) repeat-x}

.pad_left {
	float: right;
	width: 200px;
}
pad_left ul {
	padding: 0;
	border-top: 1px solid #EAEADA;
}
li { font-size:11px; }

.pad_left li a {
	font-size: 0.5em;
	color: #554;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.pad_left li a:hover {
	background: #F0F0EB;
	color: #654;	
}


/*---Middle Three----*/
#middlethreePan{width:190px; float:left;  padding: 0 0 0 10px; background-color:#FFFFFF;}
#middlethreePan h2{color:#5692D0; font:Arial, Helvetica, sans-serif; font-size:20px; background-color:#CDDEFA; padding:8px 0 10px 0; text-align:center;}

/*---/Middle Threee----*/

/*----BOTTOM PANEL----*/
#bottomPan{width:850px;  position:relative; float:right; padding: 20px 0 0 100px;}
/*----/BOTTOM PANEL----*/

/*----FOOTER PANEL----*/
#footermainPan{height:214px; background:url(../images/footerbg.gif) 0 0 repeat-x #565656; color:#fff; clear:both; position:relative}
#footerPan{width:747px; position:relative; margin:0 auto;}
#footerPan img.footerlogo{width:186px; height:50px; position:absolute; top:94px; right:-22px;}

#footerPan p.html{background:url(../images/html-button.gif) 0 0 no-repeat; position:absolute; top:42px; right:115px; width:64px; height:22px; padding:3px;}
#footerPan p.html a{width:55px; height:18px; display:block; font-weight:bold; background:url(../images/arrow3.gif) 100% 50% no-repeat #F4F4F4; color:#565656; text-decoration:none; text-transform:uppercase; padding:2px 0 0 5px;}
#footerPan p.html a:hover{background:url(../images/arrow4.gif) 100% 50% no-repeat #525252; color:#565656; text-decoration:none;}

#footerPan p.css{background:url(../images/css-button.gif) 0 0 no-repeat; position:absolute; top:42px; right:55px; width:53px; height:19px; padding:3px;}
#footerPan p.css a{width:50px; height:18px; display:block; font-weight:bold; background:url(../images/arrow5.gif) 90% 50% no-repeat #B3B3B3; color:#fff; text-decoration:none; text-transform:uppercase; padding:2px 0 0 5px;}
#footerPan p.css a:hover{background:url(../images/arrow2.gif) 90% 50% no-repeat #B3B3B3; color:#fff; text-decoration:none;}
#footerPan p.copyright{background:#525252; color:#fff; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; position:absolute; top:117px; left:26px; width:550px}
#footerPan p.charity{background:#565656; color:#fff; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; position:absolute; top:155px; left:26px;}

#footerPan ul{width:500px; position:absolute; top:97px; left:14px;}
#footerPan li{float:left; font:13px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0 12px 0; color:#fff; background:#565656; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.templateworld{width:300px; background:#525252; color:#fff; display:block; position:absolute; font-size:12px; top:174px; left:25px;}
#footerPan ul.templateworld li a{background:#525252; display:block; color:#fff; text-decoration:none;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}



/*Accordion Menu Formatting/Styling */
.glossymenu{
padding: 0 0 20px 0;
width: 180px; /*width of menu*/
border-bottom-width: 0;
float:left;
}

.glossymenu a.menuitem{
background: black url(../images/glossyback.gif) repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(../images/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #5689E6;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 11px Verdana, Helvetica, sans-serif;
color:#555;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #CCDEF9;
color: #000;
}