@charset "utf-8";
/* --- reset all of these elements ----*/
html,body,div,span,object,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,img,ol,ul,li,
fieldset,form,label,legend,
table,tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
}
/* ---- define focus styles ----- */
:focus{
outline:0;
}
/* ------ set base font size,and force scrollbar on non IE browsers to avoid page jump ------- */
/* ------ Note: using 62.5%, 1em = 10px   (1.2em = 12px, 1.4em = 14px, etc) -------*/
html{
font-size:62.5%;
margin-bottom:.01px;
min-height:100.2%;
}
/* ---------define body - set base fonts 
* note: text align center maintains older IE centering ---*/
body{
text-align:center;
line-height:1;
background-color:#2A0D09;
background-image:url(../img/GLAZIERS_background_10x800.jpg);
/* setup: set font, background image */
font-family: Tahoma, Arial, Helvetica, sans-serif;
background-repeat:repeat-x;
}

/* ------ define wrapper, center with auto margins, set base page width
* note: text align left fixes text within body which is centered------- */
#wrapper{
margin:0 auto;
text-align:left;
background-color:#f2e8d9;
/* setup: set width */
width:960px;
}

/*---------------------------------------
 *           PAGE  ELEMENTS
 * ------------------------------------ */


/* ------------ LINKS --------------- */
a:visited,a:active,a:link{
font-size:1em;
color:#ad290d;
outline: none;
text-decoration:underline;
}
a:hover{
font-size:1em;
outline: none;
color:#555;
text-decoration:none;
}
/* -- no hover attributes on linked images --*/
a:visited img, a:link img, a:active img, a img, a:hover img{
font-size:1em;
background: none !important;
border:none !important;
text-decoration:none;
}
/* -- nohover.js adds the nohover class --*/
a.nohover, a.nohover:link, a.nohover:visited, a.nohover:hover, a.nohover:active{
background:none !important;
text-decoration:none;
}
/* ---------- STANDARD ELEMENTS -------- */
/* --- setup: set header font --- */
h1, h2, h3, h4, h5, h6{
font-family: "Trebuchet MS", sans-serif;
}
h1{
font-size:1.6em;
font-weight:900;
text-align:center;
}
#mainCol h1{
padding-left:97px;
background-image:url(../img/GLAZIERS_deco_70x25.jpg);
background-position:30px center;
background-repeat:no-repeat;
color:#581910;
text-align:left;
line-height:1.8em;
}
#rightCol h1{
color:#232323;
line-height:1.2em;
}
h2{
font-size:1.4em;
font-weight:900;
text-align:center;
margin:0px 25px 0px 35px;
}
#mainCol h2{
color:#93372A;
font-weight:100;
text-align:left;
font-size:1.4em;
padding-left:5px;
}
#mainCol h2.adHead,
#rightCol h2.adHead{
font-weight:900;
	font-size:14px;
	padding-top:18px;
	padding-bottom:9px;
padding-left:2px;
color:#93372A;
	}
#rightCol h2.adHead{
font-size:13px;
}
#mainCol h1 + h2{
	margin-top:5px;
}
#rightCol h2{
color:#232323;
line-height:1.2em;
}
h3{
font-size:1.4em;
font-weight:900;
text-align:center;
}
#mainCol h3{
color:#93372A;
font-weight:100;
text-align:left;
line-height:1.4em;
}
#rightCol h3{
color:#454545;
line-height:1.2em;
}
h4{
font-size:1.2em;
font-weight:900;
text-align:center;
}
#rightCol h4{
color:#232323;
text-align:left;
}
h5{
font-size:1.2em;
font-weight:100;
text-align:left;
}
h6{
font-style:oblique;
font-weight:100;
text-align:center;
}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active,
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active{
	text-decoration:none;
}
p{
font-family:"Trebuchet MS", sans-serif, Tahoma, Arial, Helvetica;
text-transform:none;
font-weight:normal;
font-size:13px;

line-height:1.4em;
text-indent:0;
}
#leftCol p{
margin:0 5px 0 0;
text-align:left;
}
#mainCol p{
margin:8px 35px 6px 35px;
color:#444;
}
#mainCol p strong{
font-weight:900 !important;
	}
