﻿body 
{
    font-family:Arial;
    font-size:0.8em;
    margin:0;
    background-color:#333333;
    font-family:verdana,Arial,Helvetica,sans-serif;
    background-image:url(../imgcb/patternbg2.gif);
    
}
#footer
{
    width:750px;
    color:White;
    margin:auto;
}

#footer p
{
    font-size:smaller;
    margin:0;
    margin-bottom:4px;
    padding:10px;
    text-align:right;
}


#wrapper
{
    width:750px;
    margin:auto;
    border-left:0px solid gray;
    border-right:0px solid gray;
     background-color:#e9e9e9;
}

#sidepanel
{
   border:0px solid black;
   width:200px;
   float:right;
   padding:6px;
}

#sidepanel li
{
    list-style-type:none;
}


#content
{
    background-color:#e9e9e9;
    padding:6px;   
    width:520px;
    border-right:1px solid #e6e6e6;
}
    
    
#navcontainer
{
    border:0px solid red;
    width:750px;
    background-color:Black;
    /*margin-bottom:4px;
    margin-top:4px;*/
    font-family:arial;
    background:#111110 url(../imgcb/nav-bg-off.jpg) repeat-x scroll left top;
    }


#nav{ /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 2;
	border-top:1px solid black;
}


#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	/*border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	*/
}
#nav li { /* all list items */
	/*width: 8em;*/
	float: left;
	/* width needed or else Opera goes nuts */
}
 

#nav li a 
{
    
	display: block;
	padding:5px;
	font-size:10pt;
	color:white;
	text-decoration:none;
	height:21px;
}

#nav li a:hover
{
    background-color:gray; 
}

#nav li a.navhead
{
    background:#111110 url(../imgcb/nav-bg-off.jpg) repeat-x scroll left top;
    border-left:1px solid #393939;
    border-right:1px solid #151515;
    border-top:0px solid #808080;
    color:#FFFFFF;
    display:block;
    font-family:Arial,sans-serif;
    font-weight:bold;
    height:25px;
    padding:10px 0pt 0pt 6px;
    text-decoration:none;
    width:68px;
}

#nav li a.navhead:hover
{
    /*border-left:1px solid #393939;*/
    background-image:url(../imgcb/nav-hov.jpg);
    background-color:gray; 
}




#nav li ul { /* second-level lists */
	width:134px;
	position: absolute;
	background: #333333 ; /*#3399ff;*/
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul li
{
     /*background:transparent none repeat scroll 0%;*/
    border:medium none;
    border:0px solid red;
    font-family:Verdana,sans-serif;
    font-size:10px;
    height:auto;
    line-height:11px;
    text-transform:none;
    width:150px;
    background-color: #333333;
}
#nav li ul li a
{
    background:transparent none repeat scroll 0%;
    border-color:#3C3C3C -moz-use-text-color rgb(0, 0, 0);
    border-style:solid none;
    border-width:1px medium;
    color:#FFFFFF;
    font-size:9pt;
    font-weight:normal;
    height:auto;
    padding:5px 8px;
    text-align:left;
    width:134px;
    height:14px;
}
#nav li ul li a:hover
{
    background-image:url(../imgcb/nav-hov.jpg);
}

#nav li ul a
{
    width: 9em;
    
    }

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


#nav li:hover, #nav li.hover {
    position:static;
}


/* --------------- GALLERY STYLES ------------------ */

#gallery-photolist
{
    border:0px solid gray;
    list-style:none;
    margin:0;
    padding:0;
    font-size:smaller;
}
#gallery-photolist div.imageblock
{
    border:0px solid black;
    width:160px;
    display:inline;
    float:left;
    min-height:200px;
    margin-bottom:10px;
}

#gallery-photolist div.imageblock div
{
    padding:2px;
    text-align:center;
    margin-bottom:2px;
}  

#gallery-photolist img
{
    border:10px solid white;
    }

	
	
#galeria-sidebar a.title
{
	 
	font-size:smaller;
	 
	
	padding:2px;
	margin:2px 2px 2px 2px;
	display:block;

}
	
	
/*
#gallery-photolist li
{
    border:0px solid red;
    width:150px;
    margin-bottom:10px;
    display:inline;
}

#gallery-photolist li div
{
     
    border:1px solid gray;
    padding:10px;
    text-align:center;
    
}

#gallery-photolist li div img
{
    margin:0px;
    padding:0px;
    border:1px solid black;
}


#gallery-photolist li div a
{
    font-size:smaller;
}
*/

/* --------------------------- SIDE PANEL ----------------- */
