@charset "UTF-8";
/* CSS Document */

/*Created: March 2009*/
/*Last Modified: March 1, 2009*/

/*
------------------------------------------------------------
  COLOR REFERENCE - values for established color palette
------------------------------------------------------------

LTC Teal: #00a0af;
LTC Teal 60%: #66c6cf;

grey: #998b7d;

green: #9fa617;
green 35-tint: #dde0ae;
green 60-tint: #c5ca74;
green 50-tint: #cfd28b;
green 75-tint: #b7bc51;

navy blue: #002d6a;
navy blue 80-tint: #335788;

steel blue: #afbcba;
steel blue 25-tint: #ebeeee;
steel blue 70-tint: #c7d0cf;
steel blue 85-tint: #bbc6c4;
steel blue 60-tint: #cfd7d6;

*/




/*
------------------------------------------------------------
  BASIC BIG BLOCKS - Global settings for elements
------------------------------------------------------------
*/
html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
/* zero out all default margin, padding, and border settings */
div,table,tr,td,th,img,p,ul,li,dl,dt,dd,hr,h1,h2,h3,h4,h5,h6,form,fieldset,label{
margin: 0;
padding: 0;
border: 0;
}
/* zero out all default margin and padding settings */
select,input{
margin: 0;
padding: 0;
}
/* this class is used to set a clear on an empty div */
.clear {
position: relative;
display: block;
clear: both;
width: 100%;
height: 1px;
overflow: hidden;
margin: 0;
font-size: 1px;
line-height: 1px;
}
/*this class used to set a clear on any element*/
.clear_fix {
clear:both;
}
/*classes for floats on any object*/
.left {
float:left;
}
.right {
float:right;
}


/*** END *** BASIC BIG BLOCKS ***/










/*
------------------------------------------------------------
  LAYOUT CONTAINERS - Major wrappers and containers that hold major chunks of the site
------------------------------------------------------------
*/
 
/* CONTAINER holds the entire webpage, and is the first object after the body */
#container {
position: relative;
width: 100%;
height: 100%;
}
/* WRAPPER holds the entire webpage, and is the second object after the body */
#wrapper {
position: relative;
width: 100%;
background-color: #afbcba;/*c7d0cf*/
}
/* HEADER_WRAPPER holds the header and the navbar*/
#header_wrapper {
position: relative;
width: 100%;
background-color: #fff;
}
/* NAV_WRAPPER holds the navbar and buttons*/
#nav_wrapper {
position: relative;
width: 100%;
background-color: #002d6a;
border-bottom: 30px solid #9fa617;
}
/* NAV holds the nav buttons*/
#nav {
position: relative;
width: 1020px;
height: 35px;
margin: 0 auto;
}
/* CONTENT_WRAPPER holds all of the content below the navbar and above the footer */
#content_wrapper {
position: relative;
width: 798px;
padding: 0 222px 0 0;
/* *padding: 0 232px 0 0; */
margin: 0 auto;
background: url(../gif/bg_interior_page.gif) repeat-y top left;
}
#home #content_wrapper {
width: 576px;
padding: 0 444px 0 0;
background: url(../gif/bg_home_page.gif) repeat-y top left;
}
/* CONTENT holds all of the ..... */
#content {
position: relative;
float: left;
width: 717px;
min-height:500px;
padding: 40px;
background: url(../gif/bg_content_gradient.gif) repeat-x top left;
}
#home #content {
width: 496px;
}
/* SIDEBAR RIGHT holds all of the ..... */
#sidebar_right {
position: relative;
float: right;
width: 220px;
margin-right: -222px;
*margin-right: -222px;/*ie7 fix*/
_margin-right: -111px;/*ie6 fix*/
/* *margin-right: -232px; */
}
#home #sidebar_right {
width: 444px;
margin-right: -444px;
}
/*
margin-right: -444px!important;
*margin-right: -666px;/*ie7 fix
_margin-right: -224px;/*ie6 fix
*/
}
#home #sidebar_right div {
position: relative;
width: 220px;
}

/*#home #sidebar_right2 {
position: relative;
float: right;
width: 220px;
margin-right: -222px;
*display:none;/*ie7 fix
_margin-right: -111px;/*ie6 fix
padding-top: 30px;
}*/
/* SIDEBAR LEFT holds all of the ..... 
#sidebar_left {
position: relative;
width: 220px;
}*/
/* FOOTER is the outer wrapper of the footer section */
#footer_wrapper {
position: relative;
width: 100%;
background-color: #335788;
}
/*** END *** LAYOUT CONTAINERS ***/









