/* body settings */

html, body 
{
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
    background: #272727 url('../images/bg.jpg') repeat-x;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    letter-spacing: 0.5pt;
    line-height: 13pt;
}

/* 
    main structure 
*/

#container 
{
    height: 813px;
    width: 890px;
    left: 50%;
    margin-left: -430px;
    position: relative;
}

#holder
{
    height: 806px;
    width: 870px;
    border-left: 1px solid #686868;
    border-right: 1px solid #686868;

}

/* 
    containers 
*/

#logo 
{
    height: 266px;
    width: 265px;
    background: url('../images/logo.jpg');
    top: 21px;

    position: absolute;
}

#logo_r
{
    height: 234px;
    width: 605px;
    background: url('../images/logo_right.jpg');
    top: 53px;
    left: 266px;
    position: absolute;
}

#nav
{
    height: 32px;
    width: 605px;
    top: 21px;
    left: 266px;
    position: absolute;
}

#main
{
    height: 497px;
    width: 871px;
    top: 308px;
    position: absolute;
    background: #e7e8ea;
}

#content
{
    height: 475px;
    width: 594px;
    position: absolute;
    top: 5px;
    left: 273px;
    overflow:auto;
}

#lcontent
{
    height: auto;
    width: 235px;
    position: absolute;
    left: 23px;
    letter-spacing: 0.1px;
}


#footer
{
    width: 871px;
    height: 18px;
    top: 788px;
    position: absolute;
    background: #2d2d2d url('../images/footer_bg.jpg');
    text-align: center;
    color: #ffffff;
    font-size: 10px;
    letter-spacing: 0pt;
    cursor: default;
}

/*
    modifiers
*/

#l_ext
{
    height: 309px;
    width: 9px;
    background: #5d5d5d url('../images/left_ext.jpg');
    position: absolute;
    left: -9px;
    top: 0px;
}


#r_ext
{
    height: 309px;
    width: 9px;
    background: #5d5d5d url('../images/right_ext.jpg');
    position: absolute;
    left: 872px;
    top: 0px;
}

#top_div
{
    height: 21px;
    width: 870px;
    background: #cdcdcd url('../images/divider.jpg');
}

#mid_div
{
    height: 21px;
    width: 871px;
    background: #cdcdcd url('../images/divider.jpg');
    position: absolute;
    top: 287px;

}

/*
    shadow modifiers 
*/

#shadow_l
{
    height: 497px;
    width: 6px;
    background: #636363 url('../images/main_left_shadow.jpg');
    position: absolute;
    top: 309px;
    left: -6px;
}

#shadow_r
{
    height: 497px;
    width: 6px;
    background: #636363 url('../images/main_right_shadow.jpg');
    position: absolute;
    top: 309px;
    left: 872px;
}

#top_left_shadow
{
    height: 21px;
    width: 7px;
    background: #c4c4c4 url('../images/left_shadow.jpg');
    position: absolute;
    top: 0px;
    left: 11px;
}

#top_right_shadow
{
    height: 21px;
    width: 7px;
    background: #c4c4c4 url('../images/right_shadow.jpg');
    position: absolute;
    top: 0px;
    left: 266px;
}

#mid_left_shadow
{
    height: 21px;
    width: 7px;
    background: #c4c4c4 url('../images/left_shadow.jpg');
    position: absolute;
    top: 287px;
    left: 11px;
}

#mid_right_shadow
{
    height: 21px;
    width: 7px;
    background: #c4c4c4 url('../images/right_shadow.jpg');
    position: absolute;
    top: 287px;
    left: 266px;
}

#mid_left_spacer
{
    height: 480px;
    width: 7px;
    background: #cfd0d3 url('../images/mid_left_shadow.jpg');
    position: absolute;
    left: 10px;
}

#mid_right_spacer
{
    height: 480px;
    width: 7px;
    background: #cfd0d3 url('../images/mid_right_shadow.jpg');
    position: absolute;
    left: 265px;
}

#bottom
{
    height: 7px;
    width: 890px;
    background: #676767 url('../images/border_dropshadow.jpg');
    position: absolute;
    top: 806px;
    left: -8px;
}

.divider
{
    height: 1px;
    width: auto;
    background: url('../images/n_divider.jpg');
}

.mdivider
{
    height: 18px;
    width: 570px;
    background: url('../images/m_divider.jpg');
}

