/* Styles are divided into two main sections - font styles & layout. */



*
{
margin:0;
padding:0;
}


body
{
background:#bebcad;
text-align:center;
}


/**********************************************************************/

img
{
/* depress border around image links */
border-style: none;
}

.alignVerticalCenter
{
vertical-align: middle;
}

.alignHorizontalCenter
{
text-align:center;
}

a {
/*font-size:10px;*/
color:#666666;
text-decoration:none;
}

a:hover {
color: #336600;
}

a:visited {
color:#666666;
text-decoration: none;
}

.errorMsg{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#660000;
}

.successMsg{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#009900;
}


.subelement
{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
}

.answer
{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#CC66CC;
}

input {
background-color:ffffff;
font-weight: bold;
font-size: 11px;
color:#660000;
}


#links li a {
color: #336600;
text-decoration:none;
}

#links li a:hover
{
text-decoration:none;
font-weight:bold;
list-style-position: outside;
list-style-type: circle;
}

#links li a:visited
{
color: #336600;
text-decoration: none;
}


#links_horz {
text-align:left;
}

#links_horz a {
text-decoration:none;
}

#links_horz a:hover {
text-decoration:none;
list-style-position: outside;
color: #336600;
}

#links_horz a:visited
{
text-decoration: none;
}


#leftnav, .small
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:12px;
}

#leftnav ul
{
background: url(../images/gifs/bg_leftnav.gif) no-repeat;
margin-top:6px;
padding:3px 0 0 32px;
list-style:none;
}

#leftnav ul li
{
padding-bottom:8px;
}


#leftnav select{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
width:130px;
color:#000000;
}

#leftnav input[type="text"]{
width:130px;
}

#leftnav input[type="password"]{
width:130px;
}


#auth  {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
padding: 10px 0 0 24px;
}

#auth h3 {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#660000;
}

#auth h4 {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#336600;
}

#auth label{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
}


#auth .errorMsg{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#660000;
}

#auth a {
color: #CC6600;
}

#auth a:hover {
color: #336600;
}



#rightclock {
float:right;
padding:4px 2px 2px 2px;
height: 9px;
}

#rightclock p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
line-height:11px;
color: #888888;
}

#language {
float:right;
padding:4px 10px 2px 2px;
}

#language a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #336600;
text-decoration:none;
}

#language a:hover {
font-weight:bold;
}

/*
#rightside {

float:right;

padding:4px 2px 2px 2px;

}

#rightside p {

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size: 9px;
line-height:11px;
color: #888888;

}

#rightside select{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
width:85px;
color:#000000;
}

#rightside h3 {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#660000;
}

*/


#content h1
{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#336600;
margin-bottom:10px;
text-align:center;
}


#content h2
{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#CC9900;
}



#content h3
{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#660000;
margin-bottom:6px;
}



#content h4
{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
}



#content h5
{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#000000;
}


#content a
{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#CC6600;
}


#footer
{
float:left;
width:760px;
padding: 0 0 8px 0;
background-color:#888888;
}

#footer p
{
margin-top:3px;
text-align:center;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
line-height:11px;
color:#CCCCCC;
}


#footerlinks {
float:left;
width:760px;
height:15px;
margin-top:10px;
padding:3px 0 0 0;
background:#ffffff url(../images/jpegs/end.jpg) no-repeat center;
text-align:center;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#666666;
}

#footerlinks a {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#666666;
text-decoration:none;
}

#footerlinks a:hover {
color: #336600;
text-decoration:none;
}

#footerlinks a:visited {
color: #666666;
text-decoration: none;
}

/**********************************************************************/

/* Below are layout styles */



#placeholder
{
margin-left:auto;
margin-right:auto;
width:760px;
}



#container
{
float:left;
text-align:left;
width:760px;
background:#F4F4F4;
padding:0 0 0 0;
border-right:1px solid #888888;
border-left:1px solid #888888;
border-bottom:1px solid #888888;
}



#header_en
{
float:left;
width:760px;
height:155px;
margin-bottom:5px;
background:#ff7744;
background-image:url(../images/jpegs/fort.jpg);
}


#header_ru
{
float:left;
width:760px;
height:155px;
margin-bottom:5px;
background:#ff7744;
background-image:url(../images/jpegs/fort_rus.jpg);
}



#leftnav
{
float:left;
width:170px;
padding:0 0 0 0;
background:#F4F4F4;
border-right:1px solid #cccccc;
}



#links
{
background:#F4F4F4 url(../images/gifs/bg_leftnav2.gif) repeat-x;
padding:2px 0 0 0px;
}





#content

{
float:left;
padding:0 8px 0 8px;
margin:0 0 5px -1px;
width:560px;
border-left:1px solid #cccccc;
}



/* Hide from IE-Mac \*/

#content
{
float:left;
padding:0 8px 0 8px;
margin:0 0 0 -1px;
width:560px;
border-left:1px solid #cccccc;
}

/* End hide */


.table_head{
color:#660000;
background-color:#bbbbbb;
text-align:center;
}

.table_row{
/*background-color:#f4f4f4;*/ /* same color as content */
}

.table_alt_row{
background-color:#dddddd;
}

.table_col_album{
background-color:#dddddd;
width:200px;
height:200px;
vertical-align: middle;
text-align:center;
padding:2px 2px;
/*background-image: url(/resources/images/gifs/picture_background.gif);*/
border: 1px solid #aaaaaa;
/* IE still does not support border-radius */
border-radius: 10px; /*Will be implemented soon */
-moz-border-radius: 10px; /* For FF  */
-webkit-border-top-right-radius: 5px; /* For Safari */
}

.table_col_rounded{
background-color:#e9e9e9;
padding:10px 10px;
border: 1px solid #aaaaaa;
/* IE still does not support border-radius */
border-radius: 10px; /*Will be implemented soon */
-moz-border-radius: 10px; /* For FF  */
-webkit-border-top-right-radius: 5px; /* For Safari */
}

.table_vertical_spacing{
border-spacing: 0px 10px;
}

.table_col_padded{
padding:5px;
}

#quote_rgt, #quote_lft
{
float:left;
}

#quote_rgt img
{
float:left;
margin:0 6px 0 0;
border:1px solid #888888;
}

#quote_lft img
{
float:right;
margin:0 0 0 6px;
border:1px solid #888888;
}

#float_right
{
float:right;
}

#float_left
{
float:left;
}

#float_center
{
float:center;
}

/* RichFaces dataScroller active button style  */
.rich-datascr-act{
background-color:#CC6600;
}