/*
------------------------------------------------------------
  1, 2, 3 COLUMN LAYOUTS - Settings for all elements and containers that column layouts
------------------------------------------------------------
*/

/* 1 COLUMN GRID - used to organize content in 1 column grid
------------------------------------------------------------ */
.col1 {
position: relative;
}

/* 2 COLUMN GRID - used to organize content in 2 column grid
------------------------------------------------------------ */
.col2 {
position: relative;
width: 47.5%;
}
.col2.left {
float:left;
}
.col2.right {
float:right;
}

/* 3 COLUMN GRID - used to organize content in 3 column grid
------------------------------------------------------------ */
/* Basic settings for each column */
.col3 {
position: relative;
float: left;
width: 30%;
}
/* Sets the gutter spacing between the columns */
.col3.center {
margin: 0 5%;
}


/*** END *** COLUMN LAYOUTS ***/












/*
------------------------------------------------------------
  TYPOGRAPHY SETTINGS
------------------------------------------------------------
*/

* {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1em;
}

/* PARAGRAPH
------------------------------------------------------------ */
p {
font-size: .8em;
line-height: 1.5em;
margin: 0 0 1.5em 0;
}
p.nobottomspace {
margin-bottom: 0;
}
#sidebar_right p, #sidebar_right2 p {
font-size: .7em;
}
.callout p, .callout_news p {
font-size: .7em;
color:#fff;
margin: 0px 12px 16px 12px ;
}

/* H1 - Used for page titles
------------------------------------------------------------ */
h1 {
font-size: 1.25em;
line-height: 1.5em;
color: #002d6a;
margin: 1.5em 0 .5em 0;
}
.att-golf-tourney h1 {
text-align: center;
}

/* H2 - Used for subheads of major sections
------------------------------------------------------------ */
h2 {
font-size: 1.1em;
line-height: 1.5em;
color: #9fa617;/*002d6a*/
margin: 1.25em 0 .25em 0;
}
/*used for upcoming events headline in right sidebar*/
#sidebar_right h2 {
font-size: .95em;
color: #002d6a;
margin: 0 20px .5em 20px;
}
#sidebar_right .left h2 {
padding-top: 20px;
color: #9fa617;
}

/* H3 - Subheads for block of content in columns
------------------------------------------------------------ */
h3 {
font-size: .90em;
line-height: 1.5em;
color: #002d6a;
margin: 1.25em 0 .25em 0;
}
.board h3 {
margin-top:0;
}
.callout h3, .callout_news h3 {
font-size: .90em;
line-height: 1.25em;
color: #335788;
margin: .5em 12px .5em 12px; 
}


/* LISTS - applies to unorder and order liss
------------------------------------------------------------ */
ul {
margin: 0 0 1.5em 1em;
}
.callout ul, .callout_news ul {
margin: 0 12px 12px 25px;
}
li {
font-size: .8em;
line-height: 1.5em;
margin-bottom: .25em;
}
li.indentli ul {
margin-left: 15px;
}
li ul {
list-style: disc;
margin: .5em 0 .5em 1em;
}

li li {
font-size: 1em;
}
.callout li, .callout_news li {
color: #fff;
font-size: .7em;
line-height: 1.25em;
margin-top: 0em;
}

/* DEFINITION LIST - typically used for Q and A articles
------------------------------------------------------------ */
dl {
margin: 0 0 1.5em 0em;
}
dt{
font-size: .85em;
line-height: 1.5em;
font-weight: bold;
color: #002d6a;
margin: .5em 0 .25em 0;
}
#event .col2 dt {
font-size: .80em;
margin: 2.5em 0 .25em 0;
}
dd{
font-size: .75em;
line-height: 1.25em;
margin-bottom: .25em;
}
#event .col2 dd {
font-size: .75em;
margin: 0 0 .25em 0;
}
#event .col2 dd.addtocart{
margin: .75em 0 .25em 0;
}
dd.addtocart select {
margin: .5em 0;
}
/*used in the right sidebar for upcoming events*/
#sidebar_right dl, #sidebar_right2 dl {
margin: 0 20px;
}
#sidebar_right dt, #sidebar_right2 dt {
font-size: .75em;
line-height: 1.25em;
}
#sidebar_right dd, #sidebar_right2 dd {
font-size: .7em;
margin-bottom: 2em;
}
#sidebar_right dd.date, #sidebar_right2 dd.date {
font-weight: bold;
margin-bottom: 0;
}


