﻿/* DEFAULTS
----------------------------------------------------------*/

body
{
    background-position: 0px 0px;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    margin: 20px auto 0px auto;
    padding: 0px;
    color: #584D41;
    /*background-color: #ddf4fd;*/
    background: #ddf4fd url('../images/newarrowsbg4.png') no-repeat 50% 0%;  /* wasurl('../images/fzpagebg8.png'); -- fz-bg-maps2.jpg
    background-repeat: repeat;
    background-attachment: fixed;*/
}

a:link, a:visited
{
    color: #aa5023;
    text-decoration: underline;
}

a:hover
{
    color: #EB8105;
    text-decoration: none;
}

a:active
{
    color: #F67F21;
}
img
{
    text-decoration: none;
    margin: 5px 8px 5px 0px;
}
p
{
    font-size: 13px;
    margin-bottom: 10px;
    line-height: 1.5em;
}



/* HEADINGS   
----------------------------------------------------------*/

/*h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #095683;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
} */

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
    font-style:italic;
    color: #FFFFFF;
    font-weight: 700;
    margin: 0px 0px -2px 0px;
}

h4
{
    color: #095683;
    font-size: 1.1em;
    font-weight: 500;
    margin-bottom: 0px;
}

h5
{
    font-size: 1em;
    color: #F67F21;
    text-transform: none;
    font-weight: 700;
    margin-bottom: 5px;
}
h6
{
    font-size: .8em;
    font-family: Calibri;
    color: #FFFFFF;
    text-transform: none;
    font-weight: 700;
    margin-bottom: 7px;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.content
{
    margin: 0px auto 0px auto;
    width: 960px;
    background-color: transparent;
}
.page
{
    width: 960px;
    background: #FFFFFF; /*url('../images/fz-bg-cloud2.jpg') no-repeat 0px 251px;*/
    margin: 0px auto 0px auto;
}

.featurespage
{
    width: 960px;
    background-color: #FFFFFF;
    margin: 0px auto 0px auto;
}
    
.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #ffffff;
    background-image: url('../images/mast1-317.png'); /*url('../images/fz-bg-cloud1.jpg'); -- images/fz2012mast5.jpg*/
    background-repeat: no-repeat;
    background-position: left top;
    width: 100%;
    height: 228px; /*was 251*/
}
.wfheader
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #ffffff url('../images/mast1-317.png'); /*url('../images/fz-bg-cloudtop.jpg') no-repeat left top;-- images/fz2012mast5.jpg*/
    width: 100%;
    height: 228px;  /*was 251*/
    top: 0px;
    left: 0px;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.servicemark
{
    font-weight: 400;
    font-style: italic;
    margin: 0px;
    position: absolute;
    padding: 0px 0px 0px 0px;
    color: #4E3815;
    border: none;
    top: 155px;
    left: 210px;
    line-height: 2em;
    font-size: 12px;
}

.main
{
    
    padding: 0px 0px 0px 0px;
    margin: 30px 10px 0px 20px;
    min-height: 20px;
}


.leftCol
{
    background-image: url('../images/menu2blnd.gif');
    background-repeat: no-repeat;
    background-position: left top;
    padding: 6px 0px;
    margin: 12px 0px 8px 0px;
    width: 180px;
    min-height: 400px;
    float: left;
    
}

.rightContent
{
    position:relative; /*added*/
    padding: 6px 0px;
    margin: 0px 8px 8px 8px;
    width: 730px;
    min-height: 100px;
    float: right;
}


.footer
{
    color: #70624E;
    font-size: 12px;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color: transparent;
    position: absolute;
    top: 190px;
    left: 40px;
    width: 58%;
}

div.menu
{
    padding: 4px 0px 4px 9px;
}

div.menu ul
{
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: transparent;
    border-bottom: 1px #F4A62A solid;
    font-family: Arial, Sans-Serif;
    font-size: 14px;
    font-weight: 600;
    color: #0B689E;
    line-height: 1.35em;
    padding: 5px 10px 5px 10px;
    margin: 10px 20px 10px 0px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    border-top: 1px #F4A62A solid;
    color: #45B5DB;
    text-decoration: none;
}

div.menu ul li a:active
{
    color: #F67F21;
    text-decoration: none;
}