#mainCol .contentBox{
	background-color:#f2e8d9;
	padding:12px;
	margin:11px 0px;
	color:#444;
}
#mainCol .contentBox p{
	margin:0;
	color:#444;
	font-family:"Trebuchet MS", sans-serif;
	text-transform:none;
	font-weight:normal;
	font-size:10pt;
}
#mainCol .contentBox img,
#mainCol .contentBox a img{
padding:3px;
border:1px solid #EFB47A !important;
margin:0 0 5px 0;	
}
#mainCol .contentBox img.iconNext,
#mainCol .contentBox a img.iconNext{
border:none !important;
float:right;
margin:8px;
}
	
#mainCol .contentBox a + h3,
#mainCol .contentBox img + h3,
#mainCol h3.pHead{
margin:0 0 4px 9px;
}
#mainCol .contentBox .halfLeft p,
#mainCol .contentBox .halfRight p{
margin-left:11px;
font: normal 12px  Arial, Helvetica, sans-serif;
line-height: 145%; 
}

#mainCol .contentBox p + p{
	margin:9px 0 0 0;
}
#mainCol h1+p,
#mainCol h2+p{
	margin-top:10px;
}
#rightCol p{
text-align:left;
}
#mainCol ul{
font-size:1.2em;
background-color:#efefef;
padding:10px 10px 10px 10px;
}
#mainCol ul li{
   list-style-type: none;
   line-height:145%;
}
/* -----------Partner logo images---------*/

.logoImage{
background:white;
padding:12px;
/*
border:1px dotted #999;
*/
}

/* -----------Site images / gold border---------*/

.photoImage{
background:white;
padding:12px;
border:1px dotted #e3a83e;
}


/* -----------Left Column with border---------*/
#leftColLinks ul {
        list-style-type: none;
        width: 145px;
		background-color:#ffffff;
		margin-left:15px;
		margin-top:15px;
} 

#leftColLinks li {
        border: 1px dotted #999;
        border-width: 1px 0;
        margin: 5px 0px 0px 0px;
}

#leftColLinks li a { 
        color: #990000;
        display: block;
        font: bold 10pt "Trebuchet MS", sans-serif;
        padding: 5px;
        text-decoration: none;
}

 * html #leftColLinks li a {  /* make hover effect work in IE */
	width: 140px;
}

#leftColLinks li a:hover {
        background: #f2e8d9;
}

#leftColLinks a em { 
        color: #333;
        display: block;
        font: normal 85% Verdana, Helvetica, sans-serif;
        line-height: 125%; 
}

#leftColLinks a span {
        color: #125F15;
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 150%;
}

/* -----------TABLES---------*/
table{
border-collapse:collapse;
border-spacing: 0; 
margin:10px auto;
font-size:13px;
}
table.linksTable tr > td{
	text-align:right;
	height:34px;
}
table.linksTable tr > td + td{
	text-align:left;
}
th{
font-weight:900;
text-align:center;
background-color:#000040;
color:#FFF;
padding:6px 0 2px 0;
border-bottom:2px solid #004EA0;
}
td{
text-align:left;
padding:5px 2px 3px 12px;
}
table#searchResults{
margin:6px 0;
}

/* --------- FORM ELEMENTS ----------------- */
fieldset{
padding:3px;
width:420px;
margin:20px;
border:1px solid #eee;
}
label{
width:120px;
float:left;
text-align:right;
margin:8px 6px 0 6px;
font-size:12px;
line-height:1.4em;
color:#232323;
}
form div.error, form div.warning{
color:#990000;
float:none;
clear:both;
padding:5px 0 5px 134px;
text-align:left;
font-size:1.2em;
font-style:italic;
}
input.error, input.warning, textarea.error, textarea.warning, select.error, select.warning{
border:1px solid #990000;
}
label.required{
font-weight:900;
}
legend{
padding:3px 8px;
margin:2px 67px;
border:none;
color:#963b28;
font-weight:900;
font-size:14px;
}
input,textarea,select{
margin:10px 6px 0 6px;
padding:1px;
border:1px solid #bfbfbf;
color:#232323;
background-color:#FFFFFF;
font-family:sans-serif;
}
select{
cursor:pointer;
}
td input,td textarea,td select{
margin:0 6px 6px 6px;	
}
textarea{
font-size:12px;
}
input[type=checkbox]{
border:none;
}
input.submitButton{
padding:4px 5px;
border:1px solid #bfbfbf;
color:#ffffff;
font-weight:100;
cursor:pointer;
background-color:#872621;
margin:12px 0 12px 0;
}
#searchForm input.submitButton{
margin:0;
}
.formResponse{
padding:45px;
height:240px;
font-size:1.4em;
}
.formResponse a{
text-decoration:none;
}
.formResponse a:hover{
text-decoration:underline;
}

