/*
Theme Name: I Tell The Story 1
Theme URI: http://www.firstnorth.org
Version: 1.0
Description: 2 Column theme
Author: Barry Burnett
Author URI: http://firstnorth.org
*/



textarea.text { 
	height: 150px; 
	width: 90%; 
	border: 1px solid #ccc; 
	background: #fff; 
	color: #000;
}

textarea.text:hover { 
	border: 1px solid #313031; 
	background: #FFFFF4; 
	color: #000;
}

input.field { 
	border: 1px solid #ccc; 
	background-color: #FFFFFF; 
	width: 200px; 
	color: #000;
}

input.field:hover { 
	border: 1px solid #eee; 
	background: #FFFFF4; 
	color: #000;
}

input.text { 
	margin: 0; 
	width: 110px;
	border: 1px solid #eee; 
	background: #FFF;
	color: #000; 
}

input.text:hover { 
	border: 1px solid #ccc; 
}

input.searchbutton { 
	margin: 0; 
	font-size: 100%; 
	font-family: Arial, Sans-serif; 
	border: none; 
	background: #FFFFFF; 
	color: #808080; 
	padding: 1px; 
	font-weight: bold; 
}

input.button { 
	background: #FFFFF4; 
	color: #808080;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

h4 {
	font-size: 12px;
	color: #50922C;
	text-align: left;
	background-color: #fff;
}

.date {
	text-align: right;
	color: #808080;
	font-size: 11px;
	background-color: #FFFFFF;
}

.date a {
	color: #003647;
	background-color: #FFFFFF;
}



#page-container {
	width: 780px;
	text-align: left;
	margin: auto;
	background-color: #FFFFFF;
}

body {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #666666;
	background: #FFFFFF;
	text-align: center;
	
}


#header {
	background: #FFFFFF url(images/header.jpg)  center no-repeat;
	height: 234px;
	padding: 0 0 0 0px;
	text-align: right;
	color: #fff;
	font-size: 10px;
	background-color: #FFFFFF;
}

#header a {
 color: #000;
}

#header .text {
 	text-align: right;
	color: #ffffff;
	font-size: 12px;
	padding: 25px 25px 10px 0px;
	font-weight: bold;
}

* html #header .text {
 	text-align: right;
	color: #ffffff;
	font-size: 12px;
	padding: 25px 0px 0px 0px;
	font-weight: bold;
}

#header input.button { 
	float: right;
	background: #003647; 
	border: none;
	color: #fff;
	font-weight: bold;
	background: #003647; 
	
}


#header .padding {
	padding: 80px 25px 0px 0px;
}

#header .padding_passwd {
	padding: 20px 25px 0px 0px;
}

* html #header .padding {
	padding: 80px 17px 0px 0px;
}

* html #header .padding_passwd {
	padding: 17px 17px 0px 0px;
}

#header input.text { 
	width: 109px; 
	height:24px;
	border: 0;
	background: url(images/input2.gif) no-repeat;
	padding: 4px;
	color: #003647;
}

* html #header input.text { 
	width: 109px; 
	height:24px;
	border: 0;
	background: url(images/input2.gif) no-repeat;
	padding-right: 10px; 
	color: #003647;
}


#menu {
	background: #FFFFFF url(images/menuBG.jpg) top center no-repeat;
	float:left;
	height: 46px;
	width: 780px;
	text-align: left;
	color: #456ADA;
	font-size: 10px;
    font-size: 100%; 
	padding-top: 15px;
}


#menu .padding {
        padding-top: 0px;
		padding-left: 5px;
		float:left;
}

#menubar {
        padding-top: 0px;
		float:left;
}

* html #menubar {
        padding-top: 5px;
}

* html #menu .padding {
        padding-top: 5px;
}

* html #menu {
	background: #FFFFFF url(images/menuBG.jpg) top center no-repeat;
	height: 87px;
	text-align: center;
	color: #fff;
	font-size: 10px;
    font-size: 100%; 
	padding: 0px;
}

#menu a {
	color: #456ADA;
	font-size: 9pt;
	font-weight: bold;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}

#menu a:hover {
	color: #ff6600;
	font-size: 9pt;
	font-weight: bold;
	padding: 0 10px 0 10px;
	text-decoration: none;
}


#menu input.button { 
	background: #003647; 
	border: none;
	color: #fff;
	font-weight: bold;
}

* html #menu input.button { 
	background: #003647; 
	border: none;
	color: #fff;
	font-weight: bold;
	
}

.search { 
	float:right;
	color: #ff6600;
	clear: both;
	font-weight: bold;
	padding: 10px 25px 10px 10px;
	margin: 5px 0;
}

* html .search { 
	float:right;
	color: #ff6600;
	clear: both;
	font-weight: bold;
	padding: 0px 0px 00px 0px;
	margin: 0px 0;
}

#menu input.text { 
	width: 250px; 
	border: 0;
	background: #FFF url(images/input.jpg) no-repeat;
	margin-top: 4px;
	padding: 4px; 
	color: #003647;
}

* html #menu input.text { 
	border: 0px;
	background: url(images/input.jpg) no-repeat;
	margin-top: 0px;
	padding: 4px; 
	color: #003647;
}

