/*-----------------------------------------------------/
	Oklahoma on Call
	Copyright 2008 InterWorks, Inc.
	
	Global Layout
/-----------------------------------------------------*/

@import url('base.css');

html { /* This fixes the horizontal shift in Firefox when a page doesn't use a scrollbar */
	min-height: 100%; 
	margin-bottom: 1px; 
}

body{
	background: url('../img/gradient-bg.gif') repeat-x #e8e8e8;
	font-family:Arial, Helvetica, sans-serif;
}

.outerWrapper {
	width: 772px;
	margin: 0 auto;
	background: url('../img/content-bg-repeat.gif') top center repeat-y;
	display: block;
	overflow: hidden;
}

.contentBody {
	width: 100%;
	background: url('../img/content-bg-single.gif') top center no-repeat;
	display: block;
	float: left;
}

.contents {
	display: block;
	width: 750px;
	float: left;
	background: url('../img/frog_lg.jpg') no-repeat top left;
	margin: 0 0 0 11px;
}

/*-----------------------------------------------------/
Link styling
/-----------------------------------------------------*/

a, a:link, a:visited, a:active {
	text-decoration: none;
	color: #53643c;
}

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

/*-----------------------------------------------------/
Header styling
/-----------------------------------------------------*/

.header {
	height: 113px;
	display: block;
	width: 750px;
	margin: 0 0 0 11px;
}

.logo {
	display: block;
	float: left;
	height: 113px;
	width: 270px;
}

.phone {
	display: block;
	float: left;
	height: 26px;
	width: 383px;
	color: #55752a;
	font-size: 1.9em;
	text-align: right;
	background: url('../img/frog_sm.gif') no-repeat top right;
	padding: 34px 97px 0 0;
}

.tagline {
	display: block;
	float: left;
}

.womanOwned{
	text-align: right;
	font-size: 1.4em;
	margin-right: 75px;
	color: #55752A;
}

.womanOwned span{
	padding-left: 5px;
	position: relative;
	top: -4px;
}

/*-----------------------------------------------------/
leftColumn styling
/-----------------------------------------------------*/

.leftColumn {
	display: block;
	float: left;
	width: 200px;
	background: url('../img/leftColumn_tile.gif') repeat-x top left;
	margin: 190px 0px 0px 30px;
}

.leftNav {
	background: #7fc41d url('../img/leftNav_bg.jpg') no-repeat top left;
	margin: 0 12px 0 0px;
	min-height: 200px;
	padding: 15px 0 0 10px;
}

.leftNav ul {
	list-style: none;
	background: none;
	margin: 0;
	padding: 0;
}

.leftNav li {
	background: url('../img/leftNav_bullet.gif') no-repeat top left;
	list-style: none;
}

.leftNav li a, .leftNav li a:active, .leftNav li a:link, .leftNav li a:visited {
	display: block;
	padding: 2px 0 10px 26px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.1em;
}

.leftNav_footer {
	display: block;
	height: 12px;
	width: 188px;
	background: #7fc41d url('../img/leftNav_footer_bg.gif') no-repeat top left;
}

ul.socialIcons li{
	background: none;
	float: left;
} 

ul.socialIcons li a, ul.socialIcons li a:visited, ul.socialIcons li a:hover, ul.socialIcons li a:active, ul.socialIcons li a:link{
	padding: 0;
	text-indent: -5000em;
	display: block;
	height: 25px;
	width: 25px;
	margin-right: 3px;
}

ul.socialIcons{
	height: 16px;
	margin: 10px 0 0 45px;
}

li.facebook a{
	background: url('../img/facebook-icon.gif') top left no-repeat;
}

li.linkedin a{
	background: url('../img/linkedin-icon.gif') top left no-repeat;
}

li.twitter a{
	background: url('../img/twitter-icon.gif') top left no-repeat;
}

/*-----------------------------------------------------/
mainColumn styling
/-----------------------------------------------------*/

.mainColumn {
	background: white url('../img/mainColumn_bg.gif') no-repeat top left;
	display: block;
	width: 480px;
	float: left;
	min-height: 30px;
	padding: 25px 30px 25px 10px;
}

.home .mainColumn {
	padding: 0 0 10px 0;
}

.mainColumn p {
	display: block;
	margin-left: 0px;
	text-align:justify;
	font-size: 1.4em;
	color: #53643c;
	padding: 0 0 0 10px;
}

.mainColumn ul{
	text-align: left;
}

