/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
	
	Blue: #a38566
	Orange: #ff7c0d
	BROWN: #663300, a38566 
	
	
*/

/* Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 13px/1.5 Arial, Helvetica, sans-serif;
	background: #123;
	color: #333;
}


hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}



/* topNav links - leave this commented out for a little white...

#home, #weHelp, #youHelp, #bigPicture, #, #aboutUs, #blog, #contactUs   {display: inline;padding: 8px 0px 0px 8px}
#weHelp a {font-weight: normal; font-size:18px; padding:10px 6px 0px 6px; text-decoration: none; color: white}
#youHelp a {font-weight: normal; font-size:18px; padding:10px 6px 0px 6px; text-decoration: none; color: white}
#bigPicture a {font-weight: normal; font-size:18px; padding:10px 6px 0px 6px; text-decoration: none; color: white}
* html #weHelp a, * html #youHelp a, * html #bigPicture a {color: #ff7c0d} 
#weHelp a:hover, #youHelp a:hover, #bigPicture a:hover {background-color:#663300 ; color: white}
#home a, #countries a, #aboutUs a, #blog a, #contactUs a {font-size:12px; color:#663300; text-decoration: none; font-weight: bold}
#home a:hover, #countries a:hover, #aboutUs a:hover, #blog a:hover, #contactUs a:hover {color:  #ff7c0d}
#bigPicture {padding-left: 30px}
#countries {padding-left: 40px}




.topNav .active a{color: white; background-color: #ff7c0d; font-weight: normal; font-size:18px; padding:10px 20px 20px 20px; }

*/

/* topNav links old */

#home, #weHelp, #youHelp, #bigPicture, #countries, #aboutUs, #blog, #contactUs   {display: inline;padding: 8px 0px 0px 8px}
#weHelp a, #youHelp a, #bigPicture a {font-weight: normal; font-size:18px; padding:10px 6px 0px 6px; text-decoration: none; color: white}
* html #weHelp a, * html #youHelp a, * html #bigPicture a {color: #ff7c0d} /* ie6 */
#weHelp a:hover, #youHelp a:hover, #bigPicture a:hover {background-color:#663300 /*#ff7c0d*/; color: white}
#home a, #countries a, #aboutUs a, #blog a, #contactUs a {font-size:12px; color:#663300; text-decoration: none; font-weight: bold}
#home a:hover, #countries a:hover, #aboutUs a:hover, #blog a:hover, #contactUs a:hover {color:  #ff7c0d}
#bigPicture {padding-left: 30px}
#countries {padding-left: 40px}



.topNav .active a{color: white; background-color: #ff7c0d; font-weight: normal; font-size:18px; padding:10px 20px 20px 20px; }
/* end old */


/* drop tab for navigation */

.dropNav h3 {font-size: 14px; padding: 10px 15px 0 15px}
.dropNav p.more {float: right; padding: 20px 25px 10px 0}




/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 25px;
}

h2 {
	font-size: 23px;
}

#blog h2 {font-size: 14px; font-weight: bold; padding: 10px 15px 0px 20px; color:#ff7c0d}
#content h2 {font-size: 18px; color:#ff7c0d; padding: 25px 0 0 23px}


h3 {
	font-size: 21px;
}


#footer h3 {font-size: 20px; font-weight: normal; padding: 40px 0 0 35px}

