/* standard elements  7D00B0  A10103  #A10103*/
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a:link {color: #A10103; list-style-position:outside;}
a:hover {color: white; background: #A10103; text-decoration: none;}
a:visited {color: #919191; background: none;}

body {
	background: black;  /* outside area bg color */
	background-image: url(images/bgmain.jpg);
	background-repeat: repeat-x repeat-y;
    color: #4b4b4b;   /* body text color */
	font: normal 75% Arial, Helvetica, sans-serif;  /* text size throughout document */
    line-height: 1.6em;
}

p  {
    padding-top: 6px;
    padding-bottom: 6px;
}

h1 {
	font: normal 1.7em "Times New Roman",serif;
    color: #A10103;
    border-bottom: solid 2px #ffcc00;
	margin-bottom: 6px;
}

h2  {
	font: normal 1.3em "Times New Roman",serif;
    color: black;
    margin-bottom: 6px;
}

    
h3 {
	font: bold 1.1em "Times New Roman",serif;
	margin-bottom: 6px;
}

h4 {
    font: normal 1px Arial, Helvetica, sans-serif;
    line-height: 1 px;
    color: white;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

h5 {
	font: normal 1.1em Arial, Helvetica, sans-serif;
	margin-bottom: 12px;
}

h6 {
    padding-top: 6px;
    padding-bottom: 6px;
    color: #5f5f5f;
	font: normal 1em Arial, Helvetica, sans-serif; 
    line-height: 1.6em;
    text-indent: 30px;
}

h7 {
    padding-top: 6px;
    padding-bottom: 6px;
    color: #5f5f5f;
	font: normal 1em Arial, Helvetica, sans-serif; 
    line-height: 1.6em;
    text-indent: 0px;
}

.indextext  {
	font: normal 1.05em Arial, Helvetica, sans-serif;
    line-height: 2.1em;
    padding-top: 6px;
    padding-bottom: 6px;
}

blockquote  {
    text-display: block;
    padding-bottom: 16px;
}

img.photo1 {
      float: right;
      border: none;
      margin-left: 10px;
      margin-top: 10px;
}

img.photo2 {
      float: left;
      border: none;
      margin-right: 10px;
      margin-top: 10px;
}


/*ol   {
    margin-left: 25px;
}
/* title */
.header {
	background: white url(images/TRheader.jpg) no-repeat;
	height: 226px;
/*    border-top: 1px solid #A10103;
    border-left: 1px solid #A10103;
    border-right: 1px solid #A10103;*/
	margin: 0 auto;
	width: 805px;
}


h1,h2,h3,h4,h5 {padding-top: 6px;}

.indent  {
	margin-left: 3em;
    margin-right: 4em;
}

.red-bold   {
    color: red;
    font-weight: bold;
}

.red-bold-italic   {
    color: red;
    font-weight: bold;
    font-style: italic;
}

.red-bold-italic-withhighlight   {
    color: red;
    font-weight: bold;
    font-style: italic;
    background: yellow;
}

.small  {
    font-size: .75em
}

.small-italic  {
    font-size: .75em;
    font-style: italic;
}

.small-nav  {
	font: normal .75em Arial, Helvetica, sans-serif;
}

.tr       {
    font: normal 1.5em "Times New Roman",serif;
}    
table { 
	border-collapse: collapse;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

td,th {
	border: 1px solid silver;
	padding: 3px 5px 2px 5px;
	font-size: .75em;
}
th {
    background: #fffcb5;
	color: black;
	text-align: left;
	border-color: silver;
}


/* misc */
.clearer {clear: both;}

.left {float: left;}

.right {float: right;}

/* structure */
.container {
	background: white; /* border of entire frame */
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0 20px 10px 20px;
	width: 765px;
/*    border-left: 1px solid #A10103;
    border-right: 1px solid #A10103;
    border-bottom: 1px solid #A10103;*/
}

/* main navigation */
#menuwrapper {
	background-color: #A10103;
/*	background-image: url(images/bgmain.jpg);*/
    margin-top: 0px;
    margin-bottom: 5px;
}
#menubar, #menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}
#menubar a {
	display: block;
	text-decoration: none;
	padding: 5px 22px 5px 22px;
	border-right: 1px solid white;
	font-size: 12px/*.8em*/;
    font-weight: bold;
	color: white; /*main menu text color*/
}
#menubar li {
	float: left;
	width: 9em;
}
#menubar li ul, #menubar ul li  {
	width: 15em;
}
#menubar ul li a  {
	color: black; /*????*/
	border-right: 0;
	padding: 0px 0px 0px 18px;
}
#menubar li ul {
	position: absolute;
	display: none;
	background-color: #ffcc00; /*drop down background color*/
	border-right: 1px solid white;
	border-left: 1px solid white;
	border-bottom: 1px solid white;
}
#menubar li:hover a, #menubar a:focus,
#menubar a:active, #menubar li.hvr a {
	color: black;
	background-color: #ffcc00; /*main hover color*/
}
#menubar li:hover ul, #menubar li.hvr ul {
	display: block;
}
#menubar li:hover ul a, #menubar li.hvr ul a {
	color: black; /*text color in drop downs*/
    padding-bottom: 5px;
    padding-left: 22px;
	background-color: transparent;
}
#menubar ul a:hover {
	background-color: white!important; /*drop down hover background color*/
	color: #A10103!important; /*drop down hover text color*/
}
/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */
#menubar li {width: auto;}