/* LINKS - how do text links look and behave on hover
------------------------------------------------------------ */
a {
color: #002d6a;
}
a:hover {
text-decoration: none;
}
/*used for "read more" "details" links in sidebars and callouts*/
a.more {
font-size: .9em;
font-weight: bold;
}
.callout a, .callout_news a {
color:#fff;
}
h2 a {
text-decoration: none;
}
.callout h3 a, .callout_news h3 a {
color: #335788;
}
#sidebar_right dt a, #sidebar_right2 dt a {
text-decoration: none;
}

/* HR - used for horizontal rules (visible and invisible)
------------------------------------------------------------ */
#board hr {
position: relative;
clear: both;
visibility: hidden;
}
#client_story_preview hr {
position: relative;
clear: both;
visibility: hidden;
}
#locations hr {
position: relative;
clear: both;
visibility: hidden;
}


/* CUSTOM CLASS - unique typography settings for all types of text
------------------------------------------------------------ */
.smaller, .sm {
font-size: .9em;
}
.pdf {
	background: url(../gif/icon_pdf.gif) no-repeat right top;
	padding-right: 15px;
}
.external {
	background: url(../gif/icon_newwindow.gif) no-repeat right top;
	padding-right: 15px;
	*background: none;
	*padding-right:0;
}
.blue {
color: #002d6a;
}
.green {
color: #9fa617;
}



/*** END *** TYPOGRAPHY SETTINGS ***/









/*
------------------------------------------------------------
  BASIC TABLE - default table settings for all tables used in site
------------------------------------------------------------
*/
table {
font-size: .8em;
line-height: 1.5em;
background-color:none;
border-collapse:collapse;
margin-bottom: 1.5em;
}
th {
text-transform: uppercase;
padding: 5px;
text-align: left;
}
tr {

}
tr.even {

}
tr.odd {

}
td {
line-height: 1.5em;
padding: 5px 25px 10px 0;
vertical-align:top;
}
td.description {
padding-left: 10px;
}
td.category {
text-align: right;
font-weight: bold;
color: #002d6a;
}
caption {
text-align: left;
font-weight: bold;
font-size: 1.1em;
line-height: 1.5em;
color: #9fa617;
margin: 2em 0 0 0; 
padding: 0;
}
tbody {
margin: 0;
padding: 0;
}
/*corporate sponsor table*/
#corporate_sponsors caption {
font-size: 1.1em;
color: #9fa617;
}
#corporate_sponsors td {
text-align: center;
padding: 20px 0;
}


/*** END *** TABLE SETTINGS ***/









/*
------------------------------------------------------------
  SIDEBAR - container settings for Callouts, News & ClientStory images
------------------------------------------------------------
*/
/*CALLOUT - green callout boxes and always in the content area for pull quotes.*/
.callout {
width: 180px;
background-color: #9fa617;
margin: 0 0 2em 2em;
}
#home #sidebar_right .callout {
width: 215px;
margin: 0;
}
/*.board {
margin: 1em 1em 1.75em 0;
}*/
.board {
margin: .5em 0 1.5em 0;
}
.clientstory {
margin: 0 0 1.75em 1em;
}
.callout_news {
width: 300px;
background-color: #9fa617;
margin: 0 0 1.75em 1em;
}
.client_story_preview, .news_preview {
margin: 0 0 2em 0;
}


/*** END *** TABLE SETTINGS ***/






/*
------------------------------------------------------------
  STANDARD IMAGE - settings images sizes and styling for images
------------------------------------------------------------
*/
/*main featured image on the page*/
#featured_graphic {
width:100%;
margin: -40px 0 30px 0;
}
/*img for upcoming event listing in the right sidebar*/
#sidebar_right dt img {
margin-bottom: .75em;
}
.callout img, .clientstory img, .callout_news img {
border: 1px solid #9fa617;
}
.client_story_preview img {
position: relative;
float: left;
width: 115px;
border: 1px solid #9fa617;
margin: .25em 1em 0 0;
}
.news_preview img {
position: relative;
float: left;
width: 150px;
border: 1px solid #9fa617;
margin: .25em 1em 0 0;
}
.board img {
position: relative;
float: left;
border: 1px solid #9fa617;
margin: .25em 1em 1.75em 0;
}


/*** END *** TYPOGRAPHY SETTINGS ***/










/*
------------------------------------------------------------
  HEADER - Settings for items in the header
------------------------------------------------------------
*/