h4 {
	font-size: 14px;
}
#landingMenu h4 {font-size: 14px; font-weight: bold; padding: 10px 0 0 0; color:#666666}
#landingMenu h4 .highlight {color:#ff7c0d; font-size:16px}
#content h4, #right h4  {color:#ff7c0d; padding: 5px 0 5px 23px; clear: both}
.featureBox h4 {font-size: 14px; font-weight: bold; padding: 15px 0 0 15px; color:#666666}
#leftMenu h4 {color:#ff7c0d; padding: 5px 0 5px 0px; font-size: 18px}
#noobRight h4 a{font-size: 18px; font-weight: bold; padding: 5px 0px 4px 0px; color:#ff7c0d; text-decoration: none}

#homeEmail h4 {font-size: 14px; font-weight: bold; padding: 0px 15px 4px 0px; color:#ff7c0d}
#blog h4 {font-size: 12px; font-weight: bold; padding: 5px 15px 0px 20px; color:#ff7c0d}
#homeCountries h4 {font-size: 14px; font-weight: bold; padding: 5px 0px 4px 10px; color:#ff7c0d; text-decoration: none; background:none}


h5 {
	font-size: 16px;color:#ff7c0d; padding: 10px 10px 0px 23px;}

h6 {
	font-size: 15px;color:#ff7c0d; padding: 5px 0 0px 23px
}

/* Paragraphs */

p {font-family:Arial, Helvetica, sans-serif; margin-bottom: 10px}


#landingMenu p {padding:0; margin:0}
.dropNavNarrow p {padding: 10px 10px 0 10px}
#content p {padding: 2px 70px 5px 25px; }
.featureBox p {padding: 15px 0 0 15px; }
.quoteText {padding:8px 5px 10px 15px; margin:0; color: #663300; font-size: 16px; line-height: 28px; font-style: normal; font-weight:bold; font-family:Arial, Helvetica, sans-serif }
/* .quoteText {padding:8px 5px 10px 15px; margin:0; color: #663300; font-size: 16px; line-height: 28px; font-style: normal; font-weight:bold; font-family:georgia } */
.calloutLeft .quoteText {padding: 8px 5px 10px 15px}
.caption {font-size: 11px; font-style: normal; color:#663300; font-weight:bold; padding: 0 0 0 10px}
.style3 {font-weight: bold}
#blogContent p a {font-weight: bold; color: #663300}

#emailHome p{font-size: 10px;   padding: 0px 15px 2px 20px;color:#663300}
#homeCountries p{padding: 0px 15px 2px 20px;}

#blog p{font-size: 12px;   padding: 3px 25px 4px 20px;color:#663300}
.featured {font-size: 14px; line-height: 24px; font-family:Arial, Helvetica, sans-serif; color:#663300; font-weight:bold}
/* .featured {font-size: 14px; line-height: 24px; font-family:Georgia, "Times New Roman", Times, serif; color:#663300; font-weight:bold} */

/* home page nood area */


/* #noobRightFeature p {font-size: 14px; font-family:Georgia, "Times New Roman", Times, serif; padding: 15px 15px 0 20px; font-weight: bold} */
#noobRightFeature p {font-size: 14px; color: #663300; font-family:Arial, Helvetica, sans-serif; padding: 15px 15px 0 20px; font-weight: bold}
#noobRightFeature p a {font-size: 12px; color:#663300; text-decoration:underline}
#noobRightFeature p a:hover {color: #ff7c0d}
#noobRightIndex p {padding: 0px 10px 0 0px; color:#663300; line-height: 16px}
#noobRightIndex p a {color: #663300}


/* *html #noobRightFeature p {font-size: 15px; font-family:Georgia, "Times New Roman", Times, serif; padding: 5px 10px 0 10px; font-weight: bold} */
*html #noobRightFeature p {font-size: 15px; font-family:Arial, Helvetica, sans-serif; padding: 5px 10px 0 10px; font-weight: bold}
*html #noobRightFeature p a {font-size: 12px; color:#663300; text-decoration:underline}
*html #noobRightFeature p a:hover {color: #ff7c0d}
*html #noobRightIndex p {padding: 5px 10px 0 10px; color:#663300; line-height: 16px}
*html #noobRightIndex p a {color: #663300}


#countries p {padding-left: 15px}



/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}



dl,
hr,
h1,
h2,
h3,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}


/* Title images */

h1 .hide {background-color: red}

.header h1 {text-indent: -100em; height:0px; }
* html .header h1 {display: none; height: 80px}

h2.hide {text-indent: -100em; }


/*footer classes */

#footer a {color: #663300; font-weight: bold}
#footer a:hover {color:#ff7c0d ; font-weight: bold}
#footerLinks a {color: #ff7c0d; font-weight: bold}
#footerLinks a:hover {color: #663300; font-weight: bold}

/* lists */

#leftMenu ul {margin: 0; padding: 0 0 10px 0; list-style-type:none}
#leftMenu li {} 
#leftMenu li a {display:block; width: 210px; line-height:18px; border-bottom: 1px solid #ccc; text-decoration: none; color: #a38566/*#663300*/; font-weight: bold; padding: 5px 0 5px 0}
#leftMenu li li a {display:block; width: 210px; line-height:18px; border-bottom: 1px solid #ccc; text-decoration: none; color: red/*#663300*/; font-weight: bold; padding: 5px 0 5px 0}
#leftMenu li a:hover {color: #ff7c0d}

#leftMenu ul ul {padding-left: 20px}
#leftMenu ul ul li a {display:block; width: 170px; line-height:25px; border-bottom: 0px solid #ccc; text-decoration: none; color: #663300;font-weight:normal }


/* sub menu 'you can help' */
#leftMenu .active a{ font-size:13px; width: 210px; line-height:18px; border-bottom: 1px solid #ccc; text-decoration: none; color: #ff7c0d; font-weight: bold; padding: 5px 0 5px 0; margin-bottom:5px; }

#leftMenu .subMenu
{ background:url(../img/bullet.gif) no-repeat left; margin-left:10px; }


#leftMenu .subMenu a
{ width: 190px; line-height:18px; border-bottom: 1px solid #ccc; text-decoration: none; color: #a38566; font-weight: bold; padding: 5px 0 5px 10px; }

#leftMenu .subMenu a:hover { color: #ff7c0d }

/* Lists */

#content ul {margin:  0 0 10px 50px; padding: 0; list-style-type:none; width: 80%}
#content ul li {padding-left:10px; background:url(../img/bullet.gif) no-repeat  0px 7px;} 
#content ul li a { text-decoration: underline; color: #663300; font-weight: bold}
#content ul li a:hover {color: #ff7c0d}

#pageLinks ul {margin: 0; padding: 0; list-style-type:none}
#pageLinks li {padding-left: 30px;background:url(../img/bullet_.gif) no-repeat  5px 7px;} 
#pageLinks li a {display:block; width: 400px; line-height:25px; text-decoration: none; color: #663300; font-weight: bold}
#pageLinks li a:hover {color: #ff7c0d}

#seeAlso ul {margin: 0; padding: 0; list-style-type:none}
#seeAlso li {padding-left: 80px;background:url(../img/bullet_.gif) no-repeat  0px 7px;} 
#seeAlso li a {line-height:25px; text-decoration: none; color: #663300; font-weight: bold}
#seeAlso li a:hover {color: #ff7c0d}


#content ol {margin-left: 70px; padding: 0; }
#content ol li {padding-bottom:5px;} 
#content ol li a { text-decoration: none; color: #663300; font-weight: bold}
#content ol li a:hover {color: #ff7c0d}

 
#footerLinks {width: 900px}
#footerLinks ul { padding: 0 0 20px 35px; margin:0; list-style: none;}
#footerLinks ul li {padding: 0 10px 0 0; display: inline} 
#footerLinks ul li a { text-decoration: underline; color: #663300; font-weight: bold; display: inline}
#footerLinks ul li a:hover {color: #ff7c0d}


/* definition lists */

dtWrap {clear: both}

#content dt {
   clear:both;
   width:245px;
   float:left;
   text-align:right;
}

#content dt a {color: #663300; text-decoration: underline; font-weight: bold}

#content dt a:hover {color:#ff7c0d}

#content dd {
   float:left;
   width:400px;
   margin:0 0 10px 15px;
   

}

#content a {color: #ff7c0d}
#content a:hover {color: #663300}

.no-bold {
font-weight: normal;
}

/* feedburner stylin' */

.feedburnerFeedBlock li {padding: 5px 0 0 40px; border: none}
.feedburnerFeedBlock li a {color: #663300; font-weight:  bold; border: none}
.feedburnerFeedBlock {font-size: 12px}