/* sub navigation */
#nav2 {
	margin-top: 5px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

#nav2 li {
	list-style-type: none;
	padding: 0px;
	margin: 0;
	float: left;
}

#nav2 a {
	display: block;
	font-size: 10px;
	color: #A10103;
	text-decoration: none;
	background-color: #ffcc00/*fcb71c*/;
	padding: 2px 6px 2px 6px;
	width: auto;
	margin-left: 2px;
	border-right: 1px solid #A10103;
	border-bottom: 1px solid #A10103;
	font-weight: bold;
	margin-bottom: 2px;
}

#nav2 a:hover {
	background: #A10103;
	border-right: 1px solid #ffcc00;
	border-bottom: 1px solid #ffcc00;
	color: #ffcc00;
}



/* side navigation */
.sidenav {
	float: right;  
	width: 250px;
    margin-left: 10px;
    background: #fffcb5/*ffee8b*/;
}
.sidenav h2 {
	color: black; /* text color on side nav bar headings */
	font-size: 1.2em;
    font-weight: bold;
	line-height: 18px;
	margin: 0;
	padding-left: 6px;
}
.sidenav p  {
    padding-left: 10px;
    padding-right: 6px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.sidenav ul {
	padding: 0;
	border-top: 1px solid black; /* rules on side nav bar below headings */
}
.sidenav li {border-bottom: 1px solid black;} /* rules on side nav bar below items */
.sidenav li a {
	font-size: 1em;
	color: #A10103; /* text color on side nav bar items */
	display: block;
	padding: 0px 0px 0px 3%;
	padding-left: 15px;
	text-decoration: none;
/*	width: 98%; */
}
.sidenav li a:hover {
	background: #A10103; /* bg hover color on side nav bar items */
	color: white; /* text hover color on side nav bar items */	
}



/* form */

#subForm h3  {
    color: red;
    margin-left: 30px;
}
#subForm .label {
	float: left;
	clear: left;
	width: 230px;
	margin-right: 10px;
	text-align: right;
	font-size: 0.8em;
	font-weight: bold;
}

input#subscribe {
	margin-left: 240px;
	background-color: #A10103;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
    color: white;
}

input#submit {
	margin-left: 240px;
	background-color: #A10103;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
    color: white;
}

select#refer{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

input#name, input#name1, input#name2, input#name3, input#name4, input#name5, input#name6, input#name7, input#name8, input#name9, input#name10,
input#maincontact, 
input#spousename1, input#spousename2, input#spousename3, input#spousename4, input#spousename5, input#spousename6, input#spousename7, input#spousename8, input#spousename9, input#spousename10,
input#email, input#email1, input#email2, input#email3, input#email4, input#email5, input#email6, input#email7, input#email8, input#email9, input#email10,  
input#mailingaddress, input#mailingaddress1, input#mailingaddress2, input#mailingaddress3, input#mailingaddress4, input#mailingaddress5, input#mailingaddress6, input#mailingaddress7, input#mailingaddress8, input#mailingaddress9, input#mailingaddress10, 
input#churchmailingaddress,
input#city, input#city1, input#city2, input#city3, input#city4, input#city5, input#city6, input#city7, input#city8, input#city9, input#city10, 
input#churchcity,
input#churchname, textarea#comments {
	width: 400px;
	background-color: #fffcb5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin-top: -2px;
}

input#zipcode, input#zipcode1, input#zipcode2, input#zipcode3, input#zipcode4, input#zipcode5, input#zipcode6, input#zipcode7, input#zipcode8, input#zipcode9, input#zipcode10,
input#churchzipcode   {
	width: 50px;
	background-color: #fffcb5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin-top: -2px;
}

input#state, input#state1, input#state2, input#state3, input#state4, input#state5, input#state6, input#state7, input#state8, input#state9, input#state10,
input#churchstate  {
	width: 25px;
	background-color: #fffcb5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin-top: -2px;
}

input#phone, input#phone1, input#phone2, input#phone3, input#phone4, input#phone5, input#phone6, input#phone7, input#phone8, input#phone9, input#phone10,
input#churchphone, input#code  {
    width: 100px;
	background-color: #fffcb5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin-top: -2px;
}



/* footer */
.footer {
	background: url(images/bgfooter.jpg) repeat-x;
	color: white;
	font: normal .65em Arial, Helvetica, sans-serif;
	line-height: 35px;
	text-align: center;
}
.footer a, {color: white}
.footer a:hover {color: #ffcc00;}


.leftcolumn {
	float: left;  
	width: 180px;
    margin-right: 10px;
}