/* HEADER holds the datestamp, logo and text-size buttons */
#header {
position: relative;
width:1020px;
height: 135px;
margin: 0 auto;
}
/* LTC logo positioning */
#header #logo {
position: relative;
width: 215px;
height: 95px;
left: 50%;
margin: 25px 0 0 -107px;
}
#temp #header #logo {
left: 40%;
}
/* Datestamp style and positioning */
#datestamp {
position: absolute;
left: 40px;
top: 82px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #998b7d;
}
/* TEXT SIZE holds the buttons and sets basic styling */
#text_size {
position: absolute;
height: 65px;
/*padding-top: 15px;*/
right: 40px;
top: 44px;
text-align: center;
text-transform: uppercase;
color: #998b7d;
overflow: visible;
}
/* Sets the spacing and size between buttons and text below */
#text_size p {
font-size: 12px;
font-weight: bold;
margin-top: 12px;
margin-bottom: 0;
padding: 0;
}
/* Sets the style for the Change Text Size buttons */
#text_size a{
color: #998b7d;
font-size: 16px;
font-weight: normal;
text-decoration: none;
padding: 5px 8px;
border: 1px solid #9fa617;
}
/* Rollover style for Change Text Size buttons */
#text_size a:hover {
color: #fff;
background-color: #9fa617;
}
/* Spacing between Change Text Size buttons */
#text_size a.decreaseFont {
margin: 0 10px;
}


/*** END *** TYPOGRAPHY SETTINGS ***/











/*
------------------------------------------------------------
  BREADCRUMBS - drill down links at the top of the webpage
------------------------------------------------------------
*/
#breadcrumbs p {
font-size: .7em;
text-transform: uppercase;
font-weight: bold;
color: #002d6a;
}
#breadcrumbs .arrow {
padding: 0 .75em;
color: #335788;
}


/*** END *** BREADCRUMBS ***/









/*
------------------------------------------------------------
  TEMP NAV - used for temp website
------------------------------------------------------------
*/
#temp_nav {
list-style: none;
margin: 0;
}
#temp_nav li {
color: #fff;
font-size: .7em;
text-transform: uppercase;
font-weight: bold;
float: left;
}
#temp_nav li a {
padding: 12px;
color: #fff;
display: block;
}
#temp_nav li a:hover {
color: #fff;/*002d6a*/
background-color: #9fa617;
}


/*** END *** TEMP NAV ***/









/*
------------------------------------------------------------
  EMPLOYMENT APPLICATION CALLOUT - located at the top of the right sidebar
------------------------------------------------------------
*/
.callout_employApp {
padding-top: 1px;
background-color: #002d6a;
margin-bottom: 2em;
}
.callout_employApp h3 {
color:#998b7d;
margin: 10px;
}
.callout_employApp p {
font-size: .7em;
color:#fff;
background-color: #335788;
margin: 0px 10px 16px 10px ;
padding: 10px;
}
.callout_employApp p a {
color:#fff;
}
.callout_employApp .view_list {
color: #002d6a;
font-weight: bold;
background-color: #9fa617;
margin: 0 0 0 0;
padding: 10px 22px;
border: 1px #fff solid;
}
.callout_employApp .view_list a {
color: #002d6a;
}


/*** END *** EMPLOYMENT APPLICATION CALLOUT ***/







/*
------------------------------------------------------------
  FACEBOOK CALLOUT - located at the top of the right sidebar
------------------------------------------------------------
*/
.callout_facebook {
width: 180px;
padding: 2em 20px;
}
.callout_facebook img {
position: relative;
float: left;
margin-right: .5em;
}
.callout_employApp p {
font-size: .7em;
padding: 10px;
}



/*** END *** FACEBOOK CALLOUT ***/











/*
------------------------------------------------------------
  CONTACT FOOTER - Settings for the phone number and email link that is above the footer.
------------------------------------------------------------
*/
/* CONTACT FOOTER holds the telephone and email that is above the footer. It also clears the <div> in the content_wrapper */
#contact_footer {
position: relative;
clear: both;
width: 100%;
color: #002d6a;
height: 30px;
padding: 10px 0;
}
/* Styling and spacing for each column of text */
#contact_footer p {
position: relative;
float: left;
width: 150px;
font-size: 11px;
line-height: 14px;
margin: 0 0 0 40px;
margin-left: 20px;/*ie6 fix*/
}
/* Styling for the first line of each column */
#contact_footer p strong {
display: block;
text-transform: uppercase;
padding: 0 0 3px 0;
}


/*** END *** FOOTER ***/









/*
------------------------------------------------------------
  FOOTER - Settings for items in the footer
------------------------------------------------------------
*/
/* FOOTER holds the address for the 3 offices, the copywrite, and accedited/non-profit disclamer */
#footer {
position: relative;
width: 1020px;
color: #fff;
margin: 0 auto;
padding: 10px 0 50px 0;
}
/* Styling and spacing for each column of text */
#footer p {
position: relative;
float: left;
width: 150px;
font-size: 11px;
line-height: 14px;
margin: 0 0 0 40px;
margin-left: 20px;/*ie6 fix*/
}
/* Styling for the first line of each column */
#footer p strong {
display: block;
text-transform: uppercase;
padding: 0 0 3px 0;
}
#footer .label {
color: #ebeeee;
}
/* Copyright column needs to be wider than the rest for extra content */
#footer p#copyright {
width: 400px;
}


