﻿.mainContentBlck {padding: 5px; color: black; border: #FFF 10px solid; width: 930px; background: #E4DBC9; background: -moz-linear-gradient(top, #E4DBC9, #93804D);  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E4DBC9), to(#93804D));  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E4DBC9', endColorstr='#93804D',GradientType=0 )/*IE5.5+*/;  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#E4DBC9', endColorstr='#93804D',GradientType=0 )"/*IE8+*/; background: -o-linear-gradient(top, #E4DBC9, #93804D);  background: -ms-linear-gradient(top, #E4DBC9, #93804D); background: linear-gradient(top, #E4DBC9, #93804D); -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; overflow: hidden; }
.mainContentBlck p {margin: 10px 5px 10px 5px; text-align: left; font-size: 12px;}
.mainContentBlck h3 {margin: 5px; background-color: #362C1D; color: #E4DBC9; line-height: 30px; text-align: center; font-size: 16px; -webkit-border-radius: 15px 5px 15px 5px; border-radius: 15px 5px 15px 5px; letter-spacing: 1px; text-shadow: 3px 3px 2px #000;}
.mainContentBlck h4 {font-size: 14px; font-weight: bold; margin: 3px 3px 5px 5px;}
.mainContentBlck ul {text-align: left; font-size: 12px; list-style-image: url('../PublishingImages/SpearListImg.png'); margin-left: 15px;}
.mainContentBlck a {color: black!important; text-decoration: underline!important; font-weight: bold;}
.mainContentBlck a:hover {color: #B75B00!important; text-decoration: none!important;}
.logoImg {height: 190px; width: 190px;}
.ctrHdr-subTitle {text-align: center; font-style: italic; margin-bottom: 10px;}
/*Style to append to existing socom nav style*/
.mgMenu {background: #E4DBC9;  background: -moz-linear-gradient(top, #E4DBC9, #93804D); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E4DBC9), to(#93804D));  background: -o-linear-gradient(top, #E4DBC9, #93804D);  background: -ms-linear-gradient(top, #E4DBC9, #93804D);  background: linear-gradient(top, #E4DBC9, #93804D);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E4DBC9' , endColorstr='#93804D',GradientType=0 ) progid:DXImageTransform.Microsoft.Alpha(opacity=95) !important/*IE5.5+*/; -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#E4DBC9' , endColorstr='#93804D',GradientType=0 )" "progid:DXImageTransform.Microsoft.Alpha(opacity=95)" !important/*IE8+*/; opacity: 0.95; -khtml-opacity: 0.95; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; border-bottom: 1px #000 solid; color: #000; display: none; position: absolute; width: 960px; z-index: 1001; padding: 5px 0px; }
.mgMenuHeader {color: #c4b081; float: left; font-size: 10pt; font-weight: bold; height: 28px; padding: 12px 0 0; text-align: center; text-transform: uppercase; width: 192px;}
.mgMenuHeader:hover {color: #000 !important; background: transparent none !important;}
.mgMenuHeader a {display: block !important; line-height: 28px;}
.mgMenuHeader a:hover {}
.mgMenuItems {letter-spacing: 1pt; float: none; font-size: 9pt; margin: 0px 15px; padding: 0px; font-weight: bold; color: #32261A !important; width: 930px; text-align: center;}
.mgMenuItems a:hover {text-decoration: underline;}
.mgMenuItems a {color: #000 !important; text-decoration: none; line-height: 18px;}
.mgMenuItems h2 {color: #000; font-size: 12pt; font-weight: bold !important; margin: 2px 0px; padding-bottom: 2px; border-bottom: 1px solid #666666; text-align: center; text-shadow: 3px 2px 2px #666;}
/*Images*/
.imgshadow {/* Better style on light background */ padding: 5px; margin-top: 5px; -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666, Direction=135, Strength=5)/*IE5.5+*/; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#666666, Direction=135, Strength=5)"/*IE8+*/;}
.img_left {/* Image sticks to the left */ width: auto; float: left; margin: 5px 25px 5px 5px;}
.img_right {/* Image sticks to the right */ width: auto; float: right; margin: 5px 5px 5px 15px;}
.rotate {/*Rotate Image counterclock wise 10deg*/padding: 10px; margin: 35px; transform: rotate(-10deg); -ms-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9848 ,M12=0.1736, M21=-0.1736, M22=0.9848, sizingmethod='auto expand');}
/*Horizontal links menu.*/
.horzMenu {width: 100%; padding: 0px 2px; margin-left: 0px !important; margin-right: auto;}
.horzMenu ul {float: left; padding: 0px; list-style-type: none; margin: 0px; width: 100%;}
.horzMenu li {display: inline;}
.horzMenu a {/*Adjust width in anchor as necessary*/ float: left; width: 32%; height: 25px; font-size: 14px; text-decoration: none; padding: 2px; border: 2px #988F6E outset; color: #E4DBC9 !important; background-color: #685537; text-align: center; vertical-align: middle; font-weight: bold; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
.horzMenu a:hover {text-decoration: underline; background-color: #CEBE9D; border: 2px #988F6E inset; color: black !important;}
/*DL for FAQ Section*/
#faqSec dl {margin: 10px; font-family: "Times New Roman", Times, serif;}
#faqSec dt {font-weight: bold; text-decoration: none; cursor: pointer; margin-top: 5px; font-size: 14px;}
#faqSec dt:hover {text-decoration: underline; color: #362C1D;}
#faqSec dt:active {text-decoration: underline; color: #362C1D;}
#faqSec dd {margin-bottom: 5px; margin-left: 20px; font-size: 12px;}
#faqSec ul {list-style-type: none; list-style-position: inside; margin-left: 0px;}
#faqSec li {list-style-type: none;}
/*TNT Events info table*/
.expTable {width: 615px; border: 1px; border-collapse: separate; margin-right: auto; margin-left: auto; line-height: 1.2em; font-size: 14px; margin-bottom: 15px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;}
.expTable thead th {background-color: #554D36; font-size: 14px; font-weight: bold; padding: 10px 5px; border: 1px transparent solid; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px;}
.expTable td {padding: 5px 5px; text-align: center; border: 1px #8D8463 solid;}
/*Contact Box*/
.contactBox {font-family: "Courier New", Courier, monospace; width: 250px; position: relative; float: right; margin: 10px; padding: 5px; background: #E4DBC9;  background: -moz-linear-gradient(top, #93804D, #E4DBC9);  background: -webkit-linear-gradient(top, #93804D, #E4DBC9);  background: -o-linear-gradient(top, #93804D, #E4DBC9);  background: -ms-linear-gradient(top, #93804D, #E4DBC9);  background: linear-gradient(top, #93804D, #E4DBC9);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93804D', endColorstr='#E4DBC9',GradientType=0) progid:DXImageTransform.Microsoft.Shadow(color=#666666, Direction=135, Strength=5)/*IE5.5+*/; -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#93804D', endColorstr='#E4DBC9',GradientType=0)" "progid:DXImageTransform.Microsoft.Shadow(color=#666666, Direction=135, Strength=5)"/*IE8+*/; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; border: 2px #5E553C inset; -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; }
.contactBox a {font-weight: bold;}
.contactBox p:first-child {text-align: center; font-weight: bold;}
/*Hyperlink boxes*/
.hprLink {font-family: "Courier New", Courier, monospace; font-weight: bold; font-size: 12px; width: auto; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; padding: 2px; margin: 3px; box-shadow: 0px 0px 5px #666666; -webkit-box-shadow: 0px 0px 5px #666666; background: #988F6E; border: 1px #666 solid;}
.hprLink a {display: block;}
.hprLink:hover {background: #554D36;}
/*for group of hyperlinks use with .hprLink. For external hyperlink groups*/
.grpHprLinks {width: 550px; float: left; list-style-image: none !important; list-style-type: none; line-height: 20px;}
/*Style for DVWP forms*/
.viewHdr {/*Field title*/ font-weight: bold; margin: 3px; font-size: 12px; line-height: 18px;}
.viewData {/*Field data*/ font-size: 12px; font-weight: normal; margin: 3px;}
.coTitleLine td {/*Title row*/ padding: 0px 5px 0px 5px; font-size: 12px; font-weight: bold; line-height: 15px; text-align: center;}
.ms-formbody {background: transparent;}
.ms-formbody > textarea {width: 400px; text-align: left;}
.ms-formbody > input {width: 400px; text-align: left;}
.ms-formlabel {color: black; font-family: "Courier New", Courier, monospace; font-weight: bold; margin-left: 15px;}
/*Navigation Roll Up page and link buttons. Use in <div>*/
.navRollUp {font: normal normal bold 100% Arial, Helvetica, sans-serif; list-style-image: url('../PublishingImages/SpearListImg.png'); font-size: 12px;}
.navRollUp ul {margin-left: 15px; list-style-position: outside !important;}
.navRollUp a:link, .navRollUp a:visited {background: #988F6E url('../PublishingImages/icon-r-white.png') no-repeat right 50%; width: 95%; margin: 3px 0px 3px 0px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; border: 2px #5E553C outset; display: block; font-weight: bold; color: #000 !important; padding: 10px 7px;}
.navRollUp a:hover, .navRollUp a:active {background: #554D36 url('../PublishingImages/icon-r-white.png') no-repeat right; width: 95%; color: #fff !important; text-decoration: none; border: 2px #988F6E inset;}
.navRollUp h3 {margin: 5px; background-color: #362C1D; color: #E4DBC9; line-height: 20px; text-align: left; font-size: 14px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; padding: 7px;}
/*Places navRollUp at the right of the page. Use both classes. Use in <div>*/
.rNavMenu {width: 300px; position: relative; float: right; right: 7px; text-align: left; box-shadow: -3px 0 3px -1px rgba(51, 51, 51, 0.3); -webkit-box-shadow: -3px 0 3px -1px rgba(51, 51, 51, 0.3); margin-left: 10px;}
/*Priorities table*/
.prioTable {width: 470px; position: relative; float: right;}
.prioTable td, .prioTable li {font-weight: normal; line-height: 20px; padding: 3px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
.prioTable li {list-style-image: url('../PublishingImages/SpearListImg.png'); margin-bottom: 10px;}
/*Success Story's Table*/
table.successStory {border-width: 0px; border-spacing: 3px; border-style: solid; border-color: black; border-collapse: separate; width: 700px; margin-left: auto; margin-right: auto; text-align: center;}
table.successStory td {border-width: 1px; padding: 5px; border-style: solid; border-color: #8D7D6D; line-height: 20px; font-size: 12px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; height: 50px;}
/*Style for lightbox image set div*/
.lbImgSet {clear: both; width: 100%; margin-top: 15px; text-align: center;}
.lbImgSet img {width: 125px; height: 125px; border: 3px #DFD5C1 solid; margin: 3px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; background-color: #9E8C5E; padding: 3px;}
.lbImgSet p {font-size: 10px; text-align: right;}
.lbImgSet h4 {text-transform: capitalize;}