/* ---------- TOP NAVIGATION MENU ---------- */
ul.topNav{
z-index:10000;
padding:7px 0 0 32px;
font-size:14px;
}
ul.topNav li{
list-style-type:none;
text-indent:0;
margin:1px 0;
padding:0;
float:left;
display:block;
}
ul.topNav li a{
font-family:Arial,Helvetica,sans-serif;;
padding:6px 15px 7px;
line-height:2.05em;
height:45px;
text-decoration:none;
border-left:1px solid #9D735A;
}
ul.topNav li a:link,ul.topNav li a:visited,ul.topNav li a:active{
color:#f3cfa9;
}
ul.topNav li a:hover,ul.topNav li a.currentLink:hover{
color:#FFF;
}
ul.topNav li a.currentLink{
color:#FFF;
background-color:#8F3324;
}
ul.topNav li a.firstLink{
border-left:none;
}

/* ---------- SIDE NAVIGATION MENU ---------- */
ul.sideNav{
z-index:10000;
margin:4px 0;
font-size:1.4em;
}
ul.sideNav li{
list-style-type:none;
text-indent:0;
margin:1px 0;
}
ul.sideNav li a{
display:block;
margin:1px 0;
padding:4px 12px 4px 10px;
line-height:1.2em;
text-decoration:none;
}
ul.sideNav li a:link,ul.sideNav li a:visited,ul.sideNav li a:active{
color:#232323;
}
ul.sideNav li a:hover,ul.sideNav li a.currentLink:hover{
color:#FFFFFF;
background-color:#232323;
}
ul.sideNav li a.currentLink{
background-color:#EEEEEE;
color:#232323;
}

/*--------------------------------------------- 
 *                           LAYOUT 
 * ---------------------------------------------- */

/* ----------- HEADER ----------*/
#header{
/* setup: set header height, bgrd image, bgrd color */
background-image:url(../img/GLAZIERS_head_960x150.jpg);
height:150px;
background-color:#fff;
}
#header a{
text-decoration:none;
}
#header #logoLink{
/* setup: set width and height of linked blank img in header */
width:560px;
height:110px;
}
/* --------- turn off print header for screen pages ---------*/
#printHeader{
display:none;
}

#header, #navBar, #footer{
	background-repeat:no-repeat;
}
/*------------ navigation menu bar -------------*/
#navBar{
/* setup: navbar height, bgrd image, color, etc */
height:75px;
background-image:url(../img/GLAZIERS_navbar_960x75.jpg);
background-color:#fff;
}
/* --------- CONTENT (contains all columns) --------- */
#content{
background-image:none;
background-repeat:repeat-y;
/* setup: set background color here as needed */
background-color:#FFF;
clear:both;
}
/* -----  clear prop (div class="clearProp") makes content div clear the columns it contains --- */
#content .clearProp{
clear:both;
height:.01px;
width:100%;
}
/*----------- COLUMN DEFAULTS: 
 * specific widths set below according to body class 
 * --------- */
#leftCol, #mainCol, #rightCol{
float:left;
}

/* ------- COLUMN LAYOUTS: 
 * note: padding is applied to 'inside' divs, not columns directly
 * ------- */

/* setup: set column widths as needed for each page layout */

/* -------- ONE COLUMN page layout (oneCol) ----------*/
.oneCol #mainCol{
width:960px;
}
.oneCol #mainCol .inside{
padding: 10px;
}
.oneCol #leftCol{
display:none;
}
.oneCol #rightCol{
display:none;
}

/* -------- TWO COLUMN LEFT page layout (twoCol OR twoColLeft) ----------*/
.twoCol #mainCol, 
.twoColLeft #mainCol{
	width:840px;
}
.twoCol #mainCol .inside,
.twoColLeft #mainCol .inside
{
padding:10px;
}
.twoCol #leftCol, 
.twoColLeft #leftCol{
	width:180px;
}
.twoCol #leftCol .inside,
.twoColLeft #leftCol .inside
{
padding:0 10px;
}
.twoCol #rightCol,
.twoColLeft #rightCol{
display:none;
}

