/* -------------------------------------------------------------- 

   typography.css - Oh Hai! Welcome to my CSS codes.
   
       Index
	   
			01. Body
			02. Headings	
			03. Custom Headings					
			04. Lists
			05. Custom Lists
			06. Text Elements
			07. Custom Text Elements
			08. Tables			
			09. Wordpress  Alignment Styles
		   
		Frequently Used Colors
		
			Color 1 - color: #;
		 	Color 2 - color: #;
			Color 3 - color: #;
 
/* 01. Body   
-------------------------------------------------------------- */

body {
	background-color: #223615;
  	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5;	
	}
.sub-content {
	font-size: 13px;
	line-height: 21px;		
	}	
	
/* 02. Headings - h1, h2, h3, etc.
-------------------------------------------------------------- */

h1 { font-size: 40px; 	font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
h2 { 
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 35px;
		margin-bottom: 10px;
		text-shadow: 1px 1px 0px #FFF;
	}
h3 { 
		font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	margin-bottom: 18px;
	line-height: 24px;	 
	}
h4 { 
		font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height:1.3; 	
	margin-bottom: 18px; 
	}
h5 { 
		font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height:1.5;
	margin-bottom: 18px;	 	 
	}

	/* 03. Custom Headings
	---------------------------------------------------------- */	
	#content h1 {
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #000;
		}
	#header h1 a {
		background:transparent url(/images/common/logo-main.jpg) no-repeat scroll 0 0;
		border:0 none;
		display:block;
		height:107px;
		text-indent:-9000px;
		width:380px;
		}
	h2#sub-main-head {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 35px;
		margin-bottom: 10px;
		text-shadow: 1px 1px 0px #FFF;
		}	
		h3#sub-nav {
			font-size: 9px;
			font-weight: normal;
			text-transform: uppercase;
			letter-spacing: 2px;
			margin: 50px 0 25px 35px;
			padding: 12px 12px 10px 12px;
			color: #F3F2E3;
			background-color: #3F3C1F;
			border-bottom: 1px solid #5F5A2F;
			line-height: 16px;
			font-family: Arial, Helvetica, sans-serif;
			}

	h3#our-mission a {
		background:transparent url(/images/headers/our-mission-hdr.jpg) no-repeat scroll 0 0;
		border:0 none;
		display:block;
		height:25px;
		text-indent:-9000px;
		width:166px;
		margin-top: 10px;
		margin-bottom: 24px;
		}
	h3#our-mission a:hover {
		background:transparent url(/images/headers/our-mission-hdr-over.jpg) no-repeat scroll 0 0;
		}		
			
	h3#crss-annoucements {
		background:transparent url(/images/headers/crss-annoucements-hdr.jpg) no-repeat scroll 0 0;
		border:0 none;
		display:block;
		height:25px;
		text-indent:-9000px;
		width:279px;
		margin-top: 10px;
		margin-bottom: 45px;
		}					
	
	/*#feature h2, #feature p { 
		display: none;
		}	*/
	
/* 04. Lists - ul, ol, li, etc.
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }	

	/* 05. Custom Lists
	---------------------------------------------------------- */	
	/*
	#nav ul {
		margin: 0;
		padding: 0;
		display: block;
		font-size: 13px;		
		}	
		#nav ul li {	
			float: left;
		 	line-height: 42px;
			list-style-image: none;
			list-style-position: outside;
			list-style-type: none;
			}
		#nav ul li img {
			border: 0px;
			}*/
			
/********************************************/	

ul.sub-nav {
	margin: 0 0 0 35px;
	padding: 0;
	list-style: none;
	}
ul.sub-nav li {
	padding: 5px 0;
	}	
ul.sub-nav li a {
	font-size: 16px;
	padding-left: 20px;
	color: #1A180B;
	background:transparent url(/images/common/sub-nav-arrow.gif) no-repeat scroll 0 center;	
	text-decoration: none;
	
	}
	
ul.sub-nav li a:hover {
	text-decoration: underline;
	}			
	.blog-sidebar h3 {
		margin-top: 20px;
		}			
#nav li ul {
		display:none;
		margin: 0;
		padding: 0;	
		top: 41px;
		line-height: 15px;	
		position:absolute;
		width: 225px;
		z-index: 100 !important;
		font-size: 11px;	
		}	
#nav li ul li  {
		line-height: 30px !important;
		border: none !important;	
		}			
		#nav li ul a {		
			background-color: #F3F1CA !important;		
			color: #000000 !important;
			display: block;
			background-image: none !important;
			text-decoration: none;
			margin:0;
			width: 200px;
			padding: 0px 10px;
			border-bottom: 1px solid #EBE7B7;
			}
		#nav li ul a:hover {
				background-color: #8F8962 !important;
				background-image: none !important;								
				width: 200px;
				color: #FFF;
				font-weight:bold;
		text-decoration: none !important;																			
				}	
			#menu-item-44 a, #menu-item-110 a, #menu-item-113 a, #menu-item-124 a, #menu-item-145 a, #menu-main>li.with-dropdown>a {
				background:transparent url(/images/common/nav-arrow.jpg) no-repeat scroll right center;
				padding-right: 10px				
				}