/*** END *** FOOTER ***/









@charset "UTF-8";
/* CSS Document */

/*Created: March 2009*/
/*Last Modified: March 1, 2009*/

/*
------------------------------------------------------------
  COLOR REFERENCE - values for established color palette
------------------------------------------------------------

LTC Teal: #00a0af;
LTC Teal 60%: #66c6cf;

grey: #998b7d;

green: #9fa617;
green 35-tint: #dde0ae;
green 60-tint: #c5ca74;
green 50-tint: #cfd28b;
green 75-tint: #b7bc51;

navy blue: #002d6a;
navy blue 80-tint: #335788;

steel blue: #afbcba;
steel blue 25-tint: #ebeeee;
steel blue 70-tint: #c7d0cf;
steel blue 85-tint: #bbc6c4;
steel blue 60-tint: #cfd7d6;

*/




/*
------------------------------------------------------------
  BASIC BIG BLOCKS - Global settings for elements
------------------------------------------------------------
*/
html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
/* zero out all default margin, padding, and border settings */
div,table,tr,td,th,img,p,ul,li,dl,dt,dd,hr,h1,h2,h3,h4,h5,h6,form,label{
margin: 0;
padding: 0;
border: 0;
}
/* zero out all default margin and padding settings */
select,input{
margin: 0;
padding: 0;
}
/* this class is used to set a clear on an empty div */
.clear {
position: relative;
display: block;
clear: both;
width: 100%;
height: 1px;
overflow: hidden;
margin: 0;
font-size: 1px;
line-height: 1px;
}
/*this class used to set a clear on any element*/
.clear_fix {
clear:both;
}
/*classes for floats on any object*/
.left {
float:left;
}
.right {
float:right;
}


/*** END *** BASIC BIG BLOCKS ***/










/*
------------------------------------------------------------
  LAYOUT CONTAINERS - Major wrappers and containers that hold major chunks of the site
------------------------------------------------------------
*/
 
/* CONTAINER holds the entire webpage, and is the first object after the body */
#container {
position: relative;
width: 100%;
height: 100%;
}
/* WRAPPER holds the entire webpage, and is the second object after the body */
#wrapper {
position: relative;
width: 100%;
background-color: #afbcba;/*c7d0cf*/
}
/* HEADER_WRAPPER holds the header and the navbar*/
#header_wrapper {
position: relative;
width: 100%;
background-color: #fff;
}
/* NAV_WRAPPER holds the navbar and buttons*/
#nav_wrapper {
position: relative;
width: 100%;
background-color: #002d6a;
border-bottom: 30px solid #9fa617;
}
/* NAV holds the nav buttons*/
#nav {
position: relative;
width: 1020px;
height: 35px;
margin: 0 auto;
}
/* CONTENT_WRAPPER holds all of the content below the navbar and above the footer */
#content_wrapper {
position: relative;
width: 798px;
padding: 0 222px 0 0;
/* *padding: 0 232px 0 0; */
margin: 0 auto;
background: url(../gif/bg_interior_page.gif) repeat-y top left;
}
#home #content_wrapper {
width: 576px;
padding: 0 444px 0 0;
background: url(../gif/bg_home_page.gif) repeat-y top left;
}
/* CONTENT holds all of the ..... */
#content {
position: relative;
float: left;
width: 717px;
min-height:500px;
padding: 40px;
background: url(../gif/bg_content_gradient.gif) repeat-x top left;
}
#home #content {
width: 496px;
}
/* SIDEBAR RIGHT holds all of the ..... */
#sidebar_right {
position: relative;
float: right;
width: 220px;
margin-right: -222px;
*margin-right: -222px;/*ie7 fix*/
_margin-right: -111px;/*ie6 fix*/
/* *margin-right: -232px; */
}
#home #sidebar_right {
width: 444px;
/*
margin-right: -444px!important;
*margin-right: -666px;/*ie7 fix
_margin-right: -224px;/*ie6 fix
*/
}
#home #sidebar_right div {
position: relative;
width: 220px;
}

