body
{
background-color:#fff;
margin: 0;
padding:0;
text-align: left;
font-family: arial, verdana, arial;
font-size:12px;
color:#444;
scrollbar-base-color: #F8F7F6;
scrollbar-arrow-color: #92b0ad;
scrollbar-darkshadow-color: #999999;
scrollbar-shadow-color: #dddddd;
}




/* PALLETTE */

.color1{background-color:#595241;}
.color2{background-color:#B8AE9C;}
.color3{background-color:#ACCFCC;}
.color4{background-color:#8A0917;}
.color5{background-color:#F8F7F6;}
.color6{background-color:#BFE5F2;}
.color7{background-color:#ffffff;}
.color8{background-color:#fff;}




/* HEADER */

table.admintop
{
background-color:#fff;
border-top:2px solid #000;
}

.atop {color:#069 !important; ;}
#atop td {color:#069 !important;;}
#atop td a {color:#069 !important;;}
#atop td a:link {color:#069 !important;;}
#atop td a:visited {color:#069 !important;;}
#atop td a:hover {color:#069 !important;;}
#atop td a:active {color:#069 !important;;}

table.top
{
background-color:#fff;
border-bottom:0px solid #ACCFCC;
}








/* TOP NAV BAR */

td.topnav
{
background:transparent 

url(/images/bgOFF.jpg) repeat-x top left;border-bottom:0px solid #9ff
}

#stylefour
{
position:relative;
display:block;
height:39px;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
background:transparent url(/images/bgOFF.jpg) repeat-x top 	

left;
font-family:arial,Verdana,Helvitica,sans-serif;
border-top:0px solid #B30000;
}

#stylefour ul
{
margin:0;
padding:0;
list-style-type:none;width:auto;
}

#stylefour ul li
{
display:block;float:left;margin:0;
}

#stylefour ul li a
{
display:block;
float:left;
color:#D5D5D5;
font-family:arial,Verdana,Helvitica,sans-serif;
font-weight:bold;font-size:12px;
text-transform:uppercase;text-decoration:none;
padding:9px 20px 0px 20px;
height:23px;border-right:1px solid #444;
}

#stylefour ul li a:hover
{
color:#fff;
font-family:arial,Verdana,Helvitica,sans-serif;
text-decoration:none;font-size:12px;
background:#000 
}

#stylefour ul li a.current
{
font-family:Arial,Verdana,Helvitica,sans-serif;
color:#fff;font-size:12px;
text-decoration:none;background:#000
}






/* LEFT NAV */

.leftnavhdr 
{
color:#555;
font-weight: bold;
font-size:13px;
}

#navcontainer ul 
{
list-style-type: none;
text-align: left;
margin-top:3;
margin-bottom:15;
padding-left: 0;
}

#navcontainer a 
{
display: block;
color:#069;
width:100%;
padding: 0px 0px 0px 0px;
font-family:Arial,Verdana,Helvitica,sans-serif;
font-size:12px;font-weight: normal;
text-decoration: none;
border-bottom: 1px solid #e6ecffCACACA;
}

#navcontainer a:hover 
{
background-color:#e6ecff;
font-family:Arial,Verdana,Helvitica,sans-serif;
font-weight: normal;
color:#111;
}

#navcontainer ul li a#current
{
color:#000;
font-family:Arial,Verdana,Helvitica,sans-serif;
background-color:#e6ecff;font-weight:normal}








/* PAGE STRUCTURE */

table.content_outer_container 
{
background-color:#fff;
}


table.content_inner_container 
{
background-color:#fff;
height:400px
}









/* CONTENT BASIC */

p,td,a,div
{
font-family:arial, verdana,arial;
font-size:12px;
line-height:19px;
text-align: left;
}

p 
{
margin-top: 0px;
margin-bottom:13px;
padding: 0;
}

	
ul 	
{
margin-left: 10px;
margin-top:8px;
padding: 0;
}

	
li 	
{
margin-left: 6px;
padding: 0;
margin-top:2px;
}

a:link  
{
color:#069;
font-weight:normal;
text-decoration:none
}

a:visited 
{
color:#069;
font-weight:normal;
text-decoration:none
}

a:hover 
{
color:#069;
text-decoration:underline
}

	
a:active 
{
color:#069;
text-decoration:none
}

	
hr 
{
border: 1px dotted #ccc;
margin-bottom:0px;
margin-top:0px;
}

	
H1	 
{
margin-top:4px;
margin-bottom:14px;
margin-left:0px;
font: normal 24px georgia,'trebuchet ms',trebuchet,verdana, Serif;
line-height: 30px;
color:#333;
border-bottom: 1px solid #e7e7e7;
padding-bottom:0px
}
		
H2         
{
margin-top:14px;
margin-bottom:1px;
margin-left:0px;
font: bold 16px 'trebuchet ms',trebuchet,verdana, Serif;
line-height: 24px;
color:#069;
padding-bottom:0px
}
	
H3        
{
margin-top:6px;
margin-bottom:6px;
margin-left:0px;
font: bold 16px 'trebuchet ms',trebuchet,verdana, Serif;
line-height: 20px;
color:#069;
border-bottom: 1px dashed #ddd;
border-right: 0px solid #e7e7e7;
padding-bottom:0px
}
	
H4        
{
font-family:verdana,sans-serif;
font-size:16px;
line-height:18px;
color:#777;
padding-bottom:0px
}

H5       
{
font-family:verdana,sans-serif;
font-size:16px;
line-height:18px;
color:#777;
padding-bottom:0px
}

H6       
{
margin-top:8px;
margin-bottom:6px;
margin-left:0px;
font: normal 17px 'trebuchet ms',trebuchet,verdana, Serif;
line-height: 19px;
color:#666;
border-bottom: 0px dashed #ccc;
border-right: 0px solid #e7e7e7;
padding-bottom:0px
}


div.scroll 
{
overflow: auto;
border: 0px solid #ccc;
padding-right: 10px;
}

.small {font-size:11px;line-height:16px;}
p.small	{font-size:11px;line-height:16px;}
small.a {font-size:11px}
small.a:link {font-size:11px}
small.a:visited {font-size:11px}
small.a:hover {font-size:11px}
small.a:active {font-size:11px}
small.li: {font-size:11px}

.smallesttext {font-size:10px;font-face:arial;line-height:12px;}
smallesttext.a {font-size:10px;line-height:12px}
smallesttext.a:link {font-size:10px;line-height:12px}
smallesttext.a:visited{font-size:10px;line-height:12px}
smallesttext.a:hover {font-size:10px;line-height:12px}
smallesttext.a:active {font-size:10px;line-height:12px}

.emph {background-color:#ECF0F2;border-bottom: 1px dashed 

#c2e1ef;}

div.qoutes
{
background-color: #EAF3F2;
font-family:georgia, arial,verdana;
color:#2B3433;
font-size:18px;
line-height:24px;
text-align: center;
border: 1px dashed #819B99;
padding-top: 12px;
padding-bottom: 18px;
padding-left: 6px;
padding-right: 6px;

}








/* HOME SPECIFIC */

.flash_border
{
border:1px solid #BFE5F2;
width:445px
}






/* INPUT FORMS */

.errtext {font-size:13px;color:#990000;line-height: 17px}

.afrmtitle {font-size:12px;color:#666666;}

.input {font-size:12px;color:#333333;}

.inputbox 
{
border: 1px solid #ccc;
background-color:#fff
}




/* BLOG SPECIFIC */

.comments
{
padding:10px; 
border-top:1px dashed #ccc;
margin-top:10px;
margin-bottom:15px;
background-color:#fff
}

.comments_alert
{
padding:10px; 
border:1px dashed #900;
margin-top:10px;
margin-bottom:15px;
background-color:pink;
color:#111
}


.comments_msg
{
padding:10px; 
border:1px dashed #900;
margin-top:10px;
margin-bottom:15px;
background-color:#ffffcc;
color:#111
}

.comments_unapproved
{
padding:10px; 
border:1px dashed #900;
margin-top:10px;
margin-bottom:15px;
background-color:#dadada;
color:#111
}






/* IMAGES */

.banners {border: 1px solid #999;color:#999}

.picphoto img 
{
margin-top: 10px;
border: 1px solid #e7e7e7;
color:#e7e7e7
}

.picphoto img:hover 
{
margin-top: 10px;
border: 1px solid #699;
color:#699
}	


.picborder
{
border: 2px solid #ACCFCC;
}


.pichome_fav
{
margin-left: 6px;
margin-bottom: 0px;
margin-top: 6px;
border: 3px solid #BFE5F2;
}


.picright
{
margin-left: 30px;
margin-bottom: 20px:
margin-top: 5px;
border: 1px solid #e7e7e7;
}

.picleft 
{
margin-right: 20px;
margin-bottom: 20px:
margin-top: 5px;
border: 1px solid #e7e7e7;
}

.piccenter 
{
margin: 0px;
border: 0px
}







/* TABLES */

table.listtable 
{border-collapse:collapse}

td.listhdr 
{
border-collapse:collapse;
border: 1px  dotted #ddd;
background-color:#fff;
padding: 8px 2px 8px 2px;
}

td.listcolor1 
{
border-bottom: 1px  solid #fff;
background-color:#fff;
padding: 4px 2px 4px 2px;
border-bottom: 1px  dashed #ccc;
}

td.listcolor2 
{
border-collapse:collapse;
background-color:#fafafa;
padding: 4px 2px 4px 2px;
border-bottom: 1px  dashed #ccc
}

td.listcolor3 
{border-collapse:collapse;
border: 0px  solid #900;
background-color:#ffffcc;
padding: 4px 2px 4px 2px;}


td.listcolor4 
{border-collapse:collapse;
border: 0px  solid #900;
background-color:#e7e7e7;
padding: 4px 2px 4px 2px;}







/* PANELS */



div.panel_white
{
background-color:#fff;
border:1px solid #e7e7e7;
padding:6px;margin-bottom:20px
}

div.panel_white_noborder
{
background-color:#fff;
border:0px solid #e7e7e7;
padding:6px;margin-bottom:20px
}


div.panel_grey
{
background-color:#fafafa;
border:1px solid #e6ecff;
padding:6px;
margin-bottom:20px
}

div.panel_page_tools
{
background-color:#fff;
border-left:1px dashed #ccc;
padding-left:10px;
padding-bottom:80px;
padding-top:10px;
margin-top:2px;
}

div.panel_alert
{
background-color:#FFFFD9;
border:1px dashed #ccc;
padding:6px;
margin-bottom:20px
}

div.paneltop
{
color:#444;
border-bottom: 1px solid #e7e7e7;
padding-top: 3px;
padding-bottom: 3px;
padding-left:8px;
padding-right: 3px;
background-color: #BFD9E5;
}

div.paneltop_none
{
color:#444;
border-bottom: 1px solid #c00;
border-top: 1px dashed #ccc;
padding-top: 3px;
padding-bottom: 3px;
padding-left:8px;
padding-right: 3px;
}

div.panel1
{
background-color: #fff;
border-bottom: 1px solid #e7e7e7;
padding: 4px;
}

div.panel2
{
background-color: #F8F7F6;
border-bottom: 1px solid #e7e7e7;
padding: 4px;
}

div.panel_err
{
background-color: #F5E6E6;
border-bottom: 2px dashed #E5BFBF;
padding: 4px;
}

div.panelbot
{
border-bottom: 0px solid #e7e7e7;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 4px;
padding-right: 8px;
text-align:right;
margin-bottom:20px
}

.event_div
{
border:1px dashed orange;background-color:#fafafa;padding:15px;margin-bottom:10px
}


/* ADMIN */

a.editlink 
{
background-color:#dff4ff;
text-decoration:underline
}

td.editbuttons 
{
border: 1px solid #c2e1ef;
background:#dff4ff
}

td.editbuttons_sel 
{
border: 1px solid #c2e1ef;
background:#FFFDE5
}

/* HINT HOVER */

a.info
{
position:relative; /*this is the key*/
z-index:24; background-color:#FFFFD9;text-decoration:underline
}

a.info:hover{z-index:25; background-color:#dff4ff}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    	display:block;
    	position:absolute;
    	top:2em; left:2em; width:15em;
    	border:1px solid #c2e1ef;
    	background-color:#dff4ff; color:#000;text-decoration:none;
    	text-align: center}





