/* Core set up stuff*/

html {
height: 100%;
  margin-bottom: 1px;
}


body {color: #4c4c4c;
	margin: 0;
background-color: #e6e6e6;
font: normal  0.7em/1.4em Verdana, Arial, Georgia, sans-serif;
font-weight:normal;
font-style: normal;
background-image: url(../images/edge.gif);
background-repeat: repeat-x;
background-position: center top;  }


img { border: 0 none; }

#header_container {
	margin: auto;
	width: 958px;
background-color: #ffffff;}

#header {
position: relative;
	margin: auto;
	width: 730px;
padding: 0;
padding-left: 200px;
padding-top: 45px;
text-align: left;
background-color: #fff;
height: 40px; 
letter-spacing: 8px;
color: #b4adb1; 
font-weight: bold;
background-image: url(../images/sfcreate-logo.gif);
background-repeat: no-repeat;
font-size: 0.9em;
background-position: 27px 7px;
 }



#nav {
position: relative;
	margin: 0em auto 0em auto;

padding: 0;
font-weight: normal;
padding-top: 5px;
text-align: left;
font-size: 1em;
background-color: #b4adb1;
height: 24px; 
letter-spacing: 1px;
color: #fff;
background-image: url(../images/drawn.gif);
background-repeat: no-repeat;
background-position: left top;
 }

/*live search menu*/
#search {
position: absolute;
width: 250px; 
color: #fff;
bottom: 2px; right: 0;
}

#livesearch {
background-color: #b4adb1;
color: #fff;
width: 145px; 
z-index: 100;
position: relative;
padding-right: 12px;
margin-left: 84px; }


/*end search menu*/



#txtHint{

}

#lance  {
position: absolute;
top: 3px;
right: 0;
background-color: transparent;
width: 300px;
height: 98px;
letter-spacing: 0;
text-align: right;
font-weight: bold;
font-size: 0.9em;
color: #b4adb1;
padding-top: 5px;
background-position: right top;
padding-right: 20px;
 }

#lance p  {
color: #808080;
text-align: right; 
line-height: 1.7em;
padding-bottom: 4px;
letter-spacing: 1px; }

/*nav*/

#nav ul {
margin: 0;
padding: 0;
width: 779px;
margin-left: 0; }

#nav li {
display: inline;
 }

ul,ol {list-style-type: none; }

#nav ul.sections {
font-size: 1em; }

#nav ul.sections li {

list-style-type:none; }

#nav ul.sections a {
display: inline;
padding-top: 0.55em;
padding-bottom: 0.75em;
margin: 0;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 1em;
padding-right: 10px;
padding-left: 10px;
 }

#nav ul.sections a:hover, #nav ul a.current {
color: #666666;

font-weight: bold;
 }
/*end nav*/

/*drop menu*/

#dropmenudiv{
position:absolute;
background-color:#b4adb1;
color: #fff;
font:normal 1em Verdana;
line-height:1.6em;
z-index:100;
}

#dropmenudiv a{
background-color: #b4adb1;
color:  #fff;
width: 100%;
display: block;
text-indent: 3px;
text-decoration: none;
font-weight: normal;
}

#dropmenudiv a:hover{ 
background-color: #979196; 
color:  #bce5f8; 
}

li {
list-style-type: disc;
color: #ffffff; }

/*end drop menu*/

#container, #container2 {
position: relative;
	margin: 0 auto;
	width: 958px;
padding: 0;
background-color: #fff;
padding-bottom: 1px; }

#container2 {
height: 600px; }



#left , #left2 ,#leftfront , #leftselect {position: absolute;
top: 0;
left: 0;
	margin: 0 ;
	padding: 0;
	width: 289px;
padding-top: 10px;
padding-right: 10px;
height: 100%;
border-right: 1px #b3b3b3 solid; }
#left2 {	width: 280px;
padding-left:18px;
 } 
#leftselect {	width: 405px;padding-left: 5px;}
#leftfront {	width: 320px; padding-top: 10px; padding-left: 25px;}

#one, #three {position: absolute;
top: 45px;
width: 180px;
padding-top: 40px; }

#one {position: absolute;
left: 137px;}

#three {position: absolute;
right: 144px;
 }

#two {position: relative;
padding-top: 40px;
margin-left: 394px;
width: 140px; }


#bread  {position: absolute;
top: 10px;
left:0;
	margin: 0;
width: 300px;
font-size: 0.9em;
color: #fff;
background-color: #cccccc;
padding: 5px;
border: 1px #999999 solid; }


#main, #mainfront, #mainweb, #mainwebintro, #maincontact {
position: relative;
width: 603px;
padding-top: 25px;
margin-left: 330px;
background-color: transparent;
color: #000000;
padding-left: 5px;
padding-bottom: 10px;
margin-top: 0;
margin-bottom: 5px;
background-repeat: no-repeat; }

 #maincontact {
 color: #6a6a6a;
 margin-left: 320px;
 height: 600px;
}

#mainfront, #maincontact { margin-left: 370px; width: 577px; padding-left: 5px; padding-right: 5px; padding-top: 110px;  padding-bottom: 25px;  height: 400px;
text-align: center;
background-image: url(../images/pattern-greys.gif);
background-repeat: no-repeat;
background-position: 10px +100px; }

#maincontact {
padding-top: 40px;

}

#main {padding-top: 10px; 
height: 550px;
}

 #mainwebintro {
 margin-left: 300px;
 width: 280px;
 border-right: 1px #b3b3b3 solid;
  padding-left: 20px;
 padding-right: 20px;
 }
 
  
 
 

 
  #rgt {padding-top: 25px;
 position: absolute;