/*#home #sidebar_right2 {
position: relative;
float: right;
width: 220px;
margin-right: -222px;
*display:none;/*ie7 fix
_margin-right: -111px;/*ie6 fix
padding-top: 30px;
}*/
/* SIDEBAR LEFT holds all of the ..... 
#sidebar_left {
position: relative;
width: 220px;
}*/
/* FOOTER is the outer wrapper of the footer section */
#footer_wrapper {
position: relative;
width: 100%;
background-color: #335788;
}
/*** END *** LAYOUT CONTAINERS ***/









/*
------------------------------------------------------------
  1, 2, 3 COLUMN LAYOUTS - Settings for all elements and containers that column layouts
------------------------------------------------------------
*/

/* 1 COLUMN GRID - used to organize content in 1 column grid
------------------------------------------------------------ */
.col1 {
position: relative;
}

/* 2 COLUMN GRID - used to organize content in 2 column grid
------------------------------------------------------------ */
.col2 {
position: relative;
width: 47.5%;
}
.col2.left {
float:left;
}
.col2.right {
float:right;
}

/* 3 COLUMN GRID - used to organize content in 3 column grid
------------------------------------------------------------ */
/* Basic settings for each column */
.col3 {
position: relative;
float: left;
width: 30%;
}
/* Sets the gutter spacing between the columns */
.col3.center {
margin: 0 5%;
}


/*** END *** COLUMN LAYOUTS ***/












/*
------------------------------------------------------------
  TYPOGRAPHY SETTINGS
------------------------------------------------------------
*/

* {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1em;
}

/* PARAGRAPH
------------------------------------------------------------ */
p {
font-size: .8em;
line-height: 1.5em;
margin: 0 0 1.5em 0;
}
p.nobottomspace {
margin-bottom: 0;
}
#sidebar_right p, #sidebar_right2 p {
font-size: .7em;
}
.callout p {
font-size: .7em;
color:#fff;
margin: 0px 12px 16px 12px ;
}

/* H1 - Used for page titles
------------------------------------------------------------ */
h1 {
font-size: 1.25em;
line-height: 1.5em;
color: #002d6a;
margin: 1.5em 0 .5em 0;
}

/* H2 - Used for subheads of major sections
------------------------------------------------------------ */
h2 {
font-size: 1.1em;
line-height: 1.5em;
color: #9fa617;/*002d6a*/
margin: 1.25em 0 .25em 0;
}
/*used for upcoming events headline in right sidebar*/
#sidebar_right h2 {
font-size: .95em;
color: #002d6a;
margin: 0 20px .5em 20px;
}
#sidebar_right .left h2 {
padding-top: 20px;
color: #9fa617;
}

/* H3 - Subheads for block of content in columns
------------------------------------------------------------ */
h3 {
font-size: .90em;
line-height: 1.5em;
color: #002d6a;
margin: 1.25em 0 .25em 0;
}
.board h3 {
margin-top:0;
}
.callout h3 {
font-size: .90em;
line-height: 1.25em;
color: #335788;
margin: .5em 12px .5em 12px; 
}


/* LISTS - applies to unorder and order liss
------------------------------------------------------------ */
ul {
margin: 0 0 1.5em 1em;
}
.callout ul {
margin: 0 12px 12px 25px;
}
li {
font-size: .8em;
line-height: 1.5em;
margin-bottom: .25em;
}
li.indent {
margin-left: 15px;
}
.callout li {
color: #fff;
font-size: .7em;
line-height: 1.25em;
}

/* DEFINITION LIST - typically used for Q and A articles
------------------------------------------------------------ */
dl {
margin: 0 0 1.5em 0em;
}
dt{
font-size: .85em;
line-height: 1.5em;
font-weight: bold;
color: #002d6a;
margin: .5em 0 .25em 0;
}
dd{
font-size: .8em;
line-height: 1.5em;
margin-bottom: .5em;
}
/*used in the right sidebar for upcoming events*/
#sidebar_right dl, #sidebar_right2 dl {
margin: 0 20px;
}
#sidebar_right dt, #sidebar_right2 dt {
font-size: .75em;
line-height: 1.25em;
}
#sidebar_right dd, #sidebar_right2 dd {
font-size: .7em;
margin-bottom: 2em;
}
#sidebar_right dd.date, #sidebar_right2 dd.date {
font-weight: bold;
margin-bottom: 0;
}


/* LINKS - how do text links look and behave on hover
------------------------------------------------------------ */
a {
color: #002d6a;
}
a:hover {
text-decoration: none;
}
/*used for "read more" "details" links in sidebars and callouts*/
a.more {
font-size: .9em;
font-weight: bold;
}
.callout a {
color:#fff;
}
h2 a {
text-decoration: none;
}
.callout h3 a {
color: #335788;
}
#sidebar_right dt a, #sidebar_right2 dt a {
text-decoration: none;
}