/* LEFT MENU   
----------------------------------------------------------*/
.leftCol .hideSkipLink
{
    background-color: transparent;
    position: relative;
}
.leftCol .menu2
{
    margin: 0px;
    padding: 0px 0px 0px 0px;
    width: auto;
    background-color: transparent;
}
.leftCol .menu2 .rootnodestyle
{
    background-color: transparent;
}
.leftCol .menu2 .parentnodestyle
{ 
    background-color: transparent;
}
.leftCol .menu2 .leafnodestyle 
{
    background-color: transparent;
}
.leftCol .menu2 a
{
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    white-space: nowrap;
}
.leftCol .menu2 a:visited
{
    color: #70624E;
    text-decoration: none;
    font-weight: 400;
}

.leftCol .menu2 a:hover
{
    color: #F67F21;
    text-decoration: none;
    font-weight: 700;
}

.leftCol .menu2 a:active
{
    color: #F67F21;
    text-decoration: none;
    font-weight: 700;
}
/* DATALIST-SPECIAL FOR rssfeed page */
#datalistdiv
{
	width: 660px;
	position:relative;
	margin: 0px 0px 0px 0px;
	padding: 5px;
}

/* html menu and div for slideshow--did not use
#horizon
{
    z-index:1000;
    background-color: transparent;
    position: absolute;
    top: 190px;
    left: 40px;
    width: 58%;
    display:block;
    font-family: Arial, Sans-Serif;
    font-size: 14px;
    font-weight: 600;
    color: #0B689E;
    line-height: 1.35em;
    padding: 5px 10px 5px 10px;
    margin: 10px 20px 10px 0px;
    text-decoration: none;
    text-align:left;
}

#horizon ul
{
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 0px;
    width: auto;
    display:inline;
}
#horizon li
{
	display:list-item;
}

#horizon ul li a, ul li a:visited
{
    display:inline;
    background-color: transparent;
    border-bottom: 1px #F4A62A solid;
    font-family: Arial, Sans-Serif;
    font-size: 14px;
    font-weight: 600;
    color: #0B689E;
    line-height: 1.35em;
    padding: 5px 10px 5px 10px;
    margin: 10px 20px 10px 0px;
    text-decoration: none;
    white-space: nowrap;
}

#horizon ul li a:hover
{
    border-top: 1px #F4A62A solid;
    color: #45B5DB;
    text-decoration: none;
}

#horizon ul li a:active
{
    color: #F67F21;
    text-decoration: none;
}

#show
{
	 width:500px;
height:375px;
}
*/
/* FORM ELEMENTS   
----------------------------------------------------------*/

.contactset fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #F4A62A;
    color: #1A1309;
}

.contactset fieldset p 
{
    margin: 2px 12px 10px 10px;
    font-family: Arial;
    font-size: 10px;
}

.contactset fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}
.contactset fieldset label 
{
    display: inline;
    font-size: 13px;
    color: #0280CA;
    font-weight: 200;
    padding: 2px 4px 3px 4px;
    float: left;
    width: 12em;
}
/* may need to use this class for mozilla */
.contactset fieldset label span 
{
  float: left;
  width: 10em;
}

