/* 
  ------------------------------------------------
  PVII CSS Layout Magic
  Copyright (c) 2007 Project Seven Development
  www.projectseven.com
  08: 3Col_Fixed_Width
  ------------------------------------------------
*/

body {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    margin: 0px;
    padding: 0;
    z-index: 6;
    font-variant:normal;
}
#mastheadbg {
    color: #FFFFFF;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    height: 75px;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    clear:both;
    background: url(http://www.searchlightinteractive.com/images/bg-masthead.jpg) repeat-x 0 -1px;
    z-index:1;
}
#masthead {
	margin: 0;
	height: 75px;
	position:absolute;
	left:0;
	top:0;
	clear:both;
	z-index:3;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 100px;
}
#wrapper {
    width: 940px;
    margin-top: 62px;
    margin-bottom: 0;
    float: left;
    background-image:url(http://www.searchlightinteractive.com/p7csslm/img/fullgreen.jpg);
    background-repeat: repeat-y;
    background-position: 200px top;
    position:relative;
    z-index: 2; 
}
#footer {
	color: #666666;
    padding: 0 0 0 0;
    margin: 0 0 0 10px;
    font-size: 0.8em;
	clear: both;
    border-top: dashed #B2B2B2 1px;
	position:relative;
	z-index: 1;
}
#column_wrapper {
    }
#column_top {
    background-image:url(http://www.searchlightinteractive.com/p7csslm/img/clmtopbg.jpg);
    background-repeat: no-repeat;
    height: 14px;
    margin-left: 20px;
}
#column_bottom {
    background-image:url(http://www.searchlightinteractive.com/p7csslm/img/clm08_bottom.jpg);
    background-repeat: no-repeat;
    height: 12px;

}
.clearfloat {
    clear: both;
    height: 1px;
    overflow:hidden;
    line-height: 0;
    font-size: 0;
}
#center {
    width: 540px;
    float: left;
	margin: 0 0 0 200px;
	display:inline;
    font-family:Arial, Helvetica, sans-serif;
}
#left {
    position:absolute;
	top: 0px;
	left: 0px;
	width: 200px;
    padding:0px;
    margin-top:0px;
	margin-left:0px;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
    letter-spacing: .2em;
    }
#right {
    width: 180px;
    float: right;
    padding:0px 4px 0px 12px;
}
#center .content {
    padding: 6px 32px;
    font-size: 0.8em;
    line-height: 1.6em;
    margin-left: 40px;
    font-style:normal;
    }
#center .content a:link {
    color: #B9520F;
    letter-spacing:0em;
    font-size: 1em;
    line-height: 1.6em;
    letter-spacing:inherit;
    font-style:normal;    
    text-decoration:none;    
}
#center .content a:visited {
    color: #B9520F;
    font-size: 1em;
    letter-spacing:0em;
    line-height: 1.6em;
    letter-spacing:inherit;
    font-style:normal;
    text-decoration:none;
}
#center .content a:hover {
    line-height: 1.6em;
    font-size: 1em;
    letter-spacing:0em;
    color: #1C4F14;
    text-decoration:none;
    font-style:normal;
}


 #left .content {
    padding: 24px 8px 0px 10px;
    font-size: 0.8em;
    line-height: 1.5em;
}
#right .content {
    padding: 16px 18px 0px 18px;
    font-size: 0.8em;
    line-height: 1.5em;
}
#masthead .content {
	padding: 0px;
	margin-right: 0px;
}
#masthead .srchform {
	float: none;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 450px;
	}
#footer .content {
    padding: 12px 200px 0 0px;
    text-align: center;
}

.menulist {
	margin: 0px 3px 0px 3px;
	padding: 0px;
	list-style-type: none;
	background-color: ffffff;
	text-decoration: none;
    }
#left a:link {
    color: #B9520F;
    text-decoration:none;
}
#left a:visited {
    color: #B9520F;
    text-decoration:none;
}
#left a:hover {
    color: #1C4F14;
    text-decoration:none;
}


