/***************************************************************

****************************************************************

|   TULSA BOXER RESCUE SITE                           |

|  (c) 2008 Tulsa Boxer Rescue. All Rights Reserved.  | 

|  Author: Empyreal Media, LLC.                                |

|  website: http://www.empyrealmedia.com/                      |

|                                                              |

****************************************************************

****************************************************************/



/******************************************

>> GENERIC TAGS

******************************************/

body {
	background: #3e471d 

top;
	margin-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif; /*center div for IE*/
	text-align: center;
	/*scrollbar-arrow-color: #FFF;
	scrollbar-base-color: #A8B476;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-face-color: #616c39;
	scrollbar-highlight-color: #ffffff;
	scrollbar-dark-shadow-color: #000;
	scrollbar-3d-light-color: #b6c28b;*/
	background-attachment: fixed;
	padding-bottom: 20px;
	padding-top: 6px;
	height: 100%;

}

h1 {
	font-size:36pt;
	text-align: center;

}



a:link {
	color:#3E471D;
}
a:hover {
	color:#8FA865;
	text-align: center;
}
img.imageRightShadow {
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#70818e,direction=135);
	margin-left:10px;
}

div {
	behavior: url(iepngfix.htc);
	text-align: left;
}


img {
	behavior: url(iepngfix.htc);
}


/******************************************
>> CONTAINERS
******************************************/
div.leftPictureContainer {
	float:left;
	width:110px;
	margin-right:10px;
	margin-bottom:10px;
}
#mainContainer {

	background: #A8B476 none no-repeat right

bottom;

	border: #ffffff 8pt solid;

	display: block;

	width: 740px; 
	
	/*centers for non-IE browsers*/
	margin: 0 auto;
	/*end centering*/

}

#banner {
	background:url(../images/bannerBg.jpg) top center no-repeat #22516f;
	height:150px;
	width:740px;
	text-align:left;
	position:inherit;
	display:block;
}
#contentContainer {

	width: 740px;

	margin-top: 3px;

	background-color: #A8B476;

}

#leftColumn {
	background:#b6c28b;
	width:185px;
	color:#616c39;
	font-size:7pt;
}
#rightColumn {
	background: #B6C28B none repeat-x left

top;
	padding: 0px;
	font-size: 12px;
	color: #3E471D;
	border: #ffffff 5px solid;
	border-top: 0;
	border-bottom: 0;
	border-right: 0;
	text-align: center;
	margin-left: 100px;
}

#boxerListColumn {
	margin:5px;
	padding:5px;
	font-size:8pt;
	background:#ffffff;
}
#boxerListTitleGrad {
	background:url(../images/boxerListTitleGrad.gif) top left repeat-x #ffffff;
	height:10px;
}
#boxerListBottom {
	padding-top:15px;
}
#empyrealCell {
	background:#a9b776;
}
#copyrightCell {
	color:#326c9a;
	text-align:center;
	font-size:8pt;
}
#copyrightText {
	margin-right:15px;
	margin-top:10px;
}
#titleBar {
	background:url(../images/blueArrow.gif) center right no-repeat #ffffff;
	padding:10px;
	font-size:12px;
	color:#326c9a;
	margin-bottom:5px;
	height:20px;
	text-align: left;
}
#bannerTable {
	width:100%;
}
#bannerFlash {
	height:133px;
	display:block;
}
#mainNav {
	display:block;
	font-size:8pt;
	color:#ffffff;
	padding-left:1px;
}
.rightSecTable {
	width:100%;
	font-size:9pt;
	color:#326c9a;
	margin-top:10px;
}
.rightSecTableCell {

	background: #A8B476 none repeat-y right

top;

	padding-right: 10px;

	width: 200px;

}

.rightSecTableCell2 {
	padding-left:10px;
}


/******************************************
>> CUSTOM HEADERS
******************************************/
.largeHeader {
	font-size:14pt;
	font-weight:bold;
}
.mediumHeader {
	font-size:12pt;
	font-weight:bold;
}
.smallHeader {
	font-size:10pt;
	font-weight:bold;
}

/******************************************
>> SPECIFIC DIVS
******************************************/
#featuredBoxer {
	background:url(../images/featuredBg.jpg) top left repeat-x #899951;
	color:#ffffff;
	padding-top:10px;
	padding-bottom:8px;
	font-size:9pt;
}
div.leftText {
	margin-left:10px;
	margin-bottom:10px;
}
div.leftTitle {
	background:#a9b776;
	padding-top:6px;
	padding-bottom:6px;
	margin-top:3px;
	margin-bottom:5px;
	font-size:9pt;
	margin-right: 6px;
}
div.leftTitleText {
	margin-left:10px;
	margin-right:10px;
}
div.titleFloatRight {
	float:right;
}
div.titleFloatLeft {
	float:left;
}
/*titlebar*/
div.titleBar {

	background: #3D461C none repeat-x left

top;

	height: 25px;

	font-size: 10pt;

	color: #FFFFFF;

	margin-bottom: 10px;

	display: block;

	border: #7e8e45 1pt solid;

}