right: 20px;
top: 0;
 width: 280px;
  padding-left: 5px;
 padding-right: 20px;
 }



#left li {color:#ffffff;
list-style-type:square;
}


#footer {
position: relative;
	margin: 0 auto 0 auto;
	width: 940px;
padding: 0;
background-color: #fff;
padding-bottom: 20px;
padding-left: 19px;
font-size: 0.9em;
padding-top:5px;
height: 32px;
background-image: url(../images/chrome.jpg);
background-repeat: no-repeat;
background-position: top; }


#footerlogo {
position: absolute;
width: 90px;
height: 42px;
right: 20px;
top: 1px; }




p 
{color: #666666;
line-height: 1.4em;
 margin-top: 0; margin-bottom: 5px; 
text-align: left;
 }
.current {color: #4c4c4c;
 }
.currentblue {color: #0080ff; }
strong {
font-weight: bold; }
.blue {
font-weight: bold;
font-size: 0.9em; color: #7d8293;
 }

.bluesm {
font-weight: normal;
font-size: 0.9em; color: #7d8293;
text-align: left;
padding-right: 10px; }


h1, h2, h3, h4, h5, h6 {
color:  #6a6a6a;
font-weight: bold;
font-style: normal;
text-align: left;
 margin-top: 2px; margin-bottom: 5px; 
 }

h1 {font-size: 1.1em;
line-height: 1.7em;
}


h2 {font-size: 1em;
color: #0080ff; }


h3 { font-size: 0.9em;
line-height: 2em;
color: #0080ff; }

h4 { font-size: 1em; font-weight: normal;}

h5 {font-size: 1em; 
 }



a:link {color:   #6a6a6a; text-decoration: none;
font-weight: bold; } 
a:visited {color: #6a6a6a; text-decoration:none;
font-weight: bold; }
a:hover {color: #0080ff; text-decoration:none;
font-weight: bold; }


#footer a:link {color:  #6a6a6a; text-decoration: none;
font-weight: normal; } 
#footer a:visited {color:  #6a6a6a; text-decoration:none;
font-weight: normal; }
#footer a:hover {color: #0080ff;; text-decoration:none;
font-weight: normal; }

#mainweb a:link , #mainweb a:visited {color:   #6a6a6a; text-decoration: none;
font-weight: bold;
padding: 2px;
 } 

#mainweb a:hover  {color: #0080ff; text-decoration:underline;
font-weight: bold; padding: 2px;
}

#lance a:link {
     color: #828b98;
text-decoration: none;} 

#lance a:visited {
     color: #828b98;
text-decoration:none;}

#lance a:hover {color: #0080ff; 
text-decoration:none;}

#left2 a:link {
     color: #828b98;
text-decoration: none;
font-weight: normal; } 

#left2 a:visited {
     color: #828b98;
font-weight: normal; 
text-decoration:none;}

#left2 a:hover {color: #0080ff; 
font-weight: normal; 
text-decoration:none;}



/*show*/

#slickbox {
  padding: 6px;
 padding-top:5px;
font-size: 1em;
color: #4c4c4c;
  margin-top:5px;
  margin-right:25px;
background-color: #fff;
  border:1px solid  #6a6a6a;
padding-right: 25px;
padding-left: 20px;
margin-bottom: 5px; }

/*show classes end*/

/*accordian side bar*/


/* Remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

/* Tables still need 'cellspacing in the markup. */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

img { border: 0 none; }

/* Accordian. */
        .drawers {
            margin-bottom:0;
color:#76797C;
            font-size:1em;
            line-height: 1.4em;
margin-left: 0; }
            .drawer {
         
                color:#76797C;
                font-size:1em;
                line-height:1.4em;
            }
                .drawer-handle {
                    background: #b4adb1 url(../images/drawn.gif) no-repeat 100px top;
                    color:#fff;
                    cursor:default;
                    height:19px;
                    line-height:19px;
                    text-indent:15px;
                    font-size:1em;
                    width: 100%;

font-size: 0.9em;
letter-spacing: 1px;
margin-bottom: 0px; }
                    .drawer-handle.open {
                        background-color: #b4adb1;
                        background-position: 235px right;
                        color: #bce5f8; 
font-size: 0.9em;
letter-spacing: 1px;
background-image: url(../images/drawn.gif) no-repeat right top; }

                /* nasty, but it fixes the indent on the first one. */
                    h2.drawer-handle span {
                        
                    }
                .drawer ul {
                    padding: 0em 0px 0pt 8px;
                    padding-bottom:0;
                }
                .drawer li {
                    border-bottom:1px solid #b4adb1;
                    line-height:1.4em;
                    padding: 4px 0pt 4px 0pt;
                }
                    .drawer-content ul {
                        padding-top: 0;
                    }
                    .drawer-content li a {
                        display:block;
                        overflow:hidden;
                    }
                    .alldownloads li {
                        border:0pt none;
                        line-height:1.4em;
                        padding:0pt;
                    }

            .drawers a {
                color:#666666;
                text-decoration:none;
padding-left: 12px; }

            .drawers a:visited  {
                color:#666666;
                text-decoration:none; padding-left: 12px; 
            }

            .drawers a:hover  {
                color: #0080ff; padding-left: 12px; 
                text-decoration:none; background-image: url(../images/nav_ac.png);
background-repeat: no-repeat;
background-position: left center; }