.m2divider
{
    height: 1px;
    width: 522px;
    background: url('../images/m2_divider.jpg');
}

/*
    menu
*/

a.about 
{
    display: block;
    width: 101px;
    height: 32px;
    background: transparent url('../images/about.jpg') no-repeat;
}

a.about:hover 
{
    background-position: 0 -32px;
}

#about
{    
    height: 32px;
    width: 101px;
    background: transparent;
    position: absolute;
    margin-left: 0px;
}

a.events {
    display: block;
    width: 101px;
    height: 32px;
    background: transparent url('../images/events.jpg') no-repeat;
}

a.events:hover {
    background-position: 0 -32px;
}

#events
{    
    height: 32px;
    width: 101px;
    background: transparent;
    position: absolute;
    margin-left: 101px;
}

a.membership {
    display: block;
    width: 101px;
    height: 32px;
    background: transparent url('../images/membership.jpg') no-repeat;
}

a.membership:hover {
    background-position: 0 -32px;
}

#membership
{    
    height: 32px;
    width: 101px;
    background: transparent;
    position: absolute;
    margin-left: 202px;
}

a.links {
    display: block;
    width: 101px;
    height: 32px;
    background: transparent url('../images/links.jpg') no-repeat;
}

a.links:hover {
    background-position: 0 -32px;
}

#links
{    
    height: 32px;
    width: 101px;
    background: transparent;
    position: absolute;
    margin-left: 303px;
}

a.media {
    display: block;
    width: 101px;
    height: 32px;
    background: transparent url('../images/media.jpg') no-repeat;
}

a.media:hover {
    background-position: 0 -32px;
}

#media
{    
    height: 32px;
    width: 101px;
    background: transparent;
    position: absolute;
    margin-left: 403px;
}

a.marea {
    display: block;
    width: 101px;
    height: 32px;
    background: transparent url('../images/marea.jpg') no-repeat;
}

a.marea:hover {
    background-position: 0 -32px;
}

#marea
{    
    height: 32px;
    width: 101px;
    background: transparent;
    position: absolute;
    margin-left: 504px;
}

a.brother
{
    display: block;
    width: 107px;
    height: 79px;
    background: transparent url('../images/brother.jpg') no-repeat;
}

a.brother:hover 
{
    background-position: 0 -79px;
}

#brother
{    
    height: 79px;
    width: 107px;
    background: transparent;
    position: absolute;
    margin-left: 497px;
    margin-top: 0px;
}


/*
    text styles
*/

h1
{
    font-family: Verdana, sans-serif;
    font-size: 15px;
    letter-spacing: 0.2px;
    margin: 0px;
}

h2 
{
    font-family: Tahoma, sans-serif;
    font-size: 9px;
    letter-spacing: 0.7px;
    font-weight: normal;
    margin-top: -3px;
    margin-bottom: 0px;
    margin-left: 2px;
}


h3 
{
    font-family: Verdana, sans-serif;
    font-size: 12px;
    letter-spacing: 0.2px;
    margin: 0px;
}

h4 
{
    font-family: Tahoma, sans-serif;
    font-size: 9px;
    letter-spacing: 0.7px;
    font-weight: normal;
    margin-top: -3px;
    margin-bottom: 0px;
}

a:link
{
    color:#ff8b00;
    text-decoration:none;
}

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

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

a:active
{
    color:#f7941d;
    text-decoration:none;
}

a.box {
    border: 0px;
    text-decoration:none;
    color: #e7e8ea;
}


input, textarea {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.90em;
	font-weight: normal;
	cursor: text;
	vertical-align: middle;
	padding: 2px;
	color: #111111;
	border-left: 1px solid #AFAEAA;
	border-top: 1px solid #AFAEAA;
	border-right: 1px solid #D5D5C8;
	border-bottom: 1px solid #D5D5C8;
	background-color: #E3DFD8;
}

.rtl input, .rtl textarea {
	border-left: 1px solid #D5D5C8;
	border-top: 1px solid #AFAEAA;
	border-right: 1px solid #AFAEAA;
	border-bottom: 1px solid #D5D5C8;
}

input:hover, textarea:hover {
	border-left: 1px solid #AFAEAA;
	border-top: 1px solid #AFAEAA;
	border-right: 1px solid #AFAEAA;
	border-bottom: 1px solid #AFAEAA;
	background-color: #E9E9E2;
}

input.langvalue, textarea.langvalue {
	width: 90%;
}