div.innerTitleBar {
	float:left;
	margin-top:4px;
	margin-left:5px;
}

/*titlebar left*/
div.leftTitleBar {

	background: #3D461C none repeat-x left

top;

	height: 25px;

	font-size: 10pt;

	color: #ffffff;

	margin-bottom: 10px;

	display: block;

	border: 1pt solid #9BB7C1;

	text-align: center;

}


div.newsPageLeft {
	float:left;
	width:275px;
}
div.newsPageRight {
	float:right;
	width:490px;
	color:#6d7c37;
}

div.newsSection {
	font-size:8pt;
	color:#6d7c37;
	background:url(../images/borderBottom.gif) bottom left repeat-x transparent;
	padding-bottom:15px;
	margin-bottom:10px;
}
div.newsSectionNoLine {
	font-size:8pt;
	color:#6d7c37;
	padding-bottom:10px;
	margin-bottom:10px;
}
div.contentSection {

	margin-top: 10px;

	margin-bottom: 10px;

	padding-bottom: 13px;

	background: #A8B476 none repeat-x left

bottom;

	display: block;

}

div.contentSectionNoLine {
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:10px;
}
div.contentSectionNoPadNoLine {
	margin-top:10px;
	margin-bottom:10px;
}

/*volunteers*/
.volunteerGroup {
	width:100%;
	color:#326c9a;
	font-size:9pt;
}
.volunteerName {
	color:#FF6600;
}
.volunteerSection {
	padding-top:10px;
	padding-bottom:12px;
	background:url(../images/borderBottom.gif) bottom left repeat-x transparent;
}

/*boxer list*/
#subcontent {
	border:#FF6600 10pt solid;
	width:250px;
	height:270px;
	position:absolute;
	background:#ffffff;
	display:none;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#293012,direction=135);
	z-index:50;
}
#innerSubContent {

	margin:10px;

	border:#FF6600 1pt dashed;

	display:block;

	overflow:auto;

	font-size:9pt;

	font-weight:bold;

	height:200px;

	/*scrollbar-arrow-color:#FFF;

	scrollbar-base-color:#A8B476;

	scrollbar-shadow-color:#FFFFFF;

	scrollbar-face-color:#616c39;

	scrollbar-highlight-color:#ffffff;

	scrollbar-dark-shadow-color:#000;

	scrollbar-3d-light-color:#b6c28b;*/



}

div.subSection {

	background:url(../images/boxerListBg.gif) bottom left repeat-x transparent;

	padding-bottom:1px;

}

a.subSection {
	background:url(../images/boxerListBg.gif) bottom left repeat-x #ffffff;
	padding-bottom:3px;
	padding-top:3px;
	padding-left:3px;
	color:#326c9a;
	text-decoration:none;
	display:block;
}
a:hover.subSection {
	background:#FF6600;
	color:#ffffff;
}



/*boxer pic box*/
div.picContainer {
	float:right;
	margin-bottom:5px;
	margin-left:10px;
	font-size:8pt;
	color:#FF6600;
}

/*share page box*/
div.sharePageContainer {
	float:right;
	border:#B6C28B 1pt dashed;
	font-size:7pt;
	color:#3e471d;
	background:url(../images/shareBg.gif) top left repeat-x #ffffff;
}
div.sharePageInner {
	margin:10px;
	width:200px;
}
div.sharePageInner input {
	width:195px;
}

/*avaiable bottom text*/
div.availBottomSec {
	float:left;
	color:#CC0000;
}
div.availBottomSecText {
	margin-bottom:20px;
}
	
/******************************************
>> LINKS
******************************************/
/*main navigation*/
a.mainNav {	
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	font-size:7.5pt;
	border:#ffffff 1px solid;
	margin-right:1px;
	margin-top:2px;
	padding-right:12px;
	padding-left:12px;
	padding-top:3px;
	padding-bottom:3px;
}
a:hover.mainNav {
	color:#CC0000;
	background:#ffffff;
}

a.blueLink {
	color:#326c9a;
	text-decoration:underline;
}
a:hover.blueLink {
	color:#EC0000;
}

a.brownLink {
	color:#616c39;
	text-decoration:underline;
}
a:hover.brownLink {
	color:#FFFFFF;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
}