/* -------- TWO COLUMN RIGHT page layout (twoColRight) ----------*/
.twoColRight #mainCol{
	width:780px;
}
.twoColRight #mainCol .inside
{
padding:10px;
}
.twoColRight #leftCol{
display:none;
}
.twoColRight #rightCol{
	width:180px;
}
.twoColRight #rightCol .inside
{
padding:0 10px;
}

/* -------- THREE COLUMN page layout ----------*/
.threeCol #mainCol{
width:620px;
}
.threeCol #mainCol .inside{
padding:10px;
}
.threeCol #leftCol{
width:180px;
}
.threeCol #leftCol .inside{
padding:0 10px;
}
.threeCol #rightCol{
width:160px;
}
.threeCol #rightCol .inside{
padding:0 8px 0 0;
}

/* ----- leftCol divider ----- */
#leftCol img.divider{
	float:right;
}

/* ---------- FOOTER ----------*/
#footer{
/* setup: set footer height, background image, color */
height:40px;
clear:both;
background-image:url(../img/GLAZIERS_footer_960x40.jpg);
background-color:#FFF;
}

#footer p{
text-align:center;
}
/* --------- footLinks -------- */
/* setup: padding, position, size, color, etc */
#footLinks{
padding:10px 0 0 59px;
font-size:1em;
text-align:center;
}
#footLinks ul {
list-style-type: none;
}

#footLinks .footLinksList li{
list-style-type:none;
display:block;
float:left;
}
#footLinks a{
margin:0 18px;
font-size:11px;
}
#footLinks a:link,#footLinks a:visited,#footLinks a:active{
color:#d8b28c;
text-decoration:none;
line-height:125%;
font: normal 10pt "Trebuchet MS", sans-serif;
}
#footLinks a:hover{
color:#EFB47A;
text-decoration:none;
}
.footLinksList{
list-style-type:none;
line-height:125%;
width:900px;
}

/*----------- CREDITS ----------*/
/* setup: padding, position, size, color, etc */
#credits{
	margin:12px 0;
}
#credits .smallPrint{
color:#676767;
font-size:10px;
}
#credits .smallPrint a{
color:#676767;
text-decoration:none;
}
#credits .smallPrint a:hover{
color:#F4F4F4;
text-decoration:underline;
}


/*----------- MISC. CLASSES ----------*/
.alignleft{
text-align:left;
}
.alignright{
text-align:right;
}
.boldText{
font-weight:bold;
}
.centered{
	text-align:center;
}
.clear{
clear:both;
}
.dropCap{
float:left;
padding:4px 1px 4px 0;
font:34px/20px Verdana,Arial,Helvetica,sans-serif;
}
.dropCapFollow{
padding:0 2px 0 0;
font:900 1.2em/1em Verdana,Arial,Helvetica,sans-serif;
}
.errorMessage, #content p.errorMessage{
font-weight:900;
text-align:center;
padding:22px 8px;
}
.floatLeft{
float:left;
}
.floatRight{
float:right;
}
img.floatLeft{
margin-right:12px;
}
img.floatRight{
margin-left:12px;
}
.halfLeft{
float:left;
width:48%;
}
.halfRight{
float:right;
width:48%;
}
.qtrLeft{
float:left;
width:24%;
}
.qtrRight{
float:right;
width:24%;
}
select.goList{
float:right;
margin:8px 12px;
clear:both;
}
.hr{
border-bottom:1px solid #004080;
clear:both;
}
.mapBox{
margin:18px;
border:1px solid #004080;
}
.mapControls{
text-align:center;
padding:8px;
font-size:1.2em;
}
.mapControls a{
margin:0 8px;
}
.pullQuote{
display:block;
padding:8px 12px;
margin:8px 0;
border-top:1px dashed #444;
border-bottom:1px dashed #444;
font-size:1.4em;
}
.searchMatch{
background-color:#FFFFCC;
}
.searchRenew, a.searchRenew{
float:right;
width:140px;
font-weight:900;
font-size:1.2em;
}
.searchTitle, a.searchTitle{
font-weight:900;
}
.searchURL, a.searchURL{
text-decoration:none;
padding-left:8px;
}
.seoText,p.seoText,#content p.seoText{
font-size:1em;
line-height:1em;
color:#EEEEEE;
}
.seoText a,#content .seoText a,
#content .seoText a:visited,
#content .seoText a:hover{
color:#EEEEEE;
text-decoration:none;
}
.smallPrint{
font-size:10px;
padding:0 12px;
text-indent:0;
}
.standOut{
padding:12px;
border:1px solid #232323;
background-color:#F0F0F0;
margin:7px 0;
text-align:center;
font-size:14px;
font-weight:900;
line-height:1.4em;
}
.topSpace{
margin-top:10px;
}

