body
{
background-color:#fff;
margin: 0;
padding:0;
text-align: left;
font-family: verdana, arial;
font-size:12px;
color:#222;
scrollbar-base-color: #F8F7F6;
scrollbar-arrow-color: #92b0ad;
scrollbar-darkshadow-color: #999999;
scrollbar-shadow-color: #dddddd;
}



.color1{background-color:#8E1F25;}
.color2{background-color:#A85c3a;}
.color3{background-color:#f2da91;}
.color4{background-color:#6f8c7a;}
.color5{background-color:#242625;}
.color6{background-color:#E1DFD3;}
.color7{background-color:#ffffff;}
.color8{background-color:#fff;}



/* 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:#F7F7F4;
border:1px solid #E1DFD3;
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 #E1DFD3;
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
}







/* ADMIN TOP PANEL */

table.admintop
{
background-color:#fff;
border-top:2px solid #000;
}

.atop {color:white;}
#atop td {color:white;}
#atop td a {color:white;}
#atop td a:link {color:white;}
#atop td a:visited {color:white;}
#atop td a:hover {color:white;}
#atop td a:active {color:white;}






/* TOP PANEL */

table.top
{
background-color:#fff;
border-bottom:0px solid #ACCFCC;
}






/* TOP NAV BAR */


td.topnav
{
background:transparent 

url(/icons/bgOFF.gif) repeat-x top left;border-bottom:0px solid #999
}


#stylefour
{
position:relative;
display:block;
height:39px;
font-size:11px;line-height:14px;
font-weight:bold;
text-transform:uppercase;
background:transparent url(/icons/bgOFF.gif) 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:#fff;
font-family:arial,Verdana,Helvitica,sans-serif;
font-weight:bold;font-size:11px;
text-transform:uppercase;text-decoration:none;
padding:9px 18px 0px 18px;
height:23px;border-right:1px solid #CE6053;
}

#stylefour ul li a:hover
{
color:#fff;
font-family:Arial,Verdana,Helvitica,sans-serif;
text-decoration:none;font-size:11px;
background:#6B171C
}

#stylefour ul li a.current
{
font-family:Arial,Verdana,Helvitica,sans-serif;
color:#fff;font-size:11px;
text-decoration:none;background:#6B171C
}




table.content_outer_container 
{
background-color:#fff;
}


table.content_inner_container 
{
background-color:#fff;
height:500px
}



.flash_border
{
border:1px solid #f2da91;
padding:0px;width:445px
}




#demo {width: 410px;margin: 0 0 20px 0;}

#demo p {margin-top: 10px;margin-bottom: 4px;}

ul#demo-nav {margin: 0;padding: 0;list-style-type: none;width: 100%;float: left;background: url(/icons/pixel.gif) bottom left repeat-x;}

ul#demo-nav li {margin: 0 2px 0 0;padding: 0;float: left;}

ul#demo-nav a {float: left;display: block;padding: 4px 8px;
border: 1px solid #B8AE9C;
font-family:Arial,Verdana,Helvitica,sans-serif;
font-size:12px;
border-top: 1px solid #DCD7CE;
border-right: 1px solid #DCD7CE;
border-bottom: 0;
color: #666;background:#EBEBEB}


ul#demo-nav a:hover {background: #fff;font-family:Arial,Verdana,Helvitica,sans-serif;font-size:12px;}

ul#demo-nav a.active {background: #fff;padding-bottom: 5px;cursor: default;font-family:Arial,Verdana,Helvitica,sans-serif;font-size:12px;}

#demo-tabs {clear: left;border: 1px solid #B8AE9C;border-top: 0;padding-top: 8px;background: #FFF}

#demo .tab {padding: 0 8px 8px 8px;}






/* ROUNDED CORNERS */


.rc_box {
   background: #eeeeee;
}
.rc_top div {
   background: url(/icons/tl.png) no-repeat top left;
}
.rc_top {
   background: url(/icons/tr.png) no-repeat top right;
}
.rc_bottom div {
   background: url(/icons/bl.png) no-repeat bottom left;
}
.rc_bottom {
   background: url(/icons/br.png) no-repeat bottom right;
}

.rc_top div, .rc_top, 
.rc_bottom div, .rc_bottom {
   width: 100%;
   height: 12px;
   font-size: 1px;
}
.rc_content { margin: 0 12px; }

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.home1
{
background-color: #fff;
border-bottom: 1px dashed #819B99;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
}

div.home2
{
background-color: #F2F2F8;
border-bottom: 1px dashed #819B99;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
}



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;

}


div.qoutes2
{
background-color: #fff;
font-family:georgia, arial,verdana;
color:#111;
font-size:16px;
line-height:22px;
text-align: center;
border: 1px solid #D0A825;
padding: 6px;
}




.box
{
background-color:#fff;
border:1px dashed #B8AE9C;
padding:10px;
}



div.scroll 
{

overflow: auto;
border: 0px solid #ccc;
padding-right: 10px;
}







.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:#555;
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 #E1DFD3;

}

#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}




















p,td,a,div
{
font-family:verdana,arial;
font-size:12px;
line-height:20px;
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:#8E1F25;
font-weight:normal;
text-decoration:none
}

a:visited 
{
color:#8E1F25;
font-weight:normal;
text-decoration:none
}

a:hover 
{
color:#8E1F25;
text-decoration:underline
}

	
a:active 
{
color:#8E1F25;
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: normal 16px 'trebuchet ms',trebuchet,verdana, Serif;
line-height: 24px;
color:#666;
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:#6f8c7a;
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
}




.admindiv

{
background-color:#D6E8E6;
margin-bottom:10px;








padding:10px;border:1px dashed #046380;
}

div.scroll {
	
	height:200px;
	overflow: auto;
	border: 0px solid #ccc;
	padding-right: 10px;
	}
div.scroll2 {
	
	height:550px;
	overflow: auto;
	border: 0px solid #ccc;
	padding-right: 10px;
	padding-left: 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;}










/* BLOG APP */


.comments
{
padding:10px; 
border:1px dashed #ccc;
margin-top:10px;
margin-bottom:15px;
background-color:#dff4ff
}

.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
}
















/* CONTENT CONTAINER LEFT NAV - CENTER - RIGHT PANEL */




.home_panel
{
border-right:0px dashed #ccc
}





/* LEFT PANEL */

.left_panel
{

border-right:0px dashed #ccc
}

.left_nav_container
{
border-right:0px dashed #ccc
}
























/* CENTER PANEL */

.center_panel
{
border-right:0px dashed #ccc
}



/* RIGHT PANEL */


.right_panel
{
border-left:0px dashed #ccc
}

.right_container
{
padding:8px;
border-left:1px dashed #ccc
}


/* FOOTER PANEL */

.footer
{
background-color:#fff;
border-top:1px solid #CCC;
padding:10px;
}
















.leftnav 
{
font-size:11px;
color:#666666;
line-height: 15px
}

a.leftnav {color:#666666;}

td.leftnav 
{
background-color:#fff;
border-bottom: 1px solid #C0C0C0;
}


.leftnav_sel 
{
font-size:11px;
color:#666666;
line-height: 15px;
}
	
td.leftnav_sel 
{
background-color:#ffffcc;
border-bottom: 1px solid #C0C0C0;
}

.errtext {font-size:13px;color:#990000;line-height: 17px}

.afrmtitle {font-size:12px;color:#666666;}

.input {font-size:12px;color:#333333;}



.picphoto img 
{
margin-top: 10px;
border: 1px solid #e7e7e7;
color:#e7e7e7
}

.picphoto img:hover 
{
margin-top: 10px;
border: 1px solid #699;
color:#699
}	



.inputbox 
{
border: 1px solid #ccc;
background-color:#fff
}


.picborder
{
border: 2px solid #ACCFCC;
}


.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-bottom: 10px;
border: 0px
}

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
}
	
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;}


/* 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}