.contentList {
	font-size: 1.4em;
	color: #53643c;
	margin-left: 50px;
}

.contentList li {
	margin:3px 0;
}

ol.contentList li {
	margin:6px 0;
}

.mainColumn h1 {
	color: #53643c;
	padding: 0 0 0 10px;
	font-size:2.2em;
	margin:14px 0;
}

.mainColumn a {
	font-weight:bold;
}

h5.subTitle {
	font-size:14px;
	font-style:italic;
	padding-left:10px;
	color:#53643C;
	text-transform:uppercase;
}

.pageImgRight{
	margin: 0 0 10px 10px;
	float: right;
}

.pageImgLeft{
	margin: 2px 10px 10px 0;
	float: left;
}


.strongEm{
	font-weight: bold;
	font-style: italic;
}
.creditCards{
	width: 200px;
	margin: 25px auto 0 auto;
}

/*--------------------------------------------------------/
 Footer Styling and Text Formatting
/---------------------------------------------------------*/

.subNav {
	background: #6a9234;
	display: block;
	float: left;
	width: 690px;
	margin: 0 0 0 41px;
	color: white;
	height: 42px;
	padding: 9px 0;
	clear: both;
}

.subNav ul, .subNav ul li {
	list-style: none;
	background: none;
	margin: 0;
	padding: 0;
}

.subNav ul li {
	display: block;
	float: left;
	text-align: center;
	margin-right: 13px;
}

.subNav li div {
	display: block;
	background: #73a62c url('../img/subNav_btn_bg.gif') no-repeat top left;
	height: 37px;
	width: 200px;
	color: white;
	text-decoration: none;
	font-size: 1em;
	padding: 3px 5px 0 5px;
	line-height: 1.2em;
	vertical-align: middle;
}

.subNav li div a{
	color: white;
	font-size: 1.1em;
	font-weight: bold;
}

.footer {
	display: block;
	margin: 0 auto;
	color: #53643c;
	font-size: .94em;
	text-align: center;
	padding: 2px 0 0 0;
	background: url('../img/footer_bg.gif') no-repeat top center;
	height: 32px;
	width: 772px;
}

.inlineTestimonial {
	width:375px;
	margin:7px auto;
	padding:10px;
	font-size:12px;
	color:#53643C;
}

/*--------------------------------------------------------/
 Contact Us
/---------------------------------------------------------*/

.contactTable {
	width:350px;
	margin:25px auto 0 auto;
	background:#cced9e;
	padding:10px;
	border:1px solid #8d8c8c;
	clear: both;
}

.contactTable table {
	width:350px;
}

.contactTable table th, .contactTable table td {
	border:0;
	font-size:12px;
}

.contactTable table input, .contactTable table textarea {
	font-size:12px;
}

.contactTable table textarea {
	width:250px;
}

.contactTable table select {
	width:190px;
}


/*--------------------------------------------------------/
 Featured Positions Page
/---------------------------------------------------------*/

.positionImage{
	display: block;
	float: right;
	margin: 0 0 10px 15px;
}

.positionInfo strong{
	font-size: 1.2em;
}

.positionListing ul{
	color: #53643C;
	font-size: 1.2em;
}

.positionListing{
	padding-bottom: 15px;
}

#positions form{
	padding-left: 10px;
}

#positions form p{
	padding-left: 0px;
}

#positions form textarea{
	width: 250px;
	height: 75px;
	font-size: 1.4em;
}

.red{
	color: #ff0000;
}

.black{
	color: #000;
}

.larger{
	font-size: 1.3em;
}

p.larger{
	font-size: 1.6em !important;
	font-weight: bold;
}

p.larger a:link, p.larger a:visited{
	text-decoration: underline;
}

p.larger a:active, p.larger a:hover{
	text-decoration: none;
}

ul.arrow li{
	list-style-image: url('../img/li-arrow.gif');
}

ul.rewards li{
	list-style-image: url('../img/li-rewards.gif');

}

ul.checkmark li{
	list-style-image: url('../img/li-check.gif');
}

ul.indent{
	/*margin-left: 85px;*/
}

.phone a{
	font-weight: bold;
}

.womanOwnedLarge img{
	float: right;
	padding: 0 0 0 0;
}

.womanOwnedLarge p{
	font-size: 1.5em;
	font-weight: bold;
	padding-top: 20px;
	text-align: left;
}

.pageImgCenter{
	float: left;
	margin-left: 25px;
}