#right a:link {
    color: #000000;
    text-decoration:none;
}
#right a:visited {
    color: #333333;
}
#right a:hover {
    color: #FFFFFF;
}
#wrapper .menulist a, #wrapper .menulist a:visited {
	display:block;
	color: #98753D;
	list-style-type:none;
	width:120px;
	text-align:left;
	padding:2px;
	background:#FFFFFF;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #B9520F;
	border-right-color: #B9520F;
	border-bottom-color: #B9520F;
	border-left-color: #B9520F;
}
#wrapper .menulist a:hover {
	border-right-style: solid;
	border-right-color: #B9520F;
	border-right-width: 1px;
	background:#F5E6C9;
	text-decoration: none;
	border-top-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

#footer a:link {color: #999999;}
#footer a:visited {color: #666666;}
#footer a:hover {color: #418B7A;}
.p7uberlink {
    font-weight: normal!important;
     border-color: #000000 !important;
/* 
  I changed above to normal weight comment added by SE
*/
}
h1 {
    font-size: 1.6em;
    color: #9A7E3F;
    margin: 0 0 10px 0;
}
h2 {
	font-size: 1.4em;
	color: #377325;
	border-top-width: 2px;
	border-style:dotted;
	border-top-color: #B9520F;
	border-right-color: #B9520F;
	border-bottom-color: #B9520F;
	border-left-color: #B9520F;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
	text-decoration: none;
}
h3 {
    font-size: 1.25em;
    margin: 30px 0 0 0;
}
h4 {
    width:130px;
    padding:0px;
    margin-bottom:0px;
    margin-top:10px;
    border-top-width:1px;
    border-left-width:1px;
    border-bottom-width:1px;
    border-right-width:1px;
    border-style:solid;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
    color:#FFFFFF;
    background-color:#B9520F;
    border-color:#98753D;
    letter-spacing: .2em;    
}
.quote {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-stretch:expanded;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: normal;
	color: #9A7E3F;
	text-align: center;
	padding-right: 12px;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
}	

.content p {
    margin: 1px 0 14px 0;
        font-style:normal;
        text-decoration:none;
}

    
/* 
  below through next comment added by SE
*/
#searchlight {
	width: 940px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	float: left;
	left: 0px;
	background-repeat: no-repeat;
	background-position: 200px bottom;
	position:relative;
	background-image: url(http://www.searchlightinteractive.com/p7csslm/img/fullsearchlight.jpg);
}
#logocontainer
{
width: 200px;
float: left;
*/ z-index: 5; */
}
#center .item {
    border-bottom: 1px dashed #B2B2B2;
    font-variant: small-caps;
}


/* 
  rounded corner box by SE
search-this.com/2007/02/12/css-liquid-round-corners
*/


