@charset "utf-8";
/* CSS Document */
/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/
* { margin:0; padding:0; font-weight:normal}
img, fieldset { border:none}

body { font-family:Arial, Helvetica, sans-serif}
a:link, a:visited { color:#FFFFFF; text-decoration:none}
a:hover { color:#FFFFFF; text-decoration:none}

p { font-size:14px; color:#383838; line-height:1.3em; } 
p a:link, p a:visited { color:#D47900}
p a:hover { color:#D47900}

h1 { font-size:20px; color:#FFFFFF} 
h2 { font-family:"Georgia", Times New Roman, Times, serif; font-size:26px; color:#28292A; margin-bottom:20px}
h3  {color:#0056A1; margin-bottom: 4px;}
h3 a:link, h3 a:visited{color:#0056A1; margin-bottom: 8px; text-decoration:underline; }
h3 a:hover {text-decoration:none; }
h4 { font-size:18px; color:#FFFFFF}
h5 { font-size:14px; color:#C9E6FF} 
h6 { font-size:13px; font-weight:bold; color:#FFFFFF}

strong {font-weight: bold; color: black;}

.breadcrumbs{font-size:12px; color:#ff9f1e; margin:0px 0px 5px 0px;}
.breadcrumbs a{font-size:12px; color:#fff; margin:0px 0px 5px 0px; text-decoration:underline;}
.breadcrumbs a:hover{font-size:12px; color:#fff; margin:0px 0px 3px 0px; text-decoration:none;}

#container { width:100%; float:left; background:url(bg_container.gif) repeat-x}
#wrapper { width:940px; margin:0 auto }
#header { width:950px; float:left; padding-top:23px; padding-bottom:45px}
.logo { width:200px; float:left}

.search { width:255px; float:right}
.search fieldset { width:255px; float:left}
.search fieldset .input { width:166px; float:left; background:#2670B0; border:none; font-size:12px; color:#ACC8E1; padding:5px 12px; margin-right:12px}
.search fieldset .button_search a { width:50px; float:left; background:#1588EB; font-size:11px; text-align:center; padding:5px 0}

.nav { width:740px; float:right; padding-top:30px}
.nav ul { list-style:none; float:right; background:url(bg_topnav.gif) repeat-x bottom}
.nav ul li { float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF; padding-right:25px;}
.nav ul li a { display:block; float:left; padding-bottom:4px}
.nav ul li a:hover { border-bottom:3px solid #E2A600}
.nav ul li a.selected { border-bottom:3px solid #E2A600}

.caption { width:940px; float:left; padding-bottom:25px}
/*
---------------------------------------------
05. content
---------------------------------------------
*/
#content { width:940px; float:left}
/*
---------------------------------------------
06. main boxes
---------------------------------------------
*/
#mainbox { width:940px; float:left; border-bottom:1px solid #D7D7D7; padding-bottom:20px}

.thumb-link {position: absolute; width:304px; height:289px; background:url(bg_box.gif) no-repeat bottom; }
.thumb-link:hover {position: absolute; width:304px; height:289px; background:url(bg_box_hover.gif) no-repeat bottom;}

#mainbox .box1 { width:304px; height:289px; float:left;}
#mainbox .box2 { width:304px; height:289px; float:left; padding-left:15px}
#mainbox .box3 { width:304px; height:289px; float: right;}
#mainbox .content { float:left; position:relative}
#mainbox .content h1 { padding-top:20px; padding-left:17px;}
#mainbox .content h5 { padding-top:20px; padding-left:17px; padding-top:0px}


/*
---------------------------------------------
07. content middle
---------------------------------------------
*/

#content_middle { width:940px; float:left; padding-top:20px; padding-bottom:80px}
#content_middle p {padding-bottom:20px}



.mainintro { width:435px; float:left; padding-right:29px}

.set { width:224px; float:left; padding-left:14px}
.set p { float:left; padding-top:15px; color:#383838} 

#content_middle .thumb { width:224px;}
#content_middle .thumb_content { width:208px; padding:8px;  background:#1B95FF; padding-bottom:30px}
#content_middle .thumb_content h4 a { width:205px; float:left; background:url(arrow_blue.gif) no-repeat right center}



/*
---------------------------------------------
08. footer styles
---------------------------------------------
*/


#bg_footer { width:100%; float:left; background:#E58E1A; padding-top:17px; padding-bottom:10px}

#footer { width:940px; margin:0 auto}
#footer p { color:#FFFFFF; font-size:12px; padding-bottom:0px}
#footer p a:link, #footer p a:visited { color:#FFFFFF; text-decoration:underline}
#footer p a:hover { color:#FFFFFF; text-decoration:underline}
#footer h6 { padding-bottom:15px; font-weight:normal} 

.divider { width:1px; height:167px; float:left; background:url(divider.gif) no-repeat}

/*
---------------------------------------------
08.1 footer styles - contact
---------------------------------------------
*/

.contact { width:510px; float:left} 
.contact .address { width:220px; float:left}
.contact .phone { width:200px; float:left; padding-bottom:15px}

/*
---------------------------------------------
08.2 footer styles - privacy
---------------------------------------------
*/

.privacy { width:200px; float:left; padding-left:20px; padding-right:10px}

/*
---------------------------------------------
08.3 footer styles - designby
---------------------------------------------
*/

.designby { width:170px; float:left; padding-left:20px; font-weight:normal}


/*
---------------------------------------------
09. inner wrapper
---------------------------------------------
*/

#wrapper_inner { width:957px; margin:0 auto}

/*
---------------------------------------------
10. content inner
---------------------------------------------
*/

#content_inner { width:957px; float:left}


#content_inner .thumb { width:304px; float:left; background:#1B95FF}
#content_inner .thumb_middle { width:304px; float:left; margin:0 14px}
#content_inner .thumb_content { width:270px; float:left; padding:20px 17px 50px 17px}

/*
---------------------------------------------
11. left panel
---------------------------------------------
*/

#leftpanel { width:658px; float:left; background:#FFFFFF; border:1px solid #DEDEDE; border-bottom:none; padding:20px; padding-bottom:175px; } 

#leftpanel p {padding-bottom:20px}

#leftpanel h3 a{ color:#005197; text-decoration:underline}
#leftpanel h3 a:hover { color:#005197;text-decoration:none}

#leftpanel a{ color:#E58E1A; text-decoration:underline}
#leftpanel a:hover { color:#E58E1A; text-decoration:none}

#leftpanel ul{display:block; margin:0px 0px 0px 28px; padding: 0px 0px 0px 0px;  font-size:14px; line-height:1.3em; }
#leftpanel ul li { padding-bottom:8px font-size:14px; color:#383838; line-height:1.4em; margin:0px 0px 5px 0px;}





/*
---------------------------------------------
11.1 left panel - content
---------------------------------------------
*/

#leftpanel .content { width:658px; padding:0}
#leftpanel .content h2 { width:658px; border-bottom:1px solid #E2A600; padding-bottom:5px}
#leftpanel .content .leftcontent { width:425px;  float:left; padding-right:25px}

#leftpanel .content .thumb { width:200px; margin-top:15px}
#leftpanel .content .thumb_content { width:180px; padding:12px 10px; background:url(bg_thumb_shadow.gif) no-repeat top}
#leftpanel .content .thumb_content p { font-size:11px; font-style:italic; color:#FFFFFF; padding-top:0; padding-bottom:0px}

#leftpanel .content .leftcontent2 { width:658px;  float:left; padding-right:25px}


/*
---------------------------------------------
12. right panel
---------------------------------------------
*/

#rightpanel { width:230px; float:left; padding-left:25px}

/*
---------------------------------------------
12.1 right panel - support
---------------------------------------------
*/

.support { width:170px; float:left; padding-left:5px; padding-top:7px}
.support h4 { font-weight:bold}
.support h6 { font-weight:normal; padding-bottom:15px} 
.support .button_donate a { width:85px; float:left; background:#E58E1A; font-size:13px; font-weight:normal; text-align:center; padding:3px 0}

/*
---------------------------------------------
12.2 right panel - related items
---------------------------------------------
*/

.relateditems { width:230px; float:left; padding-top:50px}
.relateditems h4 { font-weight:bold; color:#0056A1}

.relateditems ul { list-style:none; float:left; padding:15px 0}
.relateditems ul li { width:226px; float:left; font-size:14px; font-weight:normal; color:#E58E1A; border-bottom:1px solid #E2A600; padding:2px}

.relateditems ul li a:link, .relateditems ul li a:visited { width:224px; float:left; background:url(bg_li.gif) no-repeat; color:#E58E1A; padding:5px 0 3px 2px}
.relateditems ul li a:hover { background: url(bg_li_hover.gif) no-repeat}

/*
---------------------------------------------
12.3 right panel - related items
---------------------------------------------
*/


.boxcontent { width:230px; height:127px; float:left;}
.boxcontent img { padding-bottom:10px}



.contactForm {
	width:308px;
}
.contactForm p {
	padding:10px;
}
.contactForm input {
	width:240px;
}
.contactForm textarea {
	width:281px; height:120px;
}
.submit {
	width:45px!important;
}
.hide {
	display:none;
}