a.brownLinkNoLine {
	color:#616c39;
	text-decoration:none;
}
a:hover.brownLinkNoLine {
	text-decoration:underline;
}

a.brown2redLink {
	color:#616c39;
	text-decoration:none;
}
a:hover.brown2redLink {

}

/*back button*/
a.backButton {
	background:#326c9a;
	color:#ffffff;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:20px;
	padding-left:20px;
	font-weight:bold;
	text-decoration:none;
	border:#1F4361 1pt solid;
	border-bottom:#1F4361 2pt solid;
	border-right:#1F4361 2pt solid;
}
a:hover.backButton {
	color:#ffffff;
	background:#CC0000;
	border:#620002 1pt solid;
	border-bottom:#620002 2pt solid;
	border-right:#620002 2pt solid;
}

a.redLink {
	color:#CC0000;
	text-decoration:none;
}
a:hover.redLink {
	color:#FF3300;
	text-decoration:underline;
}

a.whiteLink {
	color:#ffffff;
	text-decoration:none;
}
a:hover.whiteLink {
	text-decoration:underline;
}

a.orangeLink {
	color:#FF6600;
	text-decoration:none;
}
a:hover.orangeLink {
	color:#326c9a;
}

/******************************************
>> MISC CLASSES
******************************************/
.smallText {
	font-size:7pt;
}
/*news stuff */
.newsTitle {
	display:block;
	font-size:8.5pt;
}
.newsDate {
	color:#066;
}
.copyrightText {
	color:#666;
	font-size:7pt;
}
img.whiteBorder {
	border:#ffffff 1pt solid;
}
.boxerName {
	color:#000;
}
img.imgFloatRight {
	float:right;
}
.greyOut {
	color:#C8D7DD;
}
.brightRedText {
	color:#FF0000;
	
}
.newText {
	color:#FF0000;
	letter-spacing:-1px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-style:italic;
	font-size:12pt;
}
.input_3column {
	width:140px;
}


/******************************************
>> FORM ELEMENTS
******************************************/
.shareSubmitBtn {
	background:#B6C28B;
	font-size:8pt;
	padding:3px;
	font-weight:bold;
	color:#616c39;
	left: 527px;
	top: 558px;
}
.shareFields {
	border:#B6C28B 1pt solid;
	color:#cc0000;
}
.shareFieldSec {
	margin-bottom:5px;
}

div.formElement {
	margin-bottom:10px;
}
div.formElement2 {
	margin-bottom:5px;
}
table.contactForm {
	font-size:9pt;
	color:#326c9a;
	width:495px;
}
td.contactFormRow {
	background:url(../images/contactRow.gif) bottom left repeat-x transparent;
}
.contactSubmitBtn {
	background:#326c9a;
	font-size:10pt;
	padding:3px;
	font-weight:bold;
	color:#ffffff;
}
.formTextArea {

	/*scrollbar-arrow-color:#FFF;

	scrollbar-base-color:#A8B476;

	scrollbar-shadow-color:#FFFFFF;

	scrollbar-face-color:#616c39;

	scrollbar-highlight-color:#ffffff;

	scrollbar-dark-shadow-color:#000;

	scrollbar-3d-light-color:#b6c28b;*/

}





/******************************************

>> DROPDOWN MENU

******************************************/

#dropmenudiv{
position:absolute;
font-size:7pt;
font-weight:bold;
color:#CC0000;
line-height:18px;
z-index:100;
text-align:left;
padding:5px;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#3a4121,direction=135);
}

#dropmenudiv a{
background:url(../images/redArrow.gif) center right no-repeat #ffffff;
width: 100%;
display: block;
text-indent: 3px;
}

#dropmenudiv a:hover{ /*hover background color*/
background:url(../images/whiteArrow.gif) center right no-repeat #cc0000;
}

/*javamenu links*/
.javalinks a:active {
	font-size:7pt;
	color:#cc0000;
	text-decoration:none;
}
.javalinks a:visited {
	font-size:7pt;
	color:#cc0000;
	text-decoration:none;
}
.javalinks a:link {
	font-size:7pt;
	color:#cc0000;
	text-decoration:none;
}
.javalinks a:hover {
	color:#ffffff;
}

/******************************************
Bubble
******************************************/
#resourcesTip {
	position: absolute;
	background:url(../images/bubble.png) top left no-repeat transparent;
	height:167px;
	font-size:7.5pt;
	color:#326c9a;
	width:246px;
	visibility: hidden;
	text-align:left;
	z-index: 100;



filter: progid:DXImageTransform.Microsoft.Shadow(color=#3a4121,direction=135);
	top: 35px;
}
div.bubbleTitle {
	font-size:8.5pt;
	margin-bottom:5px;
}
div.bubbleText {
	width:196px;
	margin-top:25px;
	margin-left:25px;
}