#liquid-round {
width:90%;
margin:0px auto;
background:#fff url(http://www.searchlightinteractive.com/p7csslm/img/leftside.gif) repeat-y left top;
}
.top {
width:100%;
height:17px;
background:url(http://www.searchlightinteractive.com/p7csslm/img/top.gif) no-repeat left top;
}
.top span {
display:block;
position:relative;
height:17px;
background:url(http://www.searchlightinteractive.com/p7csslm/img/top-right.gif) no-repeat right top;
}
.center-content {
position:relative;
background:url(http://www.searchlightinteractive.com/p7csslm/img/rightside.gif) repeat-y right top;
padding:2px 12px 1px 8px;
margin: -2px 0 -40px 0;
}
.bottom {
width:100%;
height:62px;
background:url(http://www.searchlightinteractive.com/p7csslm/img/bottom.gif) no-repeat left bottom;
}
.bottom span {
display:block;
position:relative;
height:62px;
background:url(http://www.searchlightinteractive.com/p7csslm/img/bottom-right.gif) no-repeat right bottom;
}

/* 
  PNG clear dropshadow method below positioniseverything.net/articles/sidepages/dropshadow/dropshadow.html 
*/


/*XXXXXXXXXXXXXXXXXX Dropshadow elements XXXXXXXXXXXXXXX*/ 

body .outerpair1 {
background:url(http://www.searchlightinteractive.com/p7csslm/img/upperrightfade.png) right top no-repeat; 
} 
/* .outerpair1 must be given a width contraint, via either a width, 
or by floating or absolute positioning. In this demo these are 
applied from the second class name on the .outerpair1 DIV's.
This box also has one of the corner .png's. */

body .outerpair2 {
background:url(http://www.searchlightinteractive.com/p7csslm/img/lowerleftfade.png) left bottom no-repeat;
padding-top: 8px;
padding-left: 8px;
}
/* .outerpair2 has padding equal to the shadow 
thickness, and also has one of the corner .png's */ 


body .shadowbox {
background:url(http://www.searchlightinteractive.com/p7csslm/img/shadow.png) bottom right;
}
/* .shadowbox holds the main shadow .png */ 


body .innerbox {
	position: relative;
	left: -8px;
	top: -8px;
	background-color:#FFFFFF;
	padding: 5px 5px 5px 5px;
	border: 1px solid #B9520F;
}
/* .innerbox is made "relative" and is "pulled" up and to 
the left, by a distance equal to the thickness of the shadow.
Because this is a relative-based shift, the box retains its
exact dimensions without change. */

body .innerboxtitle {
	position: relative;
	left: -8px;
	top: -8px;
	background-color:#B9520F;
	padding: 3px 3px 3px 3px;
	font-weight:bolder;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align: center;
	border: 1px solid #B9520F;
}



.shadowbox img {
border: 10px solid #fff;
vertical-align: bottom;
}
/* Shadowed images should not be made "block" for eliminating the baseline 
space under the images, because this may trigger IE background bugs. 
Instead, use "vertical-align: bottom;" for this purpose. */


/*XXXXXXXXXXXXXXXXXX Custom width constraints and extra styling XXXXXXXXXXXXXXX*/ 

.floatimage {
float: left; /* Floating causes this box to shrinkwrap around sized content elements. */
width: 32%; 
margin: 10px 0 10px 4px;
display: inline; /* IE doubled margin bug is defeated via this fixer rule. */
}

.floatimagesingle {
float: left; /* Floating causes this box to shrinkwrap around sized content elements. */
margin: 10px 0 10px 4px;
display: inline; /* IE doubled margin bug is defeated via this fixer rule. */
}

.floatimagesingleright {
float: right; /* Floating causes this box to shrinkwrap around sized content elements. */
margin: 10px 0 10px 4px;
display: inline; /* IE doubled margin bug is defeated via this fixer rule. */
}

.flashbox { /* Absolute positioning also causes the shrinkwrap behavior. */
position: absolute;
left: 377px;
top: 30px;
}

.flashbox .innerbox {
background: #eed;
border: 1px solid #ccb;
}

.absoluteimage { /* Again, absolute positioning causes shrinkwrapping. */ 
position: absolute;
left: 40px;
top: 200px;
}

.textbox {
position: absolute; /* AP once more... */
left: 20px;
top: 1.8em;
}

.textbox .innerbox { 
border: 1px solid #ccc;
background: #e8e8e8; 
width: 330px;
height: 210px;
overflow: auto;
}
/* Unlike the other items, the .textbox content is just text without a natural
width, and so shrinkwrapping fails, unless .innerbox is given a specific width.
All shadowed text elements will need a width of some kind to avoid a full-width
shadowed box, unless that is the desired effect. The width may be appied to 
div.inner, div.outerpair1, or an external wrapper element. */ 

.linkbox {
position: absolute; /* AP once more... */
left: 10px;
top: 6px;
}

.linkbox .innerbox { 
display: block; 
background: #fff;
border: 1px solid #ccc;
padding: 3px 5px;
}


/* 
  END PNG clear dropshadow method 
*/

/* 
  above from center.item down added by SE
*/