/**
 * File: screen.general.css
 *
 * Cascading style sheets for YMCA Belarus website, screen version.
 *
 * @copyright (c) 2009 All Rights Reserved
 * @author Sergey Sirotkin <devlab@zeyalabs.ch>
 * @version 1.9/13.11.2009
 *
 * @package ch.zeyalabs.web.ymcabelarus
 * @subpackage layout
 */

/*******************************************************************\
  General layout.
\*******************************************************************/

body
{
	padding: 0;
	margin: 10px 0 25px 0;
	text-align: center;  /* IE */
}

div#page
{
	width: 750px;
	margin: 0 auto; /* std */
}

div#page img
{
	float: left;
}

div#menuDepts
{
	background: url("../images/bgr_mainmenu_national.gif");
	float: left;
	width: 450px;
	height: 33px;
	text-align: left;
}

div#menuLang
{
	float: left;
	width: 73px;
	height: 33px;
}

div#menuLang img
{
	border: 0;
}

div#auxStripe
{
}

div#leftColumnTop
{
	clear: both;
	float: left;
	width: 227px;
}

div#leftColumn
{
	clear: both;
	background: url("../images/bgr_left_column.gif");
	float: left;
	width: 227px;
}

div#mainColumn
{
	float: left;
	width: 503px;
	text-align: left;
	margin: 0px 0px 0px 20px;
	font-size: 10pt;
}

div#mainColumn img
{
	/*margin: 10px 0px 20px 0px;*/
	border: 1px solid black;
}

div#mainBottom
{
    margin-top: 25px;
}

div#bottomStripe
{
	background: url("../images/bgr_left_column.gif");
	background-position: left;
	background-repeat: repeat-y;
	height: 33px;
	width: 100%;
	float: left;
	background-color: #4B0082;
	text-align: right;
}

div#footer
{
	clear: both;
	width: 100%;
}

div#footer img
{
	float: left;
}

div#copyright {
	color: #DAA520;
	font-size: 8pt;
	font-weight: bold;
	padding-right: 10px;
}

/*******************************************************************\
  Texts and headings.
\*******************************************************************/

body
{
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
}

h1 {
	color: #00008B;
	font-size: 16pt;
}

p
{
	margin-top: 0;
}

a
{
	color: #1E90FF;
	text-decoration: none;
}

a:hover
{
	color: #00FFFF;
	text-decoration: none;
}

a img
{
	border: 0;
}

.quote
{
    color: #8B0000;
	font-weight: bold;
	padding-left: 25px;
}

h2, h3, h4, h5, h6,
.invisible
{
	display: none;
	visibility: hidden;
}

/*******************************************************************\
  Menu elements.
\*******************************************************************/

div#menuDepts
{
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}

div#menuDepts ul li
{
	display: inline;
	margin-right: 10px;
}

div#menuDepts ul li a
{
	color: #E7DE8A;
	text-decoration: none;
}

div#menuDepts ul li a:hover
{
	color: #FFFFFF;
	text-decoration: none;
}

div#menuLocal
{
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	padding: 0px 18px 0px 0px;
}

div#menuLocal ul li
{
    list-style-type: none;
}

span.active
{
    color: #AAAA66;
	font-weight: bold;
}

/*******************************************************************\
  Boxes.
\*******************************************************************/

div.catbox
{
    width: 100%;
    margin: 25px 0px;
}

div.cb-title
{
	color: #8B0000;
	font-weight: bold;
	border-top: 1px solid #FFCC66;
	padding: 2px 0px 3px 10px;
}

.cb-aux
{
	color: #5F9EA0;
	font-size: 11px;
	padding: 1px 0px 1px 10px;
}

div.event div.cb-title
{
    background-color: #E8E8FF;
}

div.program div.cb-title
{
    background-color: #E8E8FF;
}

div.cb-images
{
	width: 100px;
	float: left;
	padding-top: 10px;
}

div.cb-img img
{
	margin: 0px 0px 10px 0px !important;
}

div.cb-descr
{
	width: 380px;
	float: left;
	padding: 5px 0px 0px 20px;
}

div.cb-term
{
	clear: both;
}

/*******************************************************************\
  Tables.
\*******************************************************************/

td
{
    vertical-align: top;
    padding: 5px;
}

div#address td.col_0
{
	font-weight: bold;
    text-align: right;
}