/******************************************
Picture Container Happy Stories
******************************************/
#fixedtipdiv{
position:absolute;
border:10pt solid #ff6600;
line-height:18px;
z-index:110;
cursor:default;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#3a4121,direction=135);
}
a.fixedTip {
	cursor:default;
}
a:hover.fixedTip {
	cursor:default;
}
div.pictureContainerBorder {
	border:#ffffff 10pt solid;
	width:300px;
}

/******************************************
>> HIDE/SHOW MENU
******************************************/
.expander {
}
.expander .faqAnswer {
	display:none;
	color:#CC0000;
	margin-bottom:10px;
}
.faqQuestion {
	margin-bottom:10px;
}
.expander .b {
	padding:5px;
}
.faq
.expander A {
}

/******************************************
>> LISTS
******************************************/
li.faq {
	margin-left:-15px;
}
	
div.DonateBar {

	background: #999999 url('../images/titleBar4Bg.gif') repeat-x left top;

	height: 25px;

	font-size: 10pt;

	color: #ffffff;

	margin-bottom: 10px;

	display: block;

	border: 1pt solid #808080;

	text-align: right;

	vertical-align: middle;

}

	
list {
	color: #326c9a;
}
li {
	font-size: 9px;
	color: #326c9a;
}
#contentContainer tbody tr #rightColumn div ol li {
	font-size: 9pt;
	color: #326c9a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#contentContainer tbody tr #rightColumn div ul li {
	font-size: 9pt;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
#contentContainer tbody tr #rightColumn div ul .style7 {
	text-align: left;
}
#contentContainer tbody tr #rightColumn div p {
	text-align: center;
	font-size: 18pt;
	font-weight: bold;
}
#mainContainer #contentContainer tbody tr #rightColumn p {
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}
#mainContainer #contentContainer tr #rightColumn .style30 strong {
	text-align: center;

}
#mainContainer #contentContainer tr #rightColumn .style30 strong .style31 {
	text-align: center;
}
#mainContainer #contentContainer tr #rightColumn .style8 {
}
#contentContainer tbody tr #rightColumn div p {
	font-size: 14px;
	width: 400px;
}
#mainContainer #contentContainer tr #rightColumn div .style34 tr {
	font-size: 18px;
	color: #3E471D;
}
#contentContainer tbody tr #rightColumn div {
	font-size: 16px;
}
#contentContainer tbody tr #rightColumn div {
	font-size: 18px;
}
#contentContainer tbody tr #rightColumn div {
	font-size: 24px;
}
#contentContainer tbody tr #rightColumn div {
	font-size: 18px;
}
#contentContainer tbody tr #rightColumn div {
	font-size: 18px;
}
#contentContainer tbody tr #rightColumn div {
	font-size: 18px;
	margin-left: 0px;
	text-align: center;
	max-width: 515px;
	font-weight: bold;
}
#contentContainer tbody tr #rightColumn .style6 .style39 strong {
	font-size: 24px;
}
#ContestTitle {
	font-size: 12pt;
	text-align: center;
}
#menuSelect {
	color: #000;
}
.VolunteerPage {
	font-size: 9px;
	text-align: left;
}
#mainContainer #contentContainer tr #rightColumn h2 {
	text-align: center;
}
#mainContainer #contentContainer tbody tr #rightColumn div {
	text-align: center;
}
#contentContainer tbody tr #leftColumn div p {
	text-align: center;
}
#mainContainer #contentContainer tbody tr #rightColumn div .style7 {
	text-align: center;
}
#mainContainer #contentContainer tbody tr #rightColumn div h1 {

}
#mainContainer #contentContainer tbody tr #rightColumn div ul li {
	font-size: 16px;
}
.underline {
	text-decoration: underline;
}
#mainContainer #contentContainer tbody tr #rightColumn div div li {
	text-align: left;
}
#mainContainer #contentContainer tbody tr #rightColumn div div li {
	font-size: 16px;
}
#mainContainer #contentContainer tr #rightColumn div div div ul {
	font-weight: bold;
}
#mainContainer #contentContainer tr #rightColumn div div ul {
}
#marquee_red {

}
#mainContainer #contentContainer tr #rightColumn br {
	text-align: center;
}
#mainContainer #contentContainer tbody tr #rightColumn div div h1 span font {
	text-align: center;
}
#mainContainer #contentContainer tbody tr #rightColumn div .style3 font strong {
	font-size: 24px;
}
#newsLeft {
	text-align: center;
	width: 492px;
}
#UrgentNeedH3 {
	text-align: center;
}
#h3 {
	text-align: left;
	font-size: 18px;
	color: #609;
}