/* CSS definition file containing sitestyle stylesheets */

BODY {
    font-family: 'Open Sans', sans-serif;
	color: #000;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
  	margin: 0px;
  	padding-top: 0px;
	background-color: #fff;
	line-height: 18px;
  	background-position: top left;
  	background-image: url("/images/backback.jpg");
  	background-repeat: repeat;
  	-webkit-font-smoothing: antialiased;
}

li {
       font-size: 12px;
       padding: 0px;
       margin: 0px;
}

ul {
       padding: 6px 0px 6px 30px;
       margin: 0px;
}

p { 
	padding: 5px;
	margin: 0px;
}

.clearBoth {
	clear: both;
	}

form {
      margin: 0px;
      padding: 0px;
}

.transparent {
    filter: alpha(opacity=100); /* internet explorer */
    opacity: 1;           /* fx, safari, opera, chrome */
}

.transparent:hover {
    filter: alpha(opacity=90); /* internet explorer */
    opacity: 0.9;           /* fx, safari, opera, chrome */
}

A:link {text-decoration: underline; color: #39659b;}
A:visited {text-decoration: underline; color: #39659b;}
A:active {text-decoration: underline; color: #39659b;}
A:hover {text-decoration: none; color: #39659b;}

A.lefty:link {text-decoration: none; color: #3b4d5e;}
A.lefty:visited {text-decoration: none; color: #3b4d5e;}
A.lefty:active {text-decoration: none; color: #3b4d5e;}
A.lefty:hover {text-decoration: none; color: #3b4d5e;}

.homemainback {
	width: 100%;
    background-position: top left;
    background-image: url("/images/back.png");
    background-repeat: repeat-x;
    padding-top: 8px;
}

.logoheader {
	width: 964px;
	height: 135px;
	margin: 0 auto;
	text-align:  left;
}

.lefthead {
	width: 360px;
	height:  135px;
	float: left;
	text-align: left;
    overflow: hidden;
}

.leftnav {
	width: 360px;
	height:  75px;
	float: left;
	text-align: left;
    overflow: hidden;
}

.lefttext {
    font-family: 'Playfair Display', serif;
	width: 345px;
	height:  29px;
	float: left;
	text-align: right;
    overflow: hidden;
    color: #3a3a3a;
    font-size: 28px;
    padding: 20px 15px 0 0; 
}

.lefttextbold {
    font-weight: bold;
	font-style: italic;
}

.midhead {
	width: 184px;
	height:  116px;
	float: left;
	text-align: left;
    overflow: hidden;
    background-position: top left;
    background-image: url("/images/logo-back.png");
    background-repeat: no-repeat;
    padding: 19px 0 0 57px;
}

.righthead {
	width: 363px;
	height:  135px;
	float: left;
	text-align: left;
    overflow: hidden;
}

.rightnav {
	width: 366px;
	height:  75px;
	float: left;
	text-align: left;
    overflow: hidden;
}

.righttext {
    font-family: 'Playfair Display', serif;
	width: 356px;
	height:  29px;
	float: left;
	text-align: left;
    overflow: hidden;
    font-size: 28px;
    color: #3a3a3a;
    padding: 20px 0 0 10px; 
}

.slider {
	width: 964px;
	height: 361px;
	margin: 0 auto;
	text-align:  left;
    background-position: top left;
    background-image: url("/images/sliderback.png");
    background-repeat: no-repeat;
}

.slide {
	width: 937px;
	height: 343px;
	margin-left: 10px;
        padding-top: 10px;
}

.searchbar {
	width: 964px;
	height: 88px;
	margin: 0 auto;
	text-align:  left;
    background-position: top left;
    background-image: url("/images/searchback.png");
    background-repeat: no-repeat;
}

.leftsearch {
    font-family: 'Playfair Display', serif;
	width: 289px;
	height:  48px;
	float: left;
	text-align: left;
    overflow: hidden;
    color: #fff;
    font-size: 25px;
    padding: 40px 0 0 130px
}

.leftsearchbold {
    font-weight: bold;
	font-style: italic;
}

.midsearch {
	width: 343px;
	height:  53px;
	float: left;
	text-align: left;
    overflow: hidden;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 35px 0 0 0;
}

.rightsearch {
	width: 175px;
	height:  34px;
	float: left;
	text-align: left;
    overflow: hidden;
    padding: 35px 0 0 0;
}

.homeshell {
	width: 964px;
	margin: 0 auto;
	text-align:  left;
    background-position: top left;
    background-image: url("/images/homedup.png");
    background-repeat: repeat-y;
}

.homeleft {
	width: 580px;
	float: left;
	text-align: left;
    overflow: hidden;
    padding: 25px;
}

.homeright {
	width: 265px;
	float: right;
	text-align: left;
    overflow: hidden;
    padding: 20px;
    margin-right: 9px;
}

.feat {
    font-family: 'Playfair Display', serif;
    color: #3a3a3a;
    font-size: 24px;
    height: 35px;
}

.featbold {
    font-weight: bold;
	font-style: italic;
}

.testifoot {
	width: 100%;
    height: 139px;
    background-position: top left;
    background-image: url("/images/footback.png");
    background-repeat: repeat-x;
}

.testishell {
	width: 964px;
	height: 139px;
	margin: 0 auto;
	text-align:  left;
}

.testileft {
    font-family: 'Playfair Display', serif;
	width: 300px;
    height: 79px;
	float: left;
	text-align: left;
    overflow: hidden;
    font-size: 25px;
    color: #fff;
    padding-top: 60px;
}

.testileftbold {
    font-weight: bold;
	font-style: italic;
}

.testiright {
	width: 664px;
    height: 89px;
	float: left;
	text-align: left;
    overflow: hidden;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 25px 0;
}

.footer{
	width: 100%;
    padding-top: 10px;
    padding-bottom: 15px;
}


/* SUBS */



.submainback {
	width: 100%;
    background-position: top left;
    background-image: url("/images/back-sub.png");
    background-repeat: repeat-x;
    padding-top: 8px;
}

.sublogoheader {
	width: 964px;
	height: 145px;
	margin: 0 auto;
	text-align:  left;
}

.sublefthead {
	width: 360px;
	height:  145px;
	float: left;
	text-align: left;
    overflow: hidden;
}

.subleftnav {
	width: 360px;
	height:  75px;
	float: left;
	text-align: left;
    overflow: hidden;
}

.submidhead {
	width: 184px;
	height:  126px;
	float: left;
	text-align: left;
    overflow: hidden;
    background-position: top left;
    background-image: url("/images/logo-back.png");
    background-repeat: no-repeat;
    padding: 19px 0 0 57px;
}

.subrighthead {
	width: 363px;
	height:  145px;
	float: left;
	text-align: left;
    overflow: hidden;
}

.subrightnav {
	width: 366px;
	height:  75px;
	float: left;
	text-align: left;
    overflow: hidden;
}

.subsearchbar {
	width: 939px;
	height: 48px;
	margin: 0 auto;
	text-align:  left;
    background-position: top left;
    background-image: url("/images/searchback-sub.png");
    background-repeat: no-repeat;
    color: #fff;
    font-family: 'Playfair Display', serif;
    font-size: 26px;
    padding: 25px 0 0 25px;
}

.subshell{
	width: 964px;
	margin: 0 auto;
	text-align:  left;
    background-position: top left;
    background-image: url("/images/subdup.png");
    background-repeat: repeat-y;
}

.subcont {
	width: 902px;
	text-align: left;
    overflow: hidden;
    padding: 25px 30px 25px 25px;
}





/* HEADINGS */

h1 {
    font-family: 'Playfair Display', serif;
	font-size: 20px;
	color: #333;
	padding: 0px;
	margin: 10px 0 15px 0;
}

h2 {
    font-family: 'Playfair Display', serif;
	font-size: 18px;
	color: #333;
	padding: 0px;
	margin: 10px 0 15px 0;
}

h3 {
    font-family: 'Playfair Display', serif;
	font-size: 16px;
	color: #333;
	padding: 0px;
	margin: 10px 0 15px 0;
}

h4 {
    font-family: 'Playfair Display', serif;
	font-size: 20px;
	color: #336699;
	padding: 0px;
	margin: 10px 0 15px 0;
}

h5 {
    font-family: 'Playfair Display', serif;
	font-size: 18px;
	color: #336699;
	padding: 0px;
	margin: 10px 0 15px 0;
}

h6 {
    font-family: 'Playfair Display', serif;
	font-size: 16px;
	color: #336699;
	padding: 0px;
	margin: 10px 0 15px 0;
}
/* Stylesheet: Main Modified On 2015-03-02 13:15:38 */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#menu_vert {
   text-align: left;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   width: 360px;
   text-align: left;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
    width: 160px;
   text-align: left;
}

/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
#primary-nav ul ul { 
   margin-top: 0px;
   margin-left: 0px;
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li { 
   margin-left: 0px;
   float: left; 
}

#primary-nav li li { 
   margin-left: 0px;
   margin-top: 0px;
   float: none; 
   position: relative;
   background-color: #000;
   border-left: 1px solid #fff;
   border-bottom: 1px solid #fff;
   border-right: 1px solid #fff;
   text-align: left;
   color: #fff;
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   text-shadow: 1px 1px 2px #000;
   font-weight: 600;
   display: block; 
   text-decoration: none; 
   font-size: 13px;
   text-align: center;
   color: #fff;
}

#primary-nav li.menuactive a { 
}

#primary-nav li a { 
   padding: 22px 11px; 
   color: #fff;
}

#primary-nav li li a { 
   z-index: 1010;
   padding: 6px 10px 6px 20px; 
   text-align: left;
   color: #fff;
   font-size: 12px;
   font-weight: normal;
}	

#primary-nav li, #primary-nav li.menuparent { 
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
background-position: bottom center;
  	background-image: url("/images/navover.png");
  	background-repeat: no-repeat;
        color: #fff;
}

#primary-nav li.menuactive a { 
        color: #fff;
}

#primary-nav li li.menuactive { 
background-position: bottom center;
  	background-image: url("/images/navover.png");
  	background-repeat: no-repeat;
        color: #fff;
}

#primary-nav li li.menuactive a { 
        color: #fff;
}



/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
background-position: bottom center;
  	background-image: url("/images/navover.png");
  	background-repeat: no-repeat;
        color: #fff;
}

#primary-nav li a:hover {
        color: #fff;
}

#primary-nav li li:hover, 
#primary-nav li li.menuh, 
#primary-nav li li.menuparenth, 
#primary-nav li li.menuactiveh { 
background-position: bottom center;
  	background-image: url("/images/navover.png");
  	background-repeat: no-repeat;
        color: #fff;
}


#primary-nav li li a:hover, 
#primary-nav li li.menuh, 
#primary-nav li li.menuparenth, 
#primary-nav li li.menuactiveh { 
        color: #fff;
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
z-index: 1010;
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
z-index: 1010;
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}
/* Stylesheet: Nav Modified On 2015-01-19 11:23:17 */