/* HR - used for horizontal rules (visible and invisible)
------------------------------------------------------------ */
#board hr {
position: relative;
clear: both;
visibility: hidden;
}
#client_story_preview hr {
position: relative;
clear: both;
visibility: hidden;
}


/* FORM - form elements
------------------------------------------------------------ */
label, .label {
font-size: .80em;
color: #335788;
font-weight: bold;
text-transform: uppercase;
}
.required_input {
color: #002d6a;
font-weight: bold;
text-transform: uppercase;
}
.text {
color: #000;
font-size: 1.25em;
margin-top: .25em;
}
.checkbox {
margin: 0 .25em 0 0;
}
label.checkbox, label .select option {
color: #000;
font-size: 1em;
font-weight: normal;
text-transform: capitalize;
margin: 0 2em 0 0;
}
.button {
cursor: pointer;
font-size: .80em;
color: #335788;
font-weight: bold;
text-transform: uppercase;
}
.required, .invalid {
background-color: #fbb;
}
.errors{
color: #f00;
border: 1px solid #f00;
padding: 10px;
font-size: .80em;
line-height: 1.5em;
margin: 0 0 1em 0;
}


/* CUSTOM CLASS - unique typography settings for all types of text
------------------------------------------------------------ */
.smaller {
font-size: .9em;
}
.pdf {
	background: url(../gif/icon_pdf.gif) no-repeat right top;
	padding-right: 15px;
}
.external {
	background: url(../gif/icon_newwindow.gif) no-repeat right top;
	padding-right: 15px;
	*background: none;
	*padding-right:0;
}


/*** END *** TYPOGRAPHY SETTINGS ***/









/*
------------------------------------------------------------
  BASIC TABLE - default table settings for all tables used in site
------------------------------------------------------------
*/
table {
font-size: .8em;
line-height: 1.5em;
background-color:none;
border-collapse:collapse;
margin-bottom: 1.5em;
}
th {
text-transform: uppercase;
padding: 5px;
text-align: left;
}
tr {

}
tr.even {

}
tr.odd {

}
td {
line-height: 1.5em;
padding: 5px 25px 10px 0;
vertical-align:top;
}
td.description {
padding-left: 10px;
}
td.category {
text-align: right;
font-weight: bold;
color: #002d6a;
}
caption {
text-align: left;
font-weight: bold;
font-size: 1.1em;
color: #9fa617;
margin: 2em 0 .5em 0; 
}


/*** END *** TABLE SETTINGS ***/









/*
------------------------------------------------------------
  SIDEBAR - container settings for Callouts, News & ClientStory images
------------------------------------------------------------
*/
/*CALLOUT - green callout boxes and always in the content area for pull quotes.*/
.callout {
width: 180px;
background-color: #9fa617;
margin: 0 0 2em 2em;
}
/*.board {
margin: 1em 1em 1.75em 0;
}*/
.board {
margin: .5em 0 1.5em 0;
}
.clientstory, .callout_news {
margin: 0 0 1.75em 1em;
}
.client_story_preview, .news_preview {
margin: 0 0 2em 0;
}


/*** END *** TABLE SETTINGS ***/






/*
------------------------------------------------------------
  STANDARD IMAGE - settings images sizes and styling for images
------------------------------------------------------------
*/
/*main featured image on the page*/
#featured_graphic {
width:100%;
margin: -40px 0 30px 0;
}
/*img for upcoming event listing in the right sidebar*/
#sidebar_right dt img {
margin-bottom: .75em;
}
.callout img, .clientstory img, .callout_news img {
border: 1px solid #9fa617;
}
.client_story_preview img {
position: relative;
float: left;
width: 115px;
border: 1px solid #9fa617;
margin: .25em 1em 0 0;
}
.news_preview img {
position: relative;
float: left;
width: 150px;
border: 1px solid #9fa617;
margin: .25em 1em 0 0;
}
.board img {
position: relative;
float: left;
border: 1px solid #9fa617;
margin: .25em 1em 1.75em 0;
}


/*** END *** TYPOGRAPHY SETTINGS ***/










/*
------------------------------------------------------------
  HEADER - Settings for items in the header
------------------------------------------------------------
*/