#myhr {
       background: url(images/hr.gif) no-repeat center;
       margin: 13px;
       height: 1px;
       background-color: #eee;
}


#content {
	background-color: #FFFFFF;
	padding-top: 0px;
	margin-right: 255px;
	line-height: 18px;
	padding-left: 10px;
}


#content .padding {
	padding: 0px 10px 0px 10px;
	color: #000;
	background-color: #FFFFFF;
} 


#content h2 {
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #ff6600; !important
	line-height: 30px;
	background-color: #FFFFFF;
}

#content h2 a {
        text-decoration: none;
		color: ff6600; !important
}

#content h2 a:hover {
	color: ff6600;
}



#content h3 {
    font_size: 14pt;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #ff6600;
	background-color: #FFFFFF;
}



* html #content h2 {
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	color: #ff6600;
	line-height: 30px;
	background-color: #FFFFFF;
}

#content a {
	color: #456ada;
	text-decoration: underline;
	background-color: #FFFFFF;
}

#content a:hover {
	color: #ff6600;
	text-decoration: underline;
}

#content p {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	background-color: #FFFFFF;
}

blockquote {
	width: auto;
	line-height: 18px;
	margin-top: 30px;
	margin-right: 20px;
	margin-left: 10px;
	padding: 10px 10px 10px 10px;
	background-color: #eee;
	border: 1px;
	border-style: solid;
    border-color: #003647;
}

#sidebar-a {
	float: right;
	width: 238px;
	line-height: 18px;
	margin-top: 30px;
	margin-right: 20px;
	background-color: #ffffff;
}

* html #sidebar-a {
	float: right;
	width: 95px;
	line-height: 18px;
	margin-top: 30px;
	margin-right: 10px;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #ffffff;
}



* html #sidebar-a p {
      width: 173px;
      margin-left: 10px;
      margin-top: 15px;
      text-decoration: none ;
      text-align: left;
      background-color: #ffffff;
}


#footer {
	clear:both;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #fff;
	padding-top: 25px;
	padding-left: 50px;
	padding-right: 10px;
	padding-bottom: 25px;
	text-align: left;
	background: #FFFFFF url(images/footer.JPG) no-repeat;
	height: 145px;
}

#footer a {
	color: #fff;
	text-decoration: underline;
}

#footer a:hover {
	color: #bdbebd;
	text-decoration: underline;
}

#footer #copyright {
	padding-top: 1px;
}

.hidden {
	display: none;
}

/*
.roundcont {
	width: 195px;
	background-color: #313031;
    color: #808080;
}
 */

.roundcont {
    width: 238px;
	/*background-color: #313031; */
	background:url(images/CategoriesBG.jpg);
    color: #808080;
	padding:0px;
}


.roundcont p {
	margin: 25px 10px;
}

.roundtop { 
	/*background: url(images/topright.gif) no-repeat top right; */
	background: url(images/CategoriesHead.jpg) no-repeat top;
	height: 62px;
}

.roundbottom {
	/*background: url(images/botright.gif) no-repeat top right;  */
	background: url(images/CategoriesFoot.jpg) no-repeat;
	height: 20px;
}

img.corner {
   width: 18px;
   height: 17px;
   border: none;
   display: block !important;
}


#sidebar-a ul {
	color: #ffffff;
        list-style:none;

}

#sidebar-a ul li a {
	text-decoration:underline;
	color: #ffffff;
}

#sidebar-a a {
        color: #ffffff;
}

#sidebar-a a:hover {
	color: #456ada;
	text-decoration: underline ;
}

#sidebar-a h2 {
        color: #ff6600;
        margin-left:15px;
        font-size:14px;
}



		/* Comments Styling */
#commentlist li {
        margin-bottom: 1.5em;
        padding-bottom: 1em;
        border-bottom: 1px solid #700000;
}

#commentform {
        margin: 1em 0;
        background: #FFFFFF;
        width: 280px;
}

#commentform textarea {
        background: #f8f7f6;
        border: 1px solid #d6d3d3;
        width: 280px;
}

#commentform textarea:hover {
        background: #FFFFFF;
        border: 1px solid #d6d3d3;
}

#commentform textarea:focus {
        background: #ffffff;
        border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
        font-size: 1.1em;
        background: #f8f7f6;
        border: 1px solid #d6d3d3;
        width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
        font-size: 1.1em;
        background: #ffffff;
        border: 1px solid #d6d3d3;
        width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
        font-size: 1.1em;
        background: #ffffff;
        border: 1px solid #939793;
        width: 280px;
}
#commentform input{
        margin-bottom: 3px;
}

a img {
        border:none;
}

#top-menu {
	background: #FFFFFF;
	float:left;
	text-align: left;
	color: #ff6600;
	font-size: 10px;
    font-size: 100%; 
	padding-top: 15px;
}


#top-menu .padding {
        padding-top: 0px;
		float:left;
}

#top-menu a {
	color: #ff6600;
	font-size: 9pt;
	font-weight: bold;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}

#top-menu a:hover {
	color: #456ada;
	font-size: 9pt;
	font-weight: bold;
	padding: 0 10px 0 10px;
	text-decoration: none;
}

.breadcrumb {
	color: ff6600;
	font-size:14px;
	line-height: 30px;
	padding-left: 25px;
	padding-bottom: 25px;
}