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

/* ---- This style sheet is based on 2013styles.css. ---- */
/* ---- Updates on 12.16.18 ------------ */

/* Screen divisions at 0-730px, 730px, 1046px */
/* Colors: 	#bbced4 - light blue background 
			#5e4004 - dark brown script banner text
			#b2a58a - tan main header banner text
			#dad2c3 - light tan anchor BKG for mainContent
			#04465e - dark blue text color
			#707d95 - medium dark gray-blue background color
			#767c8a - medium gray footer bkg color 
*/

/* -----------------  Mobile screen styles ----------------------- */ 

body { padding:10px; background-color:#fff; font:100% Helvetica, Arial, sans-serif; color:#04465e;}
h1, h2, h3, h4 { font-family: 'Gentium Basic', serif; color:#5e4004; font-weight:bold; } 
h1.homescreen { margin-bottom:5px; padding:10px 0 0 15px; font-size:200%; line-height:85%; }	
h1 { margin-bottom:15px; padding-top:10px; font-size:200%; line-height:85%; }
h2 { margin:15px 0 10px; font-size:125%; }
h3 { margin-top:10px; font-size:120%; } 
li { /*padding-left:15px; text-indent:-15px;*/ line-height:1.3em; } 
strong { font-weight:bold; }
em { font-style:italic; } 
p { margin-bottom:10px; } 

/* -------------- Structural IDs ---------------- */

/* -------------- Season images for Mobile --------------------- */
/* #leftCol-mobile { width:85px; height:265px; float:left; background:url(images/seasons/spring1m.jpg) 0 0 no-repeat; } */
/* - Winter image - */  leftCol-mobile { width:85px; height:265px; float:left; background:url(images/seasons/winter2017-m.jpg) 0 0 no-repeat; } 
/* - Spring-summer image - #leftCol-mobile { width:85px; height:265px; float:left; background:url(images/seasons/spring1m.jpg) 0 0 no-repeat; } */
/* - Fall image - #leftCol-mobile { width:85px; height:265px; float:left; background:url(images/seasons/fall-2014-1m.jpg) 0 0 no-repeat; } */
#leftCol { display:none; }
 
#banner { margin-bottom:15px; height:100%; }
#banner img.reflow { margin:0 auto; display:block; width:90%; }

#logoBox { display:none; }

#menuBox { margin-bottom:15px; height:35px; background-color:#55758a; }
#menuBox a { margin:5px 15px 0 0; padding:4px; border:1px solid #ccc; border-radius:4px; color:#fff!important; float:right; background-color:#04465e; }
#menuBox a:hover { color:#04465e!important; }
 
#mainContent { padding:0 0 15px 90px; } 
#mainContent ul { padding-left:15px; }
#mainContent a, #subContent a { color:#5e4004; }
#mainContent a:hover, #mainContent a:focus, #subContent a:hover, #subContent a:focus { background-color:#dad2c3; text-decoration:none; }

#subContent { padding:0 15px 15px 25px; }
#subContent li { padding-left:30px; text-indent:-30px; } 
#subContent li li.btmSpc { padding-bottom:10px; } 
#subContent .subhead1 { font-weight:bold; }
#subContent ul ul { margin-left:15px; list-style-type:disc; font-weight:normal; } 
#subContent li li { margin:0; padding-left:0; text-indent:0; } 
#subContent ul.bullet { padding-left:40px; list-style-type:disc; } 

#subContent-Nav { display:none; }

#nav ul { margin:15px 12px 15px 0; padding-left:0; }
#nav li { margin-bottom:10px; background-color:#767c8a; color:#fff; height:40px;border-bottom-right-radius:10px; text-indent:0; -webkit-transition:background 0.5s ease; -moz-transition:background 0.5s ease; -o-transition:background 0.5s ease; transition:background 0.5s ease; }
#nav li.current { font-weight:bold; font-size:120%; color:#fff; background-color:#04465e; } 
#nav a { padding:10px 15px; color:#fff; font-weight:bold; font-size:120%; display:block; text-decoration:none; border-bottom-right-radius:10px; }
#nav a:hover, #nav a:focus { color:#04465e; background-color:#bbced4; text-decoration:none; border:0; -webkit-transition:color 0.3s linear; -moz-transition:color 0.3s linear; -o-transition:color 0.3s linear; transition:color 0.3s linear; } 

#footer { margin-bottom:54px; padding:7px 3px 7px 10px; color:#fff; font-size:85%; background-color:#4f545f; clear:left; border-bottom-right-radius:15px; border-bottom-left-radius:15px; } 
#footer li { display:inline-block; width:32%; vertical-align:middle; }
#footer a { padding:3px; color:#fff; }
#footer a:hover, #footer a:focus { text-decoration:none; background-color:#bbced4; color:#04465e; }

#btmMenu { margin-top:50px; padding:0 12px; height:600px; } 
#btmMenu ul { border-top:2px solid #264254; background-color:#e9e1ca; }
#btmMenu li { padding:8px; border-bottom:1px solid #fff; }
#btmMenu a { color:#264254; display:block; }


/* ----------------Classes------------------ */
.tablet { display:none; }
.full { display:none; } 
.center { margin:0 auto; text-align:center; display:block; } 
.offscreen { position:absolute; left:-3000em; }
.text-center { text-align:center; } 
.text-right { /*margin:-30px 15px 0 0; float:right;*/ text-align:right; } 
.plain { margin-left:15px; padding-left:15px; font-size:100%; font-weight:normal; } 
.standout { font-weight:bold; font-style:italic; } 
.btmSpc { padding-bottom:10px!important; } 
.topSpc { padding-top:10px!important; }
.disclaimer { font-style:italic; color:#3F3919; } 
.name { margin-left:-15px; font-weight:bold; }
.insetList { margin-left:30px; }
.lineHgt { line-height:1.4em; }
.nobullet { margin-left:-20px !important; list-style-type: none;}
.indent { margin-left:30px; }
.smallh1 { font-size:60%; font-style:normal; }


/* ----- @media calls for remaining screen sizes ------------------------ */ 
/* ----- Tablet screens ------ */
@media all and (min-width:730px) and (max-width:1045px) {
	
body { /*padding:10px;*/ background-color:#bbced4; font:100% Helvetica, Arial, sans-serif; color:#04465e; text-align:left; }

/* -------------- Structural IDs ------------------- */
#pageWrap { margin:20px auto; padding:15px 15px 5px; width:85%; background-color:#fff; box-shadow:-10px 10px 10px #5d5d5e; overflow:hidden; border-radius: 10px; } 

#leftCol-mobile { display:none; }

/* ------------  Season images for tablet -----------------  */ 
#leftCol { margin-left:20px; display:inherit; width:135px; height:290px; float:left; background:url(images/seasons/spring2.jpg) 0 0 no-repeat; overflow:hidden; } 
/* Winter - #leftCol { margin-left:20px; display:inherit; width:135px; height:290px; float:left; background:url(images/seasons/winter2017-fullScrn.jpg) 0 0 no-repeat; overflow:hidden; } */
/* Spring-summer - #leftCol { margin-left:20px; display:inherit; width:135px; height:290px; float:left; background:url(images/seasons/spring2.jpg) 0 0 no-repeat; overflow:hidden; } */
/* Fall - #leftCol { margin-left:20px; display:inherit; width:135px; height:290px; float:left; background:url(images/seasons/fall-2014.jpg) 0 0 no-repeat; overflow:hidden; } */ 

#banner img.reflow { display:none; }

h1.homescreen { margin-bottom:8px; padding:10px 0 0 36px; font-size:200%; line-height:85%; }

#logoBox { display:inherit; position:absolute; right:9.79%; top:60px; height:125px; width:40px; } 
#logoBox p { margin-bottom:8px; font-size:0; }

#logoBox a { color:#000; width:35px; height:35px; display:block; background-image:url(images/fb-comp.gif); }
#logoBox a:hover, #logoBox a:focus { background-position:right; } 

#logoBox a.in { color:#000; width:35px; height:36px; display:block; background-image:url(images/linkedIn-comp.gif); }
#logoBox a.in:hover, #logoBox a.in:focus { background-position:-35px 0; }

#menuBox { display:none; } 
 
#nav ul { margin-top:0; font-size:90%; width:100%; height:40px; } 
#nav ul.height45 { height:45px; } /* used only for tablet width sub-pages */ 
#nav li { margin:0 10px 8px 0; padding:0 15px 0 0; float:left; font-weight:bold; background-color:#bbced4; width:120px; height:38px; border-top-right-radius:10px; border-bottom-right-radius:0; -webkit-transition:background 0.5s ease; -moz-transition:background 0.5s ease; -o-transition:background 0.5s ease; transition:background 0.5s ease; box-shadow:-5px 5px 10px #5d5d5e; }
#nav li:hover, #nav li:focus { background-color:#5e4004; }
#nav a { padding:10px 7.5px; text-decoration:underline; color:#04465e; display:block; width:100%; text-align:center; border-top-right-radius:10px; border-bottom-right-radius:0; -webkit-transition:color 0.3s linear; -moz-transition:color 0.3s linear; -o-transition:color 0.3s linear; transition:color 0.3s linear; }
#nav a:hover, #nav a:focus { text-decoration:none; color:#fff; background-color:#5e4004; }
#nav li.zeroRT { margin-right:0; padding-left:0; } 

  
#mainContent { padding:10px 0 0 160px; } 
#mainContent ul { margin-left:20px; }

#subContent { padding:0 15px 15px 40px; }  

#subContent-Nav { display:inherit; }

#footer { margin:10px -20px -15px; padding:7px 15px 15px; color:#fff; background-color:#4f545f; border-bottom-right-radius:15px; border-bottom-left-radius:15px; clear:left; }
#footer ul { width:100%; } 
#footer li { display:inline-block; width:46%; vertical-align:middle; }
#footer li.mobile { display:none; }
 
#btmMenu { display:none; } 

/* ------------- Classes -------------- */
.tablet { display:inherit; } 
.mobile { display:none; }
.full { display:none; } 
.clear { clear:both; } 
.text-right { margin:0; float:right; text-align:right; }
	
	
}

/* ----- Full size Screens ----- */
@media all and (min-width:1046px) {

body { background-color:#bbced4; font:100% Helvetica, Arial, sans-serif; color:#04465e; text-align:left; }

/* -------------- Structural IDs ------------------- */
#pageWrap { margin:20px auto; padding:20px; width:80%; background-color:#fff; box-shadow:-10px 10px 10px #5d5d5e; overflow:hidden; border-radius: 15px; } 

#leftCol-mobile { display:none; } 
/* ------------  Season images for desktop -----------------  */ 
 #leftCol { margin-left:20px; display:inherit; width:135px; height:290px; float:left; background:url(images/seasons/spring2.jpg) 0 0 no-repeat; overflow:hidden; } 
/* Winter - #leftCol { margin-left:20px; display:inherit; width:135px; height:290px; float:left; background:url(images/seasons/winter2017-fullScrn.jpg) 0 0 no-repeat; overflow:hidden; } */
/* Spring-summer - #leftCol { margin-left:20px; display:inherit; width:135px; height:290px; float:left; background:url(images/seasons/spring2.jpg) 0 0 no-repeat; overflow:hidden; } */
/* Fall - #leftCol { margin-left:20px; display:inherit; width:135px; height:290px; float:left; background:url(images/seasons/fall-2014.jpg) 0 0 no-repeat; overflow:hidden; } */ 

#banner img.reflow { display:none; }
	
h1.homescreen { margin-bottom:8px; padding:10px 0 0 40px; font-size:200%; line-height:85%; }	

#logoBox { display:inherit; position:absolute; right:11.5793%; top:60px; height:125px; width:40px;} 
#logoBox p { margin-bottom:8px; font-size:0; }
 
#logoBox a { color:#000; width:35px; height:35px; display:block; background-image:url(images/fb-comp.gif); }
#logoBox a:hover, #logoBox a:focus { background-position:right; } 

#logoBox a.in { color:#000; width:35px; height:36px; display:block; background-image:url(images/linkedIn-comp.gif); }
#logoBox a.in:hover, #logoBox a.in:focus { background-position:-35px 0; }

#menuBox { display:none; } 
 
#nav ul { width:100%; height:40px; } 
#nav li { margin-right:25px; padding:0 20px 0 0; float:left; font-weight:bold; background-color:#bbced4; width:140px; height:40px; border-bottom-left-radius:10px; border-bottom-right-radius:0; -webkit-transition:background 0.5s ease; -moz-transition:background 0.5s ease; -o-transition:background 0.5s ease; transition:background 0.5s ease; box-shadow:-5px 5px 10px #5d5d5e; }
#nav li:hover, #nav li:focus { background-color:#5e4004; }
#nav a { padding:10px; text-decoration:underline; color:#04465e; display:block; text-align:center; width:100%; border-bottom-left-radius:10px; border-bottom-right-radius:0; -webkit-transition:color 0.3s linear; -moz-transition:color 0.3s linear; -o-transition:color 0.3s linear; transition:color 0.3s linear; }
#nav a:hover, #nav a:focus { text-decoration:none; color:#fff; background-color:#5e4004; display:block; }

#mainContent { padding:10px 0 0 160px; } 
#mainContent ul { margin-left:30px; }

#subContent { padding:0 15px 15px 40px; }

#subContent-Nav { display:inherit; }  
 
#footer { margin:10px -20px -20px; padding:7px 10px; color:#fff; background-color:#4f545f; border-bottom-right-radius:15px; border-bottom-left-radius:15px; clear:left; }
#footer ul { width:100%; } 
#footer li { display:inline-block; width:48%; vertical-align:middle; }
#footer li.mobile { display:none; }
 
#btmMenu { display:none; } 

/* ------------- Classes -------------- */
.full { display:inherit; } 
.tablet { display:none; }
.mobile { display:none; } 
.clear { clear:both; } 
.text-right { margin:0; float:inherit; text-align:right; } 


}