/* apply to all the elements */
* { margin: 0; padding: 0 }

/* apply to html tags */
body
{
    font-size: 62.5%;
    font-family: Georgia, Serif;
    background: #7f634d;
    color: #000;
}
.brown-text
{
    color: #7f634d;
}
.darkbrown-text
{
    color: #4e3827;
}
img
{
    border: none;
}
h1, h2, h3, p, ul
{
    display: block;
}
h1
{
    font-size: 2.5em;
    font-weight: normal;
    margin-bottom: 0;
}
h2
{
    font-size: 1.4em;
    margin-bottom: 20px;
}
p
{
    font-size: 1.2em;
    margin-bottom: 20px;
}
/* OLD BULLET LIST CODE
ul
{
    list-style-image: url(images/bullet.gif);
    list-style-position: outside;
    margin-bottom: 20px;
}
*/
li
{
    font-size: 1.2em;
    margin-left: 15px;
    margin-bottom: 5px;
}

/*************** layout structure elements ****************/

#header
{
    width: 1032px;
    height: 132px;
    margin: 0 auto;
    background: url(images/header_bg.jpg) no-repeat center top;
    overflow: hidden;
}
#nav-bar
{
    width: 900px;
    height: 43px;
    padding: 0 70px 0 62px;
    background: url(images/navbar_bg.jpg) no-repeat left top;
    margin: 0 auto;
    overflow: hidden;
}
#banner-wrapper
{
    width: 100%;
    height: 173px;
    background: url(images/banner_bg.jpg) repeat-x left top;
    overflow: hidden;
}
#content-wrapper
{
    width: 1032px;
    margin: 0 auto;
    background: url(images/content_bg_left.jpg) no-repeat left top #7f634d;
    overflow: hidden;
}
#content-wrapper #content-wrapper-inside
{
    width: 970px;
    margin-left: 62px;
    background: url(images/content_bg_right.jpg) no-repeat right top #7f634d;
    overflow: hidden;
}
/************************** logo **************************/
#logo
{
    width: 252px;
    height: 25px;
    float: left;
    margin: 54px 0 53px 62px;
    overflow: hidden;
}
/***************** navigation and sub navigation ***********/
#global-nav
{
    width: 900px;
    height: 23px;
    clear: both;
    overflow: hidden;
}
#global-nav ul, #global-nav li
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#global-nav li
{
    display: inline;
    margin-right: 20px;
}
#global-nav ul li a
{
    font-family: arial;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 23px;
}
#global-nav ul li a:hover, #global-nav ul li a.current
{
    color: #9b5e3e;
}
#sub-nav
{
    width: 900px;
    height: 20px;
    overflow: hidden;
}
#sub-nav ul, #sub-nav li
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#sub-nav ul
{
    margin-left: 10px;
}
#sub-nav li 
{
    display: inline;
    margin-right: 10px;
    padding-right: 10px;
    border-right: solid 1px #fff;
}
#sub-nav ul li a
{
    font-family: arial;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    line-height: 20px;
}
#sub-nav ul li a:hover, #sub-nav ul li a.current
{
    color: #fbf2b5;
}
#sub-nav li.last 
{
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}
/***************** banner container and classes ***********/
#banner
{
    width: 900px;
    height: 164px;
    padding: 5px 70px 4px 62px;
    margin: 0 auto;
    overflow: hidden;  
}
#banner div.banner-image
{
   width: 440px;
   height: 164px;
   float: right;
   text-align: right;
   overflow: hidden;
}
#banner div.text-image 
{
    width: 435px;
    padding-left: 5px;
    float: left;
    margin-top: 40px;
    text-align: left;
    overflow: hidden;
}
/**************** page content containers and classes ***************************/
#content-container 
{
    width: 840px;
    padding: 30px;
    border-top: solid 7px #9b5e3e;
    background: #faf6e6;
    overflow: hidden;
}
#content-container .half-col
{
    width: 405px;
    overflow: hidden;
}
#content-container .wide-col
{
	width: 400px;
	overflow: hidden;
}
#content-container .narrow-col
{
    width: 370px;
    overflow: hidden;
}
/**************************** slideshow **********************/
td#slideshow 
{
    height: 310px;
    background: #000;
    text-align: center;
    vertical-align: middle;
}
#slideshow span 
{
    font-size: 1.8em;
    font-weight: bold;
    color: #fff;
}
/************************** contact form ******************************/
#contact-form
{
    width: 305px;
    float: right;
    padding: 15px 0;
    background: #eae1cf;
    border: solid 1px #cfbca5;
}
#contact-form table 
{
    width: 305px;
    border: none;
}
#contact-form td
{
    padding-left: 5px;
    padding-bottom: 10px;
    vertical-align: top;
}
#contact-form label
{
    font-size: 1.2em;
    color: #9a7656;
}
#contact-form .field
{
    width: 218px;
    border-top: solid 1px #bfa78d;
    border-left: solid 1px #e7ddca;
    border-right: solid 1px #e7ddca;
}
#contact-form .submit 
{
    width: 81px;
    height: 24px;
    margin-right: 5px;
    background: url(images/submit_button.gif) no-repeat left top;
    border: none;
}
/**************************** usable classes **************************/
.float-left  { float: left;  }
.float-right { float: right; }

.align-center   { text-align: center; }
.align-left     { text-align: left;   }
.align-right    { text-align: right;  }

.sharp  { font-weight: normal; }
.strong { font-weight: bold;   }

.bigger-font { font-size: 1.4em; }


/************* JPIC ADDED 112015 *************/

.bannertopleft
{
color: #ffffff;
font-size: x-large;
}