.contactset legend 
{
    font-size: 12px;
    color: #0280CA;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}
.button
{
	width: auto;
	background-color: #FFE6AE;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}



/* WIDTH COLUMNS  
----------------------------------------------------------*/
.width97
{
    width: 96.7%;
}
.width97 p
{
    text-indent: 30px;
}
.width69
{
    width: 68.7%;
    padding: 0px 2px 5px 2px;
    color: #095683;
    float: right;
    clear: right;
}
.width69 p
{
    text-indent: 30px;
    font-size: 14px;
    line-height: 1.4em; 
}
.width66
{
    width: 62.7%;
    padding: 0px 7px 5px 8px;
    color: #095683;
    float: left;
    clear: right;
}
.width66 p
{
    text-indent: 30px;
    font-size: 16px;
    line-height: 1.9em; 
}
.width60
{
    width: 59.7%;
    padding: 0px 7px 5px 7px;
    float: right;
}
.width60 p
{
    text-indent: 30px;
}
.width51
{
    width: 49.7%;
    float:right;
    padding:0px 0px 0px 3px;
}
.width50
{
    width: 49.7%;
}
.width49
{
    width: 48.7%;
    padding: 0px 0px 10px 8px;
    float: left;
    color: #095683;
}
.width49 p
{
    font-size: 16px;
    line-height: 1.9em; 
}
.width48
{
    width: 47.7%;
    padding: 0px 8px 10px 11px;
    float: left;
}
.width48 p
{
    text-indent: 30px;
}

.width47
{
    width: 46.7%;
    padding: 0px 7px 5px 7px;
    float: left;
}
.width47 p
{
    text-indent: 30px;
}
.width46
{
    width: 46.7%;
    padding: 0px 7px 5px 7px;
    float: left;
}
.width46 p
{
    text-indent: none;
}
.width45
{
    width: 44.7%;
    padding: 0px 7px 5px 7px;
    float: left;
}
.width45 p
{
    text-indent: 30px;
}
.width36
{
    width: 35.7%;
}
.width34
{
    width: 34.7%;
    padding: 0px 0px 0px px;
    float: left;
    clear:right;
}
.width34 p
{
    text-indent: 20px;
}
.width31
{
    width: 32.7%;
    padding: 0px 0px 0px 7px;
    float: left;
}
.width31 h3
{
    font-size: 1.2em;
    font-style:italic;
    color: #FFFFFF;
    font-weight: 700;
    margin: 15px 0px -6px 0px;
}
.width31 p
{
    text-indent: 20px;
    font-size: 12px;
    line-height: 1.2em;
}
.width29
{
    width: 28.7%;
    padding: 0px 5px 0px 7px;
    float: left;
}
.width29 p
{
    text-indent: 20px;
    font-size: 14px;
    line-height: 1.4em;
}
/*FOR FONTS*/
#column1
{
	width: 28.7%;
    padding: 0px 5px 0px 7px;
    color: #584D41;
    float: left;
}
#column1 h5
{
    font-size: 1em;
    color: #F67F21;
    text-transform: none;
    font-weight: 700;
    margin-bottom: 5px;
}
#column1 p
{
	font-size: 13px;
    margin-bottom: 10px;
    line-height: 1.5em;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
}
#column2
{
	width: 68.7%;
    padding: 0px 2px 5px 2px;
    color: #095683;
    float: right;
    clear: right;
}
#column2 p
{
	font-family: "ScriptinaRegular" ;
	font-size: 60px;
	xheight: 3.0em;
	line-height: 1.2em;
	xoverflow: hidden;
	letter-spacing: -.01em;
}
#column2 .plaint
{
	font-family: "Scriptina-AlternatesRegular" ;
}

/* GridView
   ============================= */

.gridview tr.header {
background: #C5DBF7;
}

.gridview th {
font-size: 11px;
padding: 2px;
color:White;
background: #515c74;
letter-spacing: 0;
font-family: Arial, sans-serif;
text-align: left;
padding-left: 5px;
}
/* Table Body Styling
   ============================= */

.gridview td {
padding: 5px 4px;
border-bottom: solid 1px #C5DBF7;
color: #333;
font-family: Verdana, sans-serif;
font-size: 11px;
background-color: #d5effd;
}

.gridview tr.even td {
background-color: #fff;
}

.gridview .edit td,
.gridview .create td {
padding: 0;
padding: 4px;
}

/* Table Actions (Edit, Delete) Styling
   ============================= */

.gridview td a {
font-family: Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: -1px;
padding: 2px;
line-height: 18px;
}

/* The following fixes some very weird 
     layout issue in IE where the edit link
     is too close to the delete link after 
     the introduction of the taconite JS library
.gridview .actions a {
display: block;
float: right;
padding: 0 2px;
margin-left: 3px;
}
 */

.gridview td a:hover, active {
background: #fcf5aa;
}
.gridview td a:visited {
color: #0b467c;
}
.gridview .edit td,
.gridview .create td {
background: #DAFFCD;
}

.gridview .edit td,
.gridview .create td {
border-top: solid 2px #fff;
border-bottom: solid 2px #fff;
}

.gridview .actions div {
width: 95px;
text-align: right;
float: right;
padding-right: 2px;
}

/* HTML TABLE STYLE */

.crtable
{ border-collapse: collapse;
  width: 80%; }
.crtable th, .crtable td
{ padding: 0.5em; }
.crtable
{ border: 1px solid #333; }
.crtable th, .crtable td
{ border: 1px dotted #666; }
.crtable th[scope=col]
{
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
}
.crtable th+th[scope=col]
{ border-right: 1px dotted #666; }
.crtable th[scope=row]
{ border-right: 2px solid #333 }
.rightcontent .crtable th, .crtable td
{ color: #1F32A3; }
 
/* Set colours for all header cells in the top row */
.crtable th[scope=col] { color: #000000; background-color: #202E86; }
 
/* Set colours for all header cells in the top row except "Product" */
.crtable th+th[scope=col] { color: #000000; background-color: #e4e7ea; }
 
/* Set the background colour for all header cells in the left column
.rightcontent .crtable th[scope=row] { background-color: #eeeeee; }*/
.crtable th[scope=row] { background-color: #b8cfe5; }
.crtable tr.alt th, .crtable tr.alt td { color: #14216F; }
/*div for listview that is on contactuspage */
#leisure
{
	background-color:#FFF3E5;
	margin:30px 10px 10px 10px;
	padding:5px 12px 12px 12px;
}
#leisure h5
{
	margin:4px 0px;
	padding:4px 0px;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

#videoBar-bar {
  margin-top: 15px;
}
#videoBar-bar .playerInnerBox_gsvb .player_gsvb {
      width: 320px;
      height: 260px;
}

/* MISC  
----------------------------------------------------------*/
.feed
{	font-family:Arial;
	font-weight:bold;
	height:22px;
	text-align:center;
	margin: 0 auto;
}
.time
{
    font-size: 12px;
    display: block;
    padding: 0px 40px 0px 20px;
    float: left;
    text-align: left;
    width: auto;
    margin: 20px 0px 0px 20px;
    color: #1A1309;
}

.xml
{
    font-size: 13px;
    font-weight: 600;
    line-height: 140%;
    color: #B4671F;
}
.xml ul
{
    font-size: 11px;
    font-weight: normal;
    list-style-type: none;
}
.xml ul li
{
    font-size: 11px;
    font-weight: normal;
    list-style-type: none;
}

.xml a
{
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    text-decoration: none;
}

.xml a:link
{
    color:#F67F21;
}
.xml a:visited
{
    color: #70624E;
}
.xml a:hover
{
    color: #F4A62A;
}
.xm
{
	font-size:12px;
	font-weight:600;
	line-height:130%;
	color: #B4671F;
}
.contact
{
    font-size: 12px;
    display: block;
    padding: 0px 40px 0px 20px;
    float: left;
    text-align: left;
    width: auto;
    margin: 20px 0px 0px 20px;
    color: #1A1309;
}

.loginDisplay
{
    font-size: 14px;
    display: block;
    text-align: right;
    padding: 10px 20px 0px 0px;
    color: #F67F21;
}

.loginDisplay a:link
{
    color: #F67F21;
}

.loginDisplay a:visited
{
    color: #70624E;
}

.loginDisplay a:hover
{
    color: #B4671F;
}

.failureNotification
{
    font-size: 1.2em;
    color: #FF3300;
}

.bold
{
    font-weight: bold;
}
.capt
{
	text-align:center;
	font-size: 11pt;
}
.submitButton
{
    text-align: right;
    padding-right: 10px;
}
.center
{
    text-align: center;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 10px 0px 5px 0px;
    border: 1px dotted #82D2F0;
}

.RoundedBgBlue .video
{
    background-image: url('../images/bcdaea.jpg');
    text-align: center;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 10px 0px 5px 0px;
}
.RoundedBgBlue .video p
{
    color: HighlightText;
    font-weight: bold;
    text-indent: none;
}

.content .RoundedBgWhite .b1, .RoundedBgWhite .b2, .RoundedBgWhite .b3, .RoundedBgWhite .b4, .RoundedBgWhite .b1b, .RoundedBgWhite .b2b, .RoundedBgWhite .b3b, .RoundedBgWhite .b4b{display: block; overflow: hidden; background: #FFFFFF;} 
.content .RoundedBgWhite .b1, .RoundedBgWhite .b2, .RoundedBgWhite .b3, .RoundedBgWhite .b1b, .RoundedBgWhite .b2b, .RoundedBgWhite .b3b{height: 1px; background: #FFFFFF;} 
.content .RoundedBgWhite .b2, .RoundedBgWhite .b3, .RoundedBgWhite .b4, .RoundedBgWhite .b4b, .RoundedBgWhite .b3b, .RoundedBgWhite .b2b{border-left: 0px solid #FFE6AE; border-right: 0px solid #FFE6AE;} 
.content .RoundedBgWhite .b1{ margin: 0 5px; background: #FFFFFF;} 
.content .RoundedBgWhite .b2, .RoundedBgWhite .b2b{margin: 0 3px; border-width: 0 2px;} 
.content .RoundedBgWhite .b3, .RoundedBgWhite .b3b{margin: 0 2px;} 
.content .RoundedBgWhite .b4, .RoundedBgWhite .b4b{height: 2px; margin: 0 1px;} 
.content .RoundedBgWhite .b1b{margin: 0 5px; background: #FFFFFF;} 
.content .RoundedBgWhite .boxcontent{display: block; background: #FFFFFF; border-left: 0px solid #FFE6AE; border-right: 0px solid #FFE6AE;}

.RoundedBgBlue{ background: transparent; width: 100%; margin: 0 auto;} 
.RoundedBgBlue .top, .RoundedBgBlue .bottom{display: block; background: transparent;font-size: 1px;} 
.RoundedBgBlue .b1, .RoundedBgBlue .b2, .RoundedBgBlue .b3, .RoundedBgBlue .b4, .RoundedBgBlue .b1b, .RoundedBgBlue .b2b, .RoundedBgBlue .b3b, .RoundedBgBlue .b4b{display: block; overflow: hidden; background: #BCDAEA;} 
.RoundedBgBlue .b1, .RoundedBgBlue .b2, .RoundedBgBlue .b3, .RoundedBgBlue .b1b, .RoundedBgBlue .b2b, .RoundedBgBlue .b3b{height: 1px; background: #BCDAEA;} 
.RoundedBgBlue .b2, .RoundedBgBlue .b3, .RoundedBgBlue .b4, .RoundedBgBlue .b4b, .RoundedBgBlue .b3b, .RoundedBgBlue .b2b{border-left:10px solid #BCDAEA; border-right: 0px solid #BCDAEA;} 
.RoundedBgBlue .b1{ margin: 0 5px; background: #BCDAEA;} 
.RoundedBgBlue .b2, .RoundedBgBlue .b2b{margin: 0 3px; border-width: 0 2px;} 
.RoundedBgBlue .b3, .RoundedBgBlue .b3b{margin: 0 2px;} 
.RoundedBgBlue .b4, .RoundedBgBlue .b4b{height: 2px; margin: 0 1px;} 
.RoundedBgBlue .b1b{margin: 0 5px; background: #BCDAEA;} 
.RoundedBgBlue .boxcontent{display: block; background: #BCDAEA; border-left: 0px solid #FFE6AE; border-right: 0px solid #FFE6AE;}

/* ERROR
----------------------------------------------------------*/
.ror
{
	width: 600px;
	height: 300px;
	background-color: transparent;
	padding: 180px 50px 50px 50px;
}

/* COLORS  
----------------------------------------------------------*/
.err
{
	color: #F4A62A;
    font-weight: 600;
    font-size: larger;
}
.orange 
{
    color: #F4A62A;
    font-weight: 600;
}
.dkorange 
{
    color: #F67F21;
    font-weight: 600;
}
.red 
{
    color: #FE0007;
    font-weight: 600;
}
.teal
{
    color: #0280CA;
    font-weight: 600;
}
.tan
{
    color: #B4671F;
    font-weight: 200;
    font-style:italic;
}
.heavy
{
    font-size: 16px;
    color: #0280CA;
    font-weight: 700;
    font-style:normal;
}
.llc
{
    font-size: 9px;
    color: #0280CA;
    font-weight: 500;
    font-style:normal;
}
.cellone
{
    display: block;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    font-style:normal;
    text-align:left;
}
.celltwo td
{
    font-size: 14px;
    font-weight: 400;
    font-style:normal;
    text-align:left;
}
.cellthree td .description
{
    display: block;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    font-style:normal;
    text-align:left;
}
.cellthree img
{
    float: left;
    padding: 4px 8px 4px 0px;
}