/* ---- side boxes ---- */
.sideBox{
border:1px dashed #f3f3f3;
margin:4px;
padding:0px;
background-color:#FFF;
}
.sideInside{
font-size:10pt;
margin:3px;
background-color:#FFF;
border:1px solid #ddd;
padding:6px 4px 6px 4px;
}

#rightCol .sideBox h2{
color: #880000;
font-size:10pt; 
font-weight:bold;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.sideBox h2{
color: #880000;
font-size:10pt; 
font-weight:bold;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#rightCol .sideAlt{
background-color:#f2e8d9;
padding-top:4px;
padding-bottom:4px;
}
.sideBox ul li{
list-style:none;
font-size:1em;
line-height:1.3em;
margin-bottom:3px;
}

/* ---- additional elements --- */
img,#header a img,body #content a img{
border:none;
}
#credits, #credits p.centered,#content p.centered{
text-align:center;
}
/* elements hidden when css is in use, shown otherwise */
.hideField, #mainContentLinks{
display:none;
}

/* ---- Stage Stop Page Content Column settings --- */

#stageStopColumnwrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 850px;
}
#stageStopColumnwrapper ul {
font-size:1.2em;
background-color: #FFF;
padding:15px 10px 15px 30px;
}
#stageStopLeftside {
	float: left;
	width: 350px;
}
#stageStopRightside { 
	margin: 0;
	float: left;
	width: 500px;
	height: 1% /* Holly hack for Peekaboo Bug */
}

/* ---- Contact Page Content Column settings --- */

#contactColumnwrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 900px;
}

#contactColumnwrapper ul {
font-size:1.2em;
background-color: #eeeeee;
padding:15px 10px 15px 30px;
}


#contactLeftside {
	float: left;
	width: 460px;
}

#contactRightside { 
	margin: 0;
	float: left;
	width: 420px;
	height: 1% /* Holly hack for Peekaboo Bug */
}

/*--- TABS ---*/
.tabDiv{
	background-color:#FFF !important;
}
#mainCol h2.tabHead{
	padding:8px 0 14px 0;
	
}
/*--- pdf ads ---*/
.adBox{
	width:180px;
	text-align:center;
	font-weight:900;
	font-size:13px;
	float:left;
	margin:0 0 13px 0;
}
.adBox img{
	max-width:180px;
	margin:0;
	padding:0;
	}
#adPreviewBox img{
	max-width:120px;
	margin:16px 0 0 19px;
	padding:0;
	}
#mainCol .adBox p{
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:900;
	font-size:12px;
	color:#333333;	
	padding:0;
	margin:4px 30px 8px;
	}
	
	/*--- departments--- */
div#deptnavcontainer
{
/*
background-color: #963b28;
*/
border-top: solid 1px #FFFFFF;
border-bottom: solid 1px #FFFFFF;
width:97%;
}
div#deptnavcontainer ul
{
/*
background-color: #963b28;
*/
background-color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #ffffff;
text-align: left;
margin: 0;
padding:15px 0 5px 34px;
}
div#deptnavcontainer ul li
{
display: inline;
}
div#deptnavcontainer ul li a
{
padding: 5px 4px 5px 3px;
color: #93372A;
text-decoration: none;
border-left: 1px solid #fff;
border-right: 1px solid #fff; /* the borders have the same size */
margin-right: -1px; /* the value has to be like the above but negative */
}
div#deptnavcontainer ul li a:hover
{
background-color: #fff;
color: #333;
}

img.deptImg{
	float:left;
	margin-right:13px;
}

.photoBox{
	float:right;
	margin:0 0 12px 12px;
	text-align:center;
}