/* 
========================================================================================================= CREDITS
Copyright 	: Copyright (c) 2009 Ahlgren, Perrault & Pudloski, P.A. All Rights Reserved.
Author(s) 	: Ryan Pudloski ryan@ryanpudloski.com
Date      	: 6/30/2009
Notes     	: Root CSS file for public web site.
========================================================================================================= CHANGE LOG
Date		Name			Desc
---			---				---
========================================================================================================= BEGIN CSS
*/
body  {
	margin: 0px;
	padding: 0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 62.50%; /* 10px */
	line-height: 17px;
	color: #1f3756;
	background: #FFF;
	
	/*map
	background-image:url(../img/map.jpg);
	background-position:center top;
	background-repeat:no-repeat;*/
}

/* ====================================================================================================== STANDARD TAGS */

p { margin: 0px 0px 6px 0px; font-size: 1.2em; padding:0px;}

h1 { margin: 0px 0px 15px 0px; font-size: 1.6em; font-weight: bold; color: #1f3756; border-bottom: 1px solid #1f3756; padding-bottom:5px; }
h2 { margin: 0px 0px 15px 0px; font-size: 1.4em; font-weight: bold; }
h3 { margin: 0px 0px 0px 0px; font-size: 1.2em; font-weight: bold; }
h4 { margin: 0px 0px 15px 0px; font-size: 1.0em; font-weight: bold; }

strong { font-weight: bold; }
em { font-style: oblique; }

a { color: #6e4845; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

/* ====================================================================================================== PAGE FRAMEWORK */
#dropShadowTop {margin: 0px auto; padding:0px; height:5px; width: 970px; background:url(../img/dropShadowTop.jpg) left no-repeat; overflow-x: hidden; }
#dropShadowBottom {margin: 0px auto 2px auto; padding:0; height:15px; width: 970px; background:url(../img/dropShadowBottom.jpg) center top no-repeat;overflow-x: hidden; }
#dropShadowWrapper {margin: 0px auto; padding:0; width: 970px; background:url(../img/dropShadow.jpg) center top repeat-y;overflow-x: hidden; }
#container { margin: 0px auto; padding:0; width: 955px; background: #1f3756; overflow-x:hidden}

#dateLine { margin: 0px auto;  width: 943px; height: 19px; background: #667d99; }

#dateLine p{font-size:1.2em; font-weight:bold; color:#b6c1cf; text-align:right; padding-right:4px; vertical-align:middle;}

/*nav ---------------------------------------------------- */

#nav ul{ position:relative; top:216px; left:11px; border:none; width:580px; overflow:hidden; display:inline; }
#nav li{  font-size:16px; font-weight:bolder; display:inline; font-family:"Times New Roman", Times, serif;}
#nav a{ color:#556983; text-decoration:none;}
#nav a:hover, a:active { text-decoration: none; color:#1f3756;}
#nav .active{font-weight:900; color:#1f3756; font-size:18px; cursor:default;}


/*header ---------------------------------------------------- */
#header { margin: 3px auto 0px auto; width: 943px; height: 248px; background: #1f3756 url(../img/namePlate.jpg) top no-repeat; }

.headerBoxRight{ position:relative; top:188px; left:604px; width:334px; height:41px; background-color:#c2cfdf;}

.headerBoxRight img{ float:left; margin:12px auto 0px 9px; }

.headerBoxRight h3{ display:inline; font-size:11px; float:right; padding:13px 4px 0 0;}

/*content contains left and right column ---------------------------------------------------- */
#content{background-color:#FFF; margin: 0px auto 0px auto; width:943px;}

/*left column ---------------------------------------------------- */
#leftColumn { float: left; width: 604px; }
#leftColumn .bodyCopy{padding:6px 15px 0 17px;}



/*right column ---------------------------------------------------- */
#rightColumn { float: right; width: 334px; margin:0 5px 15px 0; background-color:#FFF;}
.navyBar{height:17px; margin:2px 0 0 0; background-color:#1f3756;}
.rightColumnContent{margin:2px 0 0 0; background-color:#e3e8ef;}

/*footer interior ---------------------------------------------------- */
#footerInterior { margin:8px 4px 0px 4px; padding:2px; border-top:thin solid #dee1e6;  }
#footerInterior ul{ float:left;}
#footerInterior li{ display:inline; }
#footerInterior a{color:#0b1e36;}
#footerInterior p{float:right; font-size:10px;}

#footerExterior {margin: 0px auto 5px auto; padding:0px; width: 955px; }

#footerExteriorContainer { float:right; margin: 0px; padding:0px 10px; }

#footerExterior p { font-size:10px; line-height:10px; text-align:right; }

.clear { clear:both; height:0; font-size: 1px; line-height: 0px; }

/* ====================================================================================================== SUBHEADERS */
.subheadHome{ height:32px; margin:10px 15px 0; background:left top no-repeat url(../img/subHead_home.gif);}
.subheadHome p { margin-left:-999px;}

.subheadAbout{ height:32px; margin:10px 15px 0; background:left top no-repeat url(../img/subHead_about.gif);}
.subheadAbout p { margin-left:-999px;}

.subheadContact{ height:32px; margin:10px 15px 0; background:left top no-repeat url(../img/subHead_contact.gif);}
.subheadContact p { margin-left:-999px;}

.subheadDirections{ height:32px; margin:10px 15px 0; background:left top no-repeat url(../img/subHead_directions.gif);}
.subheadDirections p { margin-left:-999px;}

.subheadLinks{ height:32px; margin:10px 15px 0; background:left top no-repeat url(../img/subHead_links.gif);}
.subheadLinks p { margin-left:-999px;}

.subhead404{ height:32px; margin:10px 15px 0; background:left top no-repeat url(../img/subHead_404.gif);}
.subhead404 p { margin-left:-999px;}

.subheadSiteMap{ height:32px; margin:10px 15px 0; background:left top no-repeat url(../img/subHead_siteMap.gif);}
.subheadSiteMap p { margin-left:-999px;}

.subheadSurvivalKit{ height:32px; margin:10px 15px 0; background:left top no-repeat url(../img/subHead_survivalKit.gif);}
.subheadSurvivalKit p { margin-left:-999px;}


/* ====================================================================================================== FORMS */

form { margin: 0px; padding:0px; font-size:11px; width:334px;}

fieldset { 
	padding: 0px 0 10px 0;
	margin:0 0 0 10px;
	position: relative;
	/*background-color:#960;*/
	width:314px;
}

fieldset li{
padding:15px 0px 0px 0px;
line-height:15px;
}

fieldset li input{width:141px; padding-top:4px;}

fieldset li .checkboxClass{width:8px; padding-right:5px;}

.radioClass {
	float:left;
	width:130px;
	margin:0px;
	padding: 0px;
}

/*padding-right:10px; display:inline; width:200px; background-color:#930;}*/
fieldset .radioClass input{width:20px; padding-top:0px;}

fieldset li textarea{width:307px; padding-top:4px; /*border:#6f7569 1px solid;*/}

.end{line-height:5px; padding-top:10px; /*border:#6f7569 1px solid;*/}


fieldset p{
	padding-top:15px;
}

.formWrap {
	float:left;
	margin-right:10px;
}


.contactInfo{
	line-height:18px;
	margin-bottom:20px;
}


.alert{
	margin-top:5px;
	font-weight:bold;
}

.submit{
    background:url(../img/submitButton.jpg) no-repeat;
    height: 22px;
    width: 102px;
    border: none;
	cursor:pointer;
}

.submit:hover
 {
     background: url(../img/submitButton.jpg) 0 -22px no-repeat;
 }

/* bio button */
.bioButton{
    background:url(../img/bioButton.jpg) no-repeat;
    height: 16px;
    width: 78px;
    border: none;
	cursor:pointer;
	margin-bottom:4px;
}
.bioButton p{margin-left:-999px;}

.bioButton:hover
 {
     background: url(../img/bioButton.jpg) 0 -16px no-repeat;
 }

/*ibox css styles */
.iboxStyle{float:left; padding:2px; border:thin solid #1f3756; margin:0 8px 4px 0;}

/*about page*/
	/*headshots*/
	.aboutHeadshots ul{ float:left; background-color:#0F3; padding-left:0px; padding-right:5px; margin-left:0px;}
	.aboutHeadshots li{ display:inline; margin:0 0 0 12px; padding:2px; float:left;}
	.aboutHeadshots img{ display:block; padding:2px; border:thin solid #1f3756;}
	.caption{ display:block; padding:2px; width:78px; margin:0px; line-height:10px;}

	/*horizontal image*/
	.bodyCopy .horizontalImage { display:inline; padding:0px; border:none; margin:20px auto 0 auto;}

/*contact page*/
.contactIconsLeft{float:left;}
.contactIconsLeft ul{ margin-left:10px;}
.contactIconsLeft li{background:transparent url(/lib/img/icon_phone.jpg) no-repeat scroll 10px 9px; height:30px; margin:0; padding:7px 20px 26px 26px;}
.contactIconsLeft li p{margin:0px 0px 0px 22px;}

.defaultBullets {padding-top:10px;}
.defaultBullets li{list-style:square; font-size: 1.2em; padding:0px; margin-left:30px;}

/*links page */
.linklist { list-style-image:none; list-style-position:outside; list-style-type:none; width:570px;}
.linklist li {
	background:transparent url(/lib/img/icon_link.jpg) no-repeat scroll 10px 10px;
	float:left;
	margin:0;
	padding:7px 20px 26px 45px;
	width:200px;
	font-size:1.2em;
}