/*Standard Element Sytles
---------------------------------------------*/
body {margin: 0; background-color: #e6e6e6; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; !important;}

img {border: none;}

p {color: #191919;  line-height: 110%; text-align: left; margin-top: 0; margin-bottom: 1em; }

h1, h2, h3, h4, h5, h6 {color: #191919; font-weight: normal; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular;}

h1 {font-size: 130%;}
h2 {font-size: 120%;}
h3 {font-size: 110%; color: #233347; font-weight: bold; }
/*-------------------------------------------*/



/*------------------Navigation Styles------------
---------------------------------------------- */
#navcolumn  { width: 200px; }

.navbgimage       { color: #ffffff; font-weight: normal; font-size: 11px; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; background: #f3dfdc url(gfx/gradient.jpg) repeat-x }

.buttonscontainerLG {width: 200px;background: #4C4A4B}

.buttonsLG a.navLG:link  { background: #4C4A4B url('gfx/bg_nav_grey1.gif') repeat-x; color: #FFFF9C; font: bold 18px Arial, sans-serif; text-decoration: none; text-align: left; display: block; margin: 0; padding: 6px 2px 6px 4px; width: 100%;  border: 1px solid #000;}
.buttonsLG a.navLG:visited  { background: #4C4A4B url('gfx/bg_nav_grey1.gif') repeat-x; color: #FFFF9C; font: bold 18px Arial, sans-serif; text-decoration: none; text-align: left; display: block; margin: 0; padding: 6px 2px 6px 4px; width: 100%; border: 1px solid #000;}
.buttonsLG a.navLG:hover { background: #2d2d2d url('gfx/bg_nav_grey2.gif') repeat-x; color: #FFFF9C; font: bold 18px Arial, sans-serif; text-decoration: none; text-align: left; display: block; margin: 0; padding: 7px 1px 5px 5px; border: 1px solid #2d2d2d #000000 #000000 #2d2d2d;}

.buttonsLG a.navLGYL:link  { background: #4C4A4B url('gfx/bg_nav_grey1.gif') repeat-x; color: #ffff33; font: bold 18px Arial, sans-serif; text-decoration: none; text-align: left; display: block; margin: 0; padding: 6px 2px 6px 4px; width: 100%;  border: 1px solid #000;}
.buttonsLG a.navLGYL:visited  { background: #4C4A4B url('gfx/bg_nav_grey1.gif') repeat-x; color: #ffff33; font: bold 18px Arial, sans-serif; text-decoration: none; text-align: left; display: block; margin: 0; padding: 6px 2px 6px 4px; width: 100%; border: 1px solid #000;}
.buttonsLG a.navLGYL:hover { background: #2d2d2d url('gfx/bg_nav_grey2.gif') repeat-x; color: #ffff33; font: bold 18px Arial, sans-serif; text-decoration: none; text-align: left; display: block; margin: 0; padding: 7px 1px 5px 5px; border: 1px solid #2d2d2d #000000 #000000 #2d2d2d;}

.buttonscontainer {width: 200px; background: #4C4A4B}
.buttons a.nav:link    { background:#4c4a4b url('gfx/bg_nav_grey1.gif') repeat-x; color: #FFFF9C; font: bold 11px Arial, sans-serif; text-decoration: none; text-align: left; display: block; margin: 0; padding: 3px 2px 3px 4px; width: 100%; border: solid 1px #000; }
.buttons a.nav:visited  { background: #4C4A4B url('gfx/bg_nav_grey1.gif') repeat-x; color: #FFFF9C; font: bold 11px Arial, sans-serif; text-decoration: none;  text-align: left; display: block; margin: 0; padding: 3px 2px 3px 4px; width: 100%; border: 1px solid #000;}
.buttons a.nav:hover { background: #2d2d2d url('gfx/bg_nav_grey2.gif') repeat-x; color: #FFFF9C; font: bold 11px Arial, sans-serif; text-decoration: none;  text-align: left; display: block; margin: 0; padding: 4px 1px 2px 5px; border: 1px solid #2d2d2d #000000 #000000 #2d2d2d;}


/*------------------End Nav Styles--------------*/


/* Other
----------------------------------------------- */
.content  	 { color: #191919; font-size: 13px; line-height: 17px }
.popupsquare { border: solid 2px white }
.contentIndent  { color: #a91c1c; font-size: 13px;  font-weight: 700; line-height: 16px; position: relative; left: 30px }
.contentIndent2 { color: #696969; font-size: 13px;  line-height: 16px; position: relative; top: -15px; left: 60px }
.contentSM { color: #2b2b2b; font-size: 10px; line-height: 14px;}
.contentWHTSM { color: #fff; font-size: 10px; line-height: 14px;}
.contentYLSM { color: #F7F78F; font-size: 10px; line-height: 14px;}
.contentWHT 	{ color: #fff; font-size: 11px; line-height: 16px;}
.titleYEL    { color: #fffdb3; font-size: 21px; font-weight: bold; line-height: 23px }
.titleREDLG     { color: #AC5251; font-size: 27px;  font-weight: bold; line-height: 33px }
.titleREDMED     { color: #ee1c23; font-size: 21px;  font-weight: bold; line-height: 25px }
.titleBLUEMED { color: #00007e; font-size: 21px;  font-weight: bold; line-height: 25px }
.contentWHTSM   { color: #fff; font-size: 10px;  line-height: 11px }
a:link     		       { color: #473E39; text-decoration: underline }
a:active     	      { color: #473E39; text-decoration: underline }
a:visited     	      { color: #473E39; text-decoration: underline }
a:hover         { color: #be0000; text-decoration: none }
a.main:link     		     { color: #49a53f; text-decoration: underline }
a.main:active     	     { color: #49a53f; text-decoration: underline }
a.main:visited     	     { color: #49a53f; text-decoration: underline }
a.main:hover      { color: #E11A1A; text-decoration: none }

a.whtLink:link  	   { color: #ededed; font-size: 11px; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
a.whtLink:active  	   { color: #ededed; font-size: 11px; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
a.whtLink:visited  	   { color: #ededed; font-size: 11px; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
a.whtLink:hover  	     { color: #e0c4b4; font-size: 11px; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }

li 		   { list-style-position: outside; margin-left: 5px; padding-top: 2px }
ul  		  { color: #000000; font-size: 12px; line-height: 15px; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; list-style-type: circle; margin: 0px 5px 5px 10px; padding-top: 10px; padding-bottom: 5px; padding-left: 10px }
ol { color: #000000; font-size: 12px; line-height: 15px; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; list-style-type: decimal; margin: 0px 5px 5px 10px; padding-top: 10px; padding-bottom: 5px; padding-left: 10px }
.lVert 		{ border-right: 1px #CECECE; border-bottom-style: none; border-left-color: none; border-left-style: none; border-right-style: solid; border-top-style: none }

.rowbtm  { border-bottom: 1px solid #FFFFFF }
.rowbtm100 { border-bottom: 1px solid #FFFFFF }
.rowtop  { border-top: 1px solid #FFFFFF }
.bgimage  { background: #ffffff url("gfx/dropshadow1.gif") }
.bgimagetop { background: #ffffff url("gfx/dropshadow2.gif") }
.bgimagegrey { background: #ffffff url("gfx/dropshadowgrey.gif") }
/*  Typography */
	

h1, h2, h3, h4, h5, h6	  { font-weight: normal; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular }
	
#content h1	 { font-weight: bold; font-size: large; margin-top: 0; voice-family: "\"}\""inherit }

html>#content h1 	{
	font-size:  large;  
	} 

#content h2	  { font-size: 18px; line-height: 21px; voice-family: "\"}\""inherit  }

html>#content h2 	{
	font-size:  large;  
	} 

#header h2	   { color: #fff; font-weight: bold; font-size: 18px; margin-top: 10px }

h3	{ 
	color: #fff;
	font-size: small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size: medium;  
	}

html>h3 	{
	font-size:  medium;  
	} 

#header h3	 { font-weight: bold; font-size: 13px; margin: 0 }
	
h3.header 	{
	font-size: 12px;
	padding: 0;
	margin: 7px 0;
	text-transform: uppercase;
	}
		
h4	{
	font-weight: normal;
   	font-size: x-small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size: small;  
	}

html>h4 	{
	font-size: small;  
	} 	

h4.footer	{
	font-size: 12px;
	padding: 0;
	margin: 7px 0;
	text-transform: uppercase;
	}

#footer h4	{
	margin: 0 0 15px 0;
	}

h4.footer 	{
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: bold;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	background: transparent;
	}

h5	 { font-size: x-small; margin-top: 10px; margin-bottom: 5px; voice-family: "\"}\""inherit }
	
html>h5 	{
	font-size:  x-small;  
	} 

h6	{
	margin: 0 0 25px 0;
	padding: 0;
	background: transparent;
	color: #333;
	text-transform: uppercase;
	font-family: "Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-weight: normal;
	font-size:    9px;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
  	font-size: xx-small;
	}

html>h6 	{
	font-size:  xx-small;  
	} 

p	{
	font-family: Arial;
	font-size: 12px;
	text-align: left;
	line-height: 17px;
	color: #333333;
	margin-top: 0;
	margin-bottom: 1em;
	}
	
#content, #content div, #content p, #content th, #content td, #content li, #content dd, #content dt    {
     font-size:    small;      
    voice-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular;   
    }

html>#content, html>#content div, html>#content p, html>#content th, 
html>#content td, html>#content li, html>#content dd, html>#content dt    {
    font-size:  small;
    }

#content p.fineprint	{
	font-size: 11px;
	}

#content .trans		 { margin: 5px 0 25px; padding-top: 0 }
	
#content .trans dt  {
	font-weight: normal;
	font-style: italic;
	margin-bottom: 5px;
	padding-bottom: 0;
	font-size:  medium;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:  large;  
	}

html>#content .trans dt  {
	font-size: large;
	} 


.gibgf      { color: #363636; font-size: 22px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold; background: #fff url(../gfx/handshake.jpg) no-repeat 50% 50% }
.titleYELLOW { color: #fffdb3; font-size: 22px; font-family: Arial, "Verdana Helvetica", Geneva, Swiss, SunSans-Regular; font-weight: bold; line-height: 19px }
.titleYEL { color: #fffdb3; font-size: 13px; font-family: Arial, "Verdana Helvetica", Geneva, Swiss, SunSans-Regular; font-weight: bold; line-height: 16px }
.contentWHTMED { color: #fff; font-size: 13px; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 15px }

.tableprops	 { background: #f4f4f4; border: solid 1px #000 }


#GoogleMap{
	border: 2px #233347 solid;
	padding: 1em;
	background-color: #EDEDED;
	margin: 1em;
}

#Marker{
	width: 400px;
}

#map_dir{
	border: 2px #233347 solid;
	padding: 1em;
	background-color: #EDEDED;
	margin: 1em;
}





/*Page Headers Classes for Page Title Region  
(Album Name:  Where Page title will display) 
(Banner: for watermark graphic inside header region)
(Page Title:  Text Styling for Page Title)
(Navigation Region:  ID defining region containing breadcrumb links)
---------------------------------------------------------------------------------------*/
#albumName{
	padding-top: .25em;
	background: #938176 url('../gfx/bg_shad_grey1.gif') repeat-x;
	height: 35px;
	overflow: visible;
	border: yellow 0px solid;
	z-index: 0;
}

#banner{
	position: absolute;
	right: 0;
	top: 0;
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	z-index: 1;
}

#navigationRegion {
	position: absolute;
	right: 0;
	top: 0;
	border: 0px red solid;
	display: block;
	vertical-align: top;
	z-index: 2;
}

.PageTitle{
	color: #fffdb3;
	font-size: 165%; 
	font-family: Arial, "Verdana Helvetica", Geneva, Swiss, SunSans-Regular; 
	font-weight: bold; 
}

/*Photos Landing Page Stuff
---------------------------------------------------------------------------------------*/

.photosbg     { background-image: url("http://www.factoryexpodirect.com/gfx/thumb_set.gif"); background-repeat: no-repeat; background-position: right bottom; width: 222px; height: 155px; }


/*================================================================*/
#survey{
	background: #f6e7b2;
	border: 3px solid #333;
	position: absolute;
	top: 0;
	left: 0;
	width: 500px;
	height: 500px;
	overflow: scroll;
	display: none;
	z-index: 1000;
	padding: .5em;
	}
	
	#survey img{
		border: 1px solid #333;
		}

	#survey div{
		border: 0px solid blue;
		width: 100%;
		}

#form1{
	border: 0px solid red;
	width: 95%;
}
#form1 div{
	border-bottom: 1px dotted #333;
	margin: 0 auto;
	padding-bottom: 10px;
	font-size: 10pt;
	line-height: 12pt;
	color: #2c3f4e;
	}

/*IDs and Container Regions
--------------------------------------------------------------------------------------*/
#ContentParentContainer{
	border: #938176 solid 1px;
	background: url('gfx/bg_line_gray1.gif') repeat-x;
	width: 800px;
	height: auto;
	position: absolute;
	margin-left: 10px;
	margin-top: 10px;
	z-index: 0;
	padding-left: 0em;
}

.ChildRegion{
	border: 0px solid blue;
	width: 100%;
	height: auto;
	vertical-align: top;
	overflow: visible;
	clear: both;
}

/*What's New..... Index News Section Styles-----
------------------------------------------------*/

h4.whatsnew  { color: #233384; font-weight: bold; display: inline }

.newFeatureBox{border: 1px solid #CDCDCD; background: #EDEDED; font-size: 13px; line-height: 22px;  width: 50%; padding: .5em;}

/*--------------------------------------------*/