body, html
{
  min-height: 99%;
}

form
{
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0;
	margin-top: 15px;
	padding: 0px;
	width: 100%;
	text-align: left;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #494949;
	background-color: white;
	text-align: center;
}

div.centerSite
{
	margin: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	width: 980px;
	padding: 0px;
	padding-top: 0px;
	border: none ;
	background-color: white;
	padding-bottom: 20px;
}
div.center
{
	text-align: center;
}

h1 {
	font-size: 10.5pt;
	letter-spacing: 2px;
	text-transform: uppercase;     
	margin-bottom: 3px;
	margin-left: 10px;
	font-weight: 600;
	color: black;
}

a h1:hover
{
   cursor: pointer;
}

h2 {
	font-size: 10pt;
	color: #333;
	font-weight: 600;
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

h2 a:link {text-decoration: none; color: #333;}
h2 a:visited {color: #333;}
h2 a:hover {text-decoration: underline; color:#333;}

h3 {
	font-size: 10pt;
	color: #333;
	margin-top: 20px;
	font-weight: 900;
	padding-top: 8px;
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

div.answers h3
{
	border-top: 1px solid #D5D5D5;
}

div.header {
	margin: 0px;
	text-align: left;
}

div.header h1 {
	border: none;
	line-height: 2em;
	border-right : 1px solid #808080;
	float : left;
	font-size: 11pt;
	padding-right: 10px;
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

div.header h2 {
	border: none;
	line-height: 2em;
	margin-left: 15px;
	float : left;
	color: #666;
	letter-spacing: 0.1em;
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

div.breadCrumbs
{
	float: right;
	text-align: right;
	line-height: 2em;
	color: #333;
	margin-right: 10px;
	}

.breadCrumbs img
{
	margin-left: 5px;
	margin-top: 14px;
}

.breadCrumbs li A:link { color: #333; text-decoration: none;}
.breadCrumbs li A:visited { color: #666; text-decoration: none;}
.breadCrumbs li A:hover { color: #006995; text-decoration: underline; }


div.content
{
	text-align: left;
	width: 90%;
	padding-bottom: 20px;
	padding-left: 10px;
	margin: 15px;
}

div.content p
{
   margin-bottom: 5px;
   font-size: 9pt;
   line-height: 13pt;
}

div.content h1
{
	font-size: 11pt;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #C11410;
	font-weight: 400;
	padding: 0px;
	margin-left: 0px;

}


img, img:link,img:visited {
	border: 0px;
}

	A:link { color: #006995; text-decoration: none; cursor: pointer;}
	A:visited { color: #6388AC; text-decoration: none;}
	A:hover { color: #006995; text-decoration: underline; }

div header a img
{
  border: none;
}

.floatLeft
{
	float:left;
}


div.buttonWide
{
     float: left;	
     border: 0px solid #666;
     padding: 0px;
     background: url(../images/bg_buttonWide.gif) white no-repeat top left;
     margin-left: 0px;
     margin-right:4px;
     margin-bottom: 4px;


}

div.buttonWide img
{
	margin:0 5px 10px 0; padding:0;
}

div.buttonWide:HOVER
{
     background-color: #FFBF00;
}

div.subTitle
{
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
	margin-bottom: 20px;
	background: white;
	text-align: left;
	text-transform: uppercase;
}

/* ------------------- EYECATCHER --------------------------*/
/*
div#eyeCatcher  - NORMAL 
{
   background: #eFeFeF;
   border-top: 1px solid #ccc;
   width: 100%;
   margin-top: 10px;
   padding-bottom: 10px;
}

*/

/* div#eyeCatcher  - CACTUS
{
   background: #005837 url(../images/eyecatcher_cactus.gif) top center no-repeat;
   color: #FDB813;
   font-size: 10pt;
   border-top: 3px solid #FDB813;
   border-bottom: 2px solid black;
   font-weight: bolder;
   width: 100%;
   margin-top: 10px;
   padding-top: 7px;
   height: 65px;
} */ 


div#eyeCatcher
{
   background-color: black;
   color: white;
   font-size: 10pt;
   border-top: none;
   border-bottom: 2px solid #ff0084;
   font-weight: bolder;
   width: 100%;
   line-height: 3em;
   padding-bottom: 7px;
}



div#eyeCatcher a
{
   color: white !important;
   font-weight: bold;
}


div#eyeCatcher .centerSite
{
   background: transparent;
   padding: 0px;
}

.pointer
{
	cursor: pointer;
}



/* ------------------- NAVIGATION --------------------------*/

div.navigation
{
   background : #dfdfdf;
   border-top : 1px solid #a5a5a5;
   width: 100%;
   margin-top: 0px;
}

div.navigation .centerSite, div.navigation_admin .centerSite
{
   background: transparent;
   text-align: left;
}

div.navigation .centerSite  h1
{
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size: 11pt;
	color: black;
	font-weight: 600;
	margin-bottom: 15px;
}


div.about
{
   background : #efefef;
   border: 1px solid #ccc;
   border-right: 1px solid #ccc;
   width: 100%;
   padding-left: 5px;
   padding-top: 5px;
   margin: 0px;
}

.block
{
   text-align: left;
   width: 295px;
   float: left;
   margin: 12px;
   padding: 0px;
}

.block  h2
{
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	color: #222;
	letter-spacing: 1px;
	font-weight: 700;
}

.block  h1
{
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size: 11pt;
	color: black;
	font-weight: 600;
	margin-bottom: 15px;
}

div.smallInfo
{
	padding-left: 5px;
	padding-top: 2px;
}

.block ul
{
   margin-bottom: 20px;
   margin-top: 10px;
}

.block li, .links li
{
	list-style-type : none;
	margin : 0;
	margin-left: -40px;
	width: 100%;
	padding : 0.5em 5px;
	border-bottom: 1px solid #999;
}

.block li:hover
{
	background: #efefef;
}

.block li A:link { color: #494949; text-decoration: none; cursor: pointer;}
.block li A:visited { color: #666; text-decoration: none;}
.block li A:hover { color: #006995; text-decoration: none; }

div.clear
{
    clear : both;
    height : 1px;
    font-size : 1px;
    line-height : 1px;
}



/* ----------------------  Footer   ------------------------------------ */

div.footer {
	width: 100%;
	margin: 0px;
	margin-top: 0px;
	text-align: center;
	border: none;
	color: white;
	font-size: 8.5pt;
	font-family: Arial, verdana, Helvetica, sans-serif;
	background-color: #666;
        border-top : 1px solid #a5a5a5;
	padding-bottom: 10px;
}

div.footer .centerSite, div.footer_admin .centerSite
{
   background: transparent;
   text-align: left;
}

div.footer span, div.footer_admin span
{
   margin-left: 20px;
}

div.footer ul, div.footer_admin ul
{
	float: left;
	margin: 0px;
	padding: 0px;
	padding-left: 8px;
}

div.footer li, div.footer_admin li
{
	text-transform: uppercase;
	display: inline;
	border: none;
	padding-left: 6px;
	padding-right: 6px;
	border-right: 1px solid #d5d5d5;
	letter-spacing: 1px;
	font-size: 8.5pt;
}

div.footerInfo
{
	float: right;
	margin-right: 40px;
}

div.footer A:link, div.footer_admin A:link, div.adminHelp a:link { color: white !important; text-decoration: underline; }
div.footer A:visited, div.footer_admin A:visited, div.adminHelp a:visited  { color: white !important; text-decoration: underline;}
div.footer A:hover, div.footer_admin A:hover, div.adminHelp a:hover  { color: white !important; text-decoration: underline; }


div.footer li A:link, div.footer_admin li A:link { color: white !important; text-decoration: none; }
div.footer li A:visited, div.footer_admin li A:visited { color: white !important; text-decoration: none;}
div.footer li A:hover, div.footer_admin li A:hover { color: white !important; text-decoration: underline; }

div.footer table
{
        margin: auto;
	width: 600px;
        padding: 0;
	font-size: 7pt;
	font-family: Arial, verdana, Helvetica, sans-serif;
	color: white;
}

table.thumblist
{	
	margin:0px;
	margin-top: 10px;
	width: 100%;
}


table.thumblist img {
	margin: 0px;
}

span.quicknav {
	margin-top: -10px;
	font-size: 8px;
	color: #DDD; 
}

div.footer img
{
	float: left;
}

/* --------------- POP-UP ---------------- */

#trailimageid
{
	font-size: 0.75em;
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	height: 0px;
	z-index: 200;
}

#trailimageid h2 {
	font-size: 10pt;
	color: gray;
	font-weight: 300;
	text-align: center;
}


#trailimageid img {
	border: none;
	margin: 0px;
}





/* -------------------------- thumbnail ------------------------------ */


div.thumb
{
     float: left;
     background: url(../images/bg_thumb.jpg) white no-repeat top left;
     text-align:left; vertical-align:top;
     padding: 0px;
     margin-right: 3px;
     margin-left: 3px;
     margin-bottom: 1px;
}

div.thumb img
{
	margin:0 5px 10px 0; 
	padding:0;
}
     
     
div.thumb:HOVER
{
     background-color: #FFBF00;
}

div.rolloverInfo
{
	margin-top: 5px;
	color: #333;
	background: #d5d5d5;
	padding-left: 5px;
	font-size: 7pt !important;
	text-align: left;
	line-height: 12pt;
}


/* ------------------------------  PIEPLE PAGE  ------------------------------------ */

div.pieple
{
	width: 100%;
}



div.pieple_full
{
	float: left;
	margin: 0px;
}

div.pieple_info
{
	float:left;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	border: 1px solid #a8a8a8;
	width: 350px;
	background: #efefef;
	margin-right: 10px;
}

div.pieple_info h2
{
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 12px;
}

div.photo
{
	margin:0px;
	margin-bottom: 2px;
	padding: 0px;
	text-align: left;
}

div.pieple_full div.photo
{
	margin: 10px;
	margin-bottom: 0px;
}
div.pieple_full div.info
{
	text-align: left;
	width: 150px;
	margin-left: 10px;
	padding: 0px;
	padding-top: 10px;

}

div.pieple_info div.info img
{
	margin: 0px;
	margin-right: 3px;
	margin-top: 10px;
	margin-bottom: 3px;
}

div.pieple_info div.photo
{

	margin-top: 20px;
	margin-bottom: 2px;
	width: 300px;
	border-bottom: 1px solid #999;
	margin-left: 25px;
	margin-right: 25px;
}
span.cc {font-size: 7pt;}
span.cc a:link{color: #333; }
span.cc a:link{text-decoration: underline;}
span.cc a:link{color: #333;}


div.photo h2
{	margin: 0px;
	margin-top: 5px;
	padding: 0px;
	padding-left: 0px;
	/* background: #999; */
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9pt;
}

div.info
{
   margin-top: 0px;
   padding-top: 5px;
   padding-left: 25px;
   padding-bottom: 20px;
   text-align: left;
}

div.info span
{
	padding-left: 0px;
	margin-bottom: 20px;
}

div.info div
{
	padding: 5px;
	width: 150px;
}

div.info div:hover
{
	background: #d5d5d5;
}

.smallInfo {
    font-size : 8pt;
    color : #333;
}


div.navVer
{
   width: 100%;
   text-align: center;
   margin: 0px;
}

div.navHor
{
	float: left;
	margin: 0px;
	width: 25px;
	padding: 0px;
	padding-top: 200px;
}

img.huge {
	width: 300px;
	border: 1px solid #a8a8a8;
}

img.full
{
    width: 500px;
    border: 1px solid #a8a8a8;
}


div.admire
{
	width: 150px;
}

/* -------------------------- ABOUT  --------------------------*/

div.philosophy
{
	margin-left: 15px;
}

div.philosophy h3
{
	border-bottom: 1px solid #ccc;
	font-size: 10.5pt;
	letter-spacing: 1px;
}

div.philosophy h3 img
{
	display: inline;
	margin-left: 50px;
}

div.philoInfo, div.philoSerious
{
	margin-left: 10px;
}

div.philoSerious
{
	margin-top: 8px;
	background-color: #e5e5e5;
	color:black;
	padding: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}




/* --------------------------------  BLOG ---------------------------------- */

div.blog
{
	float: left;
	width: 600px;
	text-align: left;
	margin-top: 20px;

}

div.blogitem
{
	border-bottom: 1px dotted #d5d5d5;
	padding-left: 15px;
	padding-bottom: 20px;
	padding-top: 7px;
}

div.blogitem:HOVER
{
	background-color: #eee;
}


img.blogItemImage
{
	float: left;
	margin: 5px;
	margin-right: 15px;
	border: 1px solid #d5d5d5;
	border: 2px solid #ccc;
	border-bottom: 5px solid #333;
	width: 110px;
}

div.blogItemContent
{
	margin-top: 5px;
	float: left;
	width: 410px;
}

div.links
{
	float: right;
	width: 230px;
	text-align: left;
	padding-left: 20px;
	border-left: 1px solid #d5d5d5;	
	margin-top: 20px;
}


div.links li
{
	border-bottom: 1px solid #d5d5d5;
}

div.links li a
{
	color: #333;
}

/* div.links span.highlight
{
	font-weight: 900;
	font-style: italic;
}
*/

div.content h2, div.content h1
{
	visibility: hidden;
	position: absolute;
}

div.links h2, div.blog h2, div.wannaClick h2 
{
	font-size: 9pt;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #C11410;
	font-weight: 600;
	visibility: visible;
	position: relative;
}




/* --------------------------- FAQ ------------------------- */

div.questions li
{
	list-style-type : none;
	margin: 10px;
}

div.answers p
{
	font-size: 11px;
}

div.faqthumbs
{
	width: 320px;
}

div.thumb02
{
     float: left;	
     border: 0px solid #666;
     padding: 0px;
     background: url(../images/bg_thumb02.jpg) white no-repeat top left;
     margin-left: 0px;
     margin-right:4px;
     margin-bottom: 4px;


}

div.thumb02 img
{
	margin:0 5px 10px 0; padding:0;
}

div.thumb02:HOVER
{
     background-color: #FFBF00;
}


#div1, #div2, #div3, #div4, #div5, #div6, #div7, #div8, #div9, #div10, #div11, #div12   
{position:absolute; top: 170px; left: 720px; width:500px; visibility:hidden;}



/* -------------------------- admin --------------------------------*/

div.navigation_admin
{
   background : #666;
   border-top : 1px solid #a5a5a5;
   width: 100%;
   margin-top: 0px;
   color: white !important;
}

div.navigation_admin h1
{
	color: white;
	margin-bottom: 15px;
}

div.adminHelp
{
	margin-left: 15px;
	line-height: 16pt;
	font-size: 8pt;
	letter-spacing: 1px;
}

div.footer_admin {
	width: 100%;
	margin: 0px;
	margin-top: 0px;
	text-align: center;
	border: none;
	color: white;
	font-size: 8.5pt;
	font-family: Arial, verdana, Helvetica, sans-serif;
	background-color: black;
        border-top : 1px solid #d5d5d5;
	padding-bottom: 10px;
}

div.piepload
{
	width: 500px;
	margin: auto;
	margin-top: 10px;
	border: 2px solid gray;
	font-size: 9pt;
	padding-bottom: 20px;
	padding-top: 20px;
	
}

td.steps
{
	width: 80px;
	text-align: center;
}

div.piepload table
{
	width: 100%;
}

div.piepload td
{
	font-size: 9pt;
	line-height: 1.5em;
	padding-top: 10px;
	padding-bottom: 10px;	
	margin-left: 10px;
}

div.piepload td.dashedlist {
	border-bottom: 1px dashed black;
}


h1.piepload {
	color: gray;
	margin-top: 90px;
	padding: 0;
}

input {
    border : 1px solid black;
}

.pieplesbutton {

    font-size : 11px;
    font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color : black;
    margin-left : 5px;
    margin-right : 5px;
    border : 2px solid black;
    background : white;
    padding : 2px;

}


.pieplesbutton:hover {

    background : yellow;
    cursor: pointer;

}

div.pieploading {
	border: 0px solid white;
	margin: auto;
	margin-top: 200px;
	text-align: center;
}

div.subheader
{
    height: 30px;
    width: 980px;
    text-align: center;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
}
div.buttons
{
   margin: 0px;
   margin-top:  -25px;
   padding: 0px;
   text-align: center;
   margin-bottom: -20px;

}

div.buttons ul
{
    margin: 0px;
    margin-left: 25px;
    padding: 0px;
    margin-bottom: 15px;
}


div.buttons li
{
    margin: 0px;
    margin-left: 0px;
    margin-right: 5px;
    width: 70px;
    display: inline;
    border-bottom: 2px solid black;
    background: transparent;
    text-align: center !important;
    vertical-align: middle;
    font-weight: bold;
    padding-left: 12px;
    padding-right: 10px;
    padding-top: 10px;
    cursor: pointer;
    margin-top: 10px;
}

div.buttons li.welcome
{
	border: none;
}

div.buttons li:hover
{
   border-bottom: 2px solid #FFBF00;
}

div.buttons li.welcome:hover
{
	border: none;
	cursor: pointer;
}

div.buttons li a:link
{
    color: black;
    text-decoration: none;
}

div.buttons li a:hover
{
    color: black;
    text-decoration: none;
}

div.buttons li a:visited
{
    color: black;
    text-decoration: none;
}

#newmessage {
    margin: 1px;
    margin-left: 0px;
    margin-right: 10px;
    width: auto;
    display: inline;
    border: none;
    background: yellow;
    text-align: center !important;
    font-weight: bold;
    padding-left: 12px;
    padding-right: 10px;
    cursor: pointer;
}

#newmessage:hover {
	background: white;
}

#newmessage a:link, #newmessage a:hover, #newmessage a:visited {
	color: black;
	text-decoration: none;
}

/* -------------------- CONTACT ------------- */

div.contact
{
	width: 370px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

div.contact .thumb02
{
	margin-right: 12px;
	margin-left: 12px

}


div.center
{
	text-align: center;
	
}


/* --------------------------------- Message ------------------------------ */

table.message
{
  border: none;
  font-size: 8pt;
}

/* ----------------------- FORM -------------------------- */


div.formError
{
	background-color: #B7160E;
	font-weight: 800;
	font-size: 10pt;
	padding: 5px;
}


div.formResult
{
	float: right;
	width: 500px;
	background: #99CC33;
	padding: 10px;
	color: black;
	line-height: 14pt;
}



div.formInfo
{
	float: right;
	width: 500px;
	text-align: right;
	color: white;
	background-color: #999;
	padding: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-bottom: 5px;
}

label.formError
{
	font-weight: 800;
	color: #B7160E;
}

form
{
	margin-bottom: 20px;
	margin-top: 20px;
}


input, textarea, option, label, select
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	color: #666;
	font-weight: normal;
	background: #fff;
}

textarea, input, select
{
	border: 1px solid gray;
	margin: 2px;
	padding: 1px 3px 3px 1px;
}

input.postsend
{
	cursor: pointer;
}

input.postsend:hover
{
	cursor: pointer;
}


table.form01
{
	width: 700px;
	border-collapse: collapse;
	border: 1px solid #666;
	margin-top: 8px;
	margin-bottom: 8px;
}

table.form01 td
{
	padding: 5px 2px 5px 10px;
	font-size: 11px;
	line-height: 1.4em;
	text-align: left;
	background: #E5E5E5;	
	padding: 10px;
}

table.form01 td img
{
	border: 1px solid #333;
	padding: 2px;
}



table.form01 td.form_divide
{
	padding: 5px 2px 5px 10px;
	font-size: 11px;
	color: #666;
	font-weight: bold;
	line-height: 1.5em;
	border-top: 1px solid #666;
	/* background: #d5d5d5; */	

}

table.form01 td.label
{
	width: 150px;
	background: #E5E5E5;;
	text-align: right;
	padding-right: 10px;
}

label
{
	background: transparent;
}

.required
{
	color: #CB180F;
	font-weight: bold;
}

div.form
{
	width: 600px;
	margin-left: 145px;
}

div.input
{
	float: right;
	width: 500px;
	background: #E5E5E5;
	padding: 10px;
}

div.input input
{
	margin-bottom: 5px;
	margin-top: 3px;
}

div.partTitle
{
	float: right;
}





/* advanced search */

div.searchList
{
	float: left;
	width: 206px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.searchList:HOVER, div.searchList2:HOVER
{
	background-color: #e5e5e5;
	cursor: pointer;
}

div.searchList2
{
	float: left;
	width: 150px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}


div.content form input
{
	margin-left: 20px;
}



/* sliding */

div#slidingtwice
{
	margin: 0px;
	padding: 10px;
	border: none ;
	background-color: #e5e5e5;
}

/*------------------ hiding shit --------------- */


div.visible {
position: relative;
display: visible;
}

div.hidden {
position: absolute;
display: none;
}

/* floating */

.floatLeft
{
	float: left;
}

/* etiquette */

div.etiquette
{
	text-align: left;
	padding: 20px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	background: #edeeeb;
}

div.etiquette p, div.etiquette li 
{ font-size: 11px !important; }

div.etiquette h1
{
	font-size: 18px !important;
	margin: 0px;
}


div.etiquette h2
{
	font-size: 15px !important;
	margin-bottom: 5px;
}

div.etiquette h3
{
	font-size: 13px !important;
	margin-bottom: 5px;
	margin-top: 5px;
}



div.attention
{
	background: #99CC33;
	padding: 10px;
	color: black;
	line-height: 14pt;
	font-size: 12px;
	margin-bottom: 15px;
}

div.attention h2
{
	color: black;
	
}