/********************************************/					
#nav ul {
		margin: 0;
		padding: 0;
		display: block;
		font-size: 13px;
	}	
	#nav ul li {
			float: left;
		 	line-height: 42px;
			list-style-image: none;
			list-style-position: outside;
			list-style-type: none;	
		}
	#nav ul li a {
			color: #000000;
			text-decoration: none;
			margin-right: 15px;
			display: block;
		}		
	#nav ul li a:hover {
		text-decoration: underline;
		}
	#nav ul li.current_page_item a {
		background:transparent url(/images/common/nav-current-arrow.jpg) no-repeat scroll center 33px;

		}	
	#nav ul li.current_page_item {
		background:url("/images/common/nav-arrow-current.jpg") no-repeat scroll right center transparent;
		}				
	#nav li > #nav ul {
		left:auto;
		top:auto;	
		}		
	#nav li:hover ul, #nav li.over ul {
		display:block;
		}				
	#nav ul li img {
		border: 0px;
		}		
.current_page_item {
	background: url(/images/common/nav-li-repeat-bg.jpg) repeat-x left top;
	}			
a img { 
	border: 0;
	}					

/* 06. Text elements - a, p, strong, etc.
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

	/* 07. Custom Text elements
	---------------------------------------------------------- */
	.wp-caption p {
		margin: 0;
		}
	
	.sub-nav .current_page_item a {
		text-decoration: underline;
		}
	.children li a {
		padding: 0px !important;
		background-image: none !important;
		font-size: 13px !important;
		}
	#content .date {
		background-color:#E9E5CA;
		padding: 8px;
		width: 530px;
		display: block;
		margin: 10px 0;
		font-size: 12px;
		}
h2 a { 
		color: #000;
		text-decoration: none;
		}	
h2 a:hover { 
		color: #000;
		text-decoration: underline;
		}


	
	li#menu-item-43, li#menu-item-47, li#menu-item-189 {
		background-image: none !important;
		}
	.month {
		text-transform: uppercase;
		}
	div.hdr-hr {
		margin: 30px 0 15px 0;
		height: 2px;
		background:transparent url("/images/common/repeat-rule-main-hdr.gif") repeat-x scroll 0 0;		
	}
	div.hdr-hr hr {
	  display: none;
	}	

	#footer a {
		color: #eae3aa;
		}
	#footer a:hover {
		text-decoration: none;
		}		
	#footer p {
		margin: 0;
		padding: 0;
		}		
		
/*	#nav ul li a {
		color: #000000;
		text-decoration: none;
		margin-right: 15px;
		display: block;
		}	
	#nav ul li a:hover {
		background:transparent url(/images/common/nav-hover-bg.jpg) repeat-x scroll center -4px;	
		}			
		
	#nav ul li.current_page_item a {
		background:transparent url(/images/common/nav-current-arrow.jpg) no-repeat scroll center 33px;
		}			*/
	
/* 08. Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 	{ background: #c3d9ff; }
th,td,
caption 	{ padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }
	

/* 09. Wordpress Alignment Styles
-------------------------------------------------------------- */			
	
div.alignnone {
	background:#edebdb none repeat scroll 0 0;
	margin:10px 0px 15px 0px;
	padding:10px;
}			
div.alignright {
	background:#edebdb none repeat scroll 0 0;
	display:inline;
	float:right;
	margin:10px 0px 10px 10px;
	padding:10px;
	clear: right;	
}		
div.alignleft {
	background:#edebdb none repeat scroll 0 0;
	display:inline;
	float:left;
	margin:0px 10px 10px 0px;
	padding:10px;
	clear: left;	
}
img.alignright {
	background:#edebdb none repeat scroll 0 0;
	display:inline;
	float:right;
	margin:10px 0px 10px 10px;
	padding:10px;
	clear: right;	
	
}
img.alignleft {
	background:#edebdb none repeat scroll 0 0;
	display:inline;
	float:left;
	margin:0px 10px 10px 0px;
	padding:10px;
	clear: left;	
}
img.aligncenter {
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}
a img.alignright {
	background: #edebdb none repeat scroll 0 0;
	display:inline;
	float:right;
	margin:0px 0px 10px 10px;
	padding:10px;
	clear: right;		
}
a img.alignleft {
	background: #edebdb none repeat scroll 0 0;
	display:inline;
	float:left;
	margin:0px 10px 10px 0px;
	padding:10px;
	clear: left;	
}
a img {
border: 0;
}
a img.aligncenter {
	display: block; 
	margin-left: auto;
	margin-right: auto;
}	
img.alignnone {
	background: #edebdb none repeat scroll 0 0;
	margin:10px 10px 10px 0px;
	padding:10px;
}