/* HEADER holds the datestamp, logo and text-size buttons */
#header {
position: relative;
width:1020px;
height: 135px;
margin: 0 auto;
}
/* LTC logo positioning */
#header #logo {
position: relative;
width: 215px;
height: 95px;
left: 50%;
margin: 25px 0 0 -107px;
}
#temp #header #logo {
left: 40%;
}
/* Datestamp style and positioning */
#datestamp {
position: absolute;
left: 40px;
bottom: 20px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #998b7d;
}
/* TEXT SIZE holds the buttons and sets basic styling */
#text_size {
position: absolute;
height: 70px;
padding-top: 10px;
right: 40px;
bottom: 20px;
text-align: center;
text-transform: uppercase;
color: #998b7d;
overflow: visible;
}
/* Sets the spacing and size between buttons and text below */
#text_size p {
font-size: 12px;
font-weight: bold;
margin-top: 12px;
}
/* Sets the style for the Change Text Size buttons */
#text_size a{
color: #998b7d;
font-size: 16px;
font-weight: normal;
text-decoration: none;
padding: 5px 8px;
border: 1px solid #9fa617;
}
/* Rollover style for Change Text Size buttons */
#text_size a:hover {
color: #fff;
background-color: #9fa617;
}
/* Spacing between Change Text Size buttons */
#text_size a.decreaseFont {
margin: 0 10px;
}


/*** END *** TYPOGRAPHY SETTINGS ***/











/*
------------------------------------------------------------
  BREADCRUMBS - drill down links at the top of the webpage
------------------------------------------------------------
*/
#breadcrumbs p {
font-size: .7em;
text-transform: uppercase;
font-weight: bold;
color: #002d6a;
}
#breadcrumbs .arrow {
padding: 0 .75em;
color: #335788;
}


/*** END *** BREADCRUMBS ***/









/*
------------------------------------------------------------
  TEMP NAV - used for temp website
------------------------------------------------------------
*/
#temp_nav {
list-style: none;
margin: 0;
}
#temp_nav li {
color: #fff;
font-size: .7em;
text-transform: uppercase;
font-weight: bold;
float: left;
}
#temp_nav li a {
padding: 12px;
color: #fff;
display: block;
}
#temp_nav li a:hover {
color: #fff;/*002d6a*/
background-color: #9fa617;
}


/*** END *** TEMP NAV ***/









/*
------------------------------------------------------------
  EMPLOYMENT APPLICATION CALLOUT - located at the top of the right sidebar
------------------------------------------------------------
*/
.callout_employApp {
padding-top: 1px;
background-color: #002d6a;
margin-bottom: 2em;
}
.callout_employApp h3 {
color:#998b7d;
margin: 10px;
}
.callout_employApp p {
font-size: .7em;
color:#fff;
background-color: #335788;
margin: 0px 10px 16px 10px ;
padding: 10px;
}
.callout_employApp p a {
color:#fff;
}
.callout_employApp .view_list {
color: #002d6a;
font-weight: bold;
background-color: #9fa617;
margin: 0 0 0 0;
padding: 10px 22px;
border: 1px #fff solid;
}
.callout_employApp .view_list a {
color: #002d6a;
}


/*** END *** EMPLOYMENT APPLICATION CALLOUT ***/











/*
------------------------------------------------------------
  CONTACT FOOTER - Settings for the phone number and email link that is above the footer.
------------------------------------------------------------
*/
/* CONTACT FOOTER holds the telephone and email that is above the footer. It also clears the <div> in the content_wrapper */
#contact_footer {
position: relative;
clear: both;
width: 100%;
color: #002d6a;
height: 30px;
padding: 10px 0;
}
/* Styling and spacing for each column of text */
#contact_footer p {
position: relative;
float: left;
width: 150px;
font-size: 11px;
line-height: 14px;
margin: 0 0 0 40px;
margin-left: 20px;/*ie6 fix*/
}
/* Styling for the first line of each column */
#contact_footer p strong {
display: block;
text-transform: uppercase;
padding: 0 0 3px 0;
}


/*** END *** FOOTER ***/









/*
------------------------------------------------------------
  FOOTER - Settings for items in the footer
------------------------------------------------------------
*/
/* FOOTER holds the address for the 3 offices, the copywrite, and accedited/non-profit disclamer */
#footer {
position: relative;
width: 1020px;
color: #fff;
margin: 0 auto;
padding: 10px 0 50px 0;
}
/* Styling and spacing for each column of text */
#footer p {
position: relative;
float: left;
width: 150px;
font-size: 11px;
line-height: 14px;
margin: 0 0 0 40px;
margin-left: 20px;/*ie6 fix*/
}
/* Styling for the first line of each column */
#footer p strong {
display: block;
text-transform: uppercase;
padding: 0 0 3px 0;
}
/* Copyright column needs to be wider than the rest for extra content */
#footer p#copyright {
width: 400px;
}


/*** END *** FOOTER ***/