/*///////////////////////////////////////////////////////*/
    /* razorCMS                                              */
    /* theme/default_css.css                                 */
    /* GPLv3                                                 */
    /* smiffy6969                                            */
    /* www.razorcms.co.uk                                    */
    /* www.burningfist.co.uk                                 */
    /* 03/2008                                               */
    /* ----------------------------------------------------- */
    /* V0.1  -  03/2008  -  Version 0.1 first release        */
    /*                                                       */
    /*                      Theme created by smiffy6969      */
    /*                      Copywrited to burningfist.co.uk  */
    /* ----------------------------------------------------- */
    /* V0.2  -  06/2008  -  This file contains changes for   */
    /*                      up issue to V0.2RC               */
    /* ----------------------------------------------------- */
    /* V0.3  -  11/2008  -  BETA1 Bug fix and new features   */
    /* ----------------------------------------------------- */
    /* V0.3  -  12/2008  -  RC Bug fix and code walk         */
    /* ----------------------------------------------------- */
    /* V0.3  -  02/2009  -  RC2 Bug fix, code walk and some  */
    /*                      movement of functions.           */
    /* ----------------------------------------------------- */
    /*///////////////////////////////////////////////////////*/

body {
    margin: 0px;
    padding: 0px;
    background-image: url(images/tlo.gif);
    background-repeat: repeat;
    background-position: top;
    background-color: #A3A50A;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center;
}

h1 {
    margin: 10px;
    padding: 0px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 105%;
    color: #444444;
}

h2 {
    margin: 10px;
    padding: 0px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 95%;
    color: #444444;
    clear: left;
}

#content h1 {
    color: #444444;
    margin: 0px 0px 1px 0px;
    padding: 0px;
    text-align: left;
    border-bottom: 1px solid #aaaaaa;
    font-size: 130%;
}

#content h2 {
    color: #666666;
    margin: 0px;
    padding: 0px;
    text-align: left;
    font-size: 120%;
}

#content h3 {
    padding-left: 3px;
    color: #888888;
    font-size: 110%;
}

p, td {
    margin: 10px 10px;
    padding: 0px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 85%;
    color: #444444;
}

li {
    margin: 0px;
    padding: 0px;
    color: #444444;
    text-decoration: none;
}



a, a:visited, a:active {
    margin: 0px;
    padding: 0px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #F0E68C;
    text-decoration: none;
}

a:hover {
    margin: 0px;
    padding: 0px;
    color: #ff0000;
}



a img {
    border: none;
}

#brace {
    width: 820px;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
}

#pageframe {
    margin: 0px;
    padding: 0px;
    height: auto;
    width: 820px;
    background-image: url(images/tlo_frame.jpg);
    background-repeat: repeat;
    
    float: left;
}

#pageframer {
    margin: 0px;
    padding: 0px;
    height: auto;
    width: 820px;
    background-image: url(images/tlo_frame.jpg);
    background-repeat: repeat;
    
    float: left;
}



#headermid {
    margin: 0px;
    padding: 0px;
    height: 160px;
    width: 820px;
    background-image: url(images/head.jpg);
   
	 
    float: left;
}



#headerr h1{
    margin: 0px;
    padding: 65px 0px 0px 30px;
    color: #ffffff;
    text-align: left;
    font-size: 170%;
    font-weight: normal;
    color: #b6d7ee;
}

#headerr h2{
    margin: 0px;
    padding: 0px 0px 0px 30px;
    color: #999999;
    height: 0.5em;
    font-size: 100%;
    text-align: left;
    font-weight: normal;
}


/* ######################################################### */
/* Topnav css */
/* ######################################################### */
/* ######################################################### */

#nav {

margin: 0px 0px 3px 0px;
    padding: 0px 0px 0px 0px;
    width: 820px;
		
    background-image: url(images/menu_light.jpg);
    background-position: center;
		background-repeat:no-repeat; 
   
    float: left;

}


#topnav {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 820px;
    /*background-color:  #000000;
    background-image: url(images/menu.jpg);
    background-position: center;
    background-repeat: repeat-x;
    border-left: 2px solid #000000;
    border-right: 2px solid #000000;*/
    text-align: right;
    float: right;
}


#topnav ul, #topnav ul ul {
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    width: auto;
}


#topnav ul a {
    padding-top: 0px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    width: auto;
    height: auto;
    color: #FFD700;
    text-decoration:none;
    font-size: 100%;
		font-weight:bold;
}

#topnav ul li a:hover {
    color: #F0E68C;
    background-color:  #BDB76B;
    background-image: none;
		font-size: 100%;
		font-weight:bold;
}

#topnav a.active {
    /*color: #BDB76B;*/
		color: #BDB76B;
		
		/*background-image: url(images/tlo_frame.jpg);*/
}

#topnav a.active:hover {
    color: #BDB76B;
    background-color:  #555843;
    background-image: none;
}

#topnav ul li ul li a{
    color: #D6A800;
		font-size: 85%;
		font-weight:normal;
}

#topnav ul li ul li a:hover {
    color: #8A6C00;
		font-size: 85%;
		font-weight:normal;
}


/*top level non hover property*/
#topnav ul li {
    float: left;
    width: auto;
    border-right: 1px solid #BDB76B;
    height: auto;
}


#topnav ul li ul{
    position: absolute;
    left: -999em;
}


/* top level hover property */
#topnav ul li:hover, #topnav ul li.hoverfix {
    float: left;
    width: auto;
    background-color:  #555843;
    background-image: none;
    height: auto;
}


/* Drag in 2nd level menu */
#topnav ul li:hover ul, #topnav ul li.hoverfix ul {
    left: auto;
    z-index: 2;
    /*border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;*/
    background-color:  #555843;
}


/* 2nd level non hover property */
#topnav ul li:hover ul li, #topnav ul li.hoverfix ul li {
    clear: left;
    background-image: none;
    height: auto;
    border: 0px;

}


/* 2nd level hover property */
#topnav ul li:hover ul li:hover, #topnav ul li.hoverfix ul li.hoverfix {
    clear: left;
    background-image: none;
    height: auto;
    border: 0px;
}

/* ######################################################### */
/* ######################################################### */
/* ######################################################### */
/* ######################################################### */

#midbrace {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#midbox {
    margin: 0px 0px 0px 0px;
    padding: 0px;
		background-image: url(images/tresc.png);
    background-repeat: repeat-y;
    min-height:200px;
    height:auto !important;
    height:200px;
    width: 820px;
    background-color: #ffffff;
    float: left;
}

/* ######################################################### */
/* ######################################################### */
/* Navbar css */
/* ######################################################### */
/* ######################################################### */

#leftbar {
    /*background-color: #f1f1f1;
		 background-image: url(images/tresc_l.png);
    background-repeat: repeat-y;*/
		margin: 0px 20px 0px 0px;
    padding: 0px 15px 0px 25px;
    width: 200px;
		height: auto;
    font-size: 85%;
    text-align:left;
    float:left;
}

#leftbar p {
    
		margin: 10px 10px 10px 0px;
		    padding: 0px;
}

#leftbar h1, #leftbar h2 {
    margin: 1px 0px 1px 0px;
    padding: 4px;
    color: #888888;
    width: 160px;
}

#leftbar #leftnav ul {
    margin: 0px;
    padding: 4px;
    width: 160px;
    list-style-type: none;
    background-color: #eeeeee;
    border: 1px solid #bbbbbb;
}

#leftbar #leftnav ul li {
    margin: 0px;
    padding: 0px;
}

#leftbar #leftnav ul li a {
    margin: 0px;
    padding: 0px;
    color: #1791e4;
    text-decoration: none;
}

#leftbar #leftnav ul li a:hover{
    margin: 0px;
    padding: 0px;
    color: #60bfff;
}

#leftbar #leftnav ul li a.active, #leftbar #leftnav ul li a.active:hover{
    margin: 0px;
    padding: 0px;
    color: #ff0000;
}

#leftbar #leftnav ul li ul {
    padding-left: 10px;
    margin: 0px;
    width: 150px;
    list-style-type: none;
    background-color: #eeeeee;
    border: none;
}

#leftbar #leftnav ul li ul li ul{
    padding-left: 10px;
}

/* ######################################################### */
/* ######################################################### */


#content {
    margin: 0px;
    padding: 0px 0px 0px 0px;
     
		 
		height: auto;
    width: 530px;
    border: none;
    text-align: center;
    float: left;
}

#content a{
        
		color: #8A6C00; 
		
}

#content a:hover, a:visited{
        
		color: #FFD700; 
		
}

div.contentwh {
    margin: 0px 0px 0px 0px;
    padding: 1px 0px 1px 0px;
    height: auto;
    width: auto;
    text-align: left;
}

div.contentinstall {
    margin: 1px 0px 1px 0px;
    padding: 2px;
    height: auto;
    width: auto;
    text-align: left;
}

div.contentinstallred {
    margin: 4px 0px 4px 0px;
    padding: 2px;
    height: auto;
    width: auto;
    background-color: #ffcdcd;
    border: 1px solid #ff0000;
    text-align: left;
}

#content ul {
    margin: 0px 0px 0px 20px;
    padding: 0px;
    list-style-type: circle;
}

#content li {
    margin: 0px 0px 0px 10px;
    padding: 0px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 80%;
    color: #444444;
}

form {
    width: auto;
}

#button {
    border: 1px solid #ff7200;
    background-color: #ffc18e;
    width: auto;
    text-align: center;
}

table {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 100%;
    border: 1px solid #bbbbbb;
    border-spacing: 0px;
    border-collapse: collapse;
    background-color: #eeeeee;
}

th {
    background-color: #dddddd;
    color: #888888;
    border-bottom: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
}

td {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 80%;
    color: #444444;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}

.tableTitle {
    background-color: #dddddd;
}

.tableFooter {
    background-color: #dddddd;
    height: 10px;
}

.tableCenter {
    text-align: center;
}

.ten {
    width: 10%;
}

.auto {
    width: auto;
}

.twenty {
    width: 20%;
}

.twentyFive {
    width: 25%
}

#UCLoginBox, #UCUserBox {
    margin: 5px 0px 0px 0px;
    padding: 2px;
    border: 1px solid #999999;
    background-color: #ffffff;
}

#UCUserBox h2 {
    margin: 0px;
    padding: 0px;
}

#UCLoginForm, #UCLogOutForm {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

#UCLoginForm input.user {
    margin: 0px;
    padding: 0px;
    width: 100px;
}

#UCLoginForm input.button {
    margin: 0px;
    padding: 0px;
}

#UCLoginForm p.userSmall {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
}

/* ######################################################### */
/* ######################################################### */
/* Footnav css */
/* ######################################################### */
/* ######################################################### */


#copyw {
    margin: 0px 0px 0px 0px;
    padding: 0px;
		
    height: auto;
    width: 820px;
    background-color: #ffffff;
    float: left;
}

#copynav {
    display: block;
		background-image: url(images/stopka.jpg);
}

#copynav ul {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    display: inline;
}

#copynav li {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    display: inline;
}


#copynav a:hover, #copyw a:hover{
    color: #ff0000;
}

#copyw p {
    margin: 0px;
    padding: 0px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    
    color: #444444;
    clear: left;
}


#footnav {
    margin: 0px 0px 0px 0px;
    padding: 7px 0px 0px 0px;
    width: 98%;
    height: 30px;
    text-align: right;
    font-size: 75%;
    font-weight: normal;
    float: left;
		color: #F0E68C;
		text-decoration:none;
}






#footnav a:hover {
    color: #8A6C00;
    
}



#footer {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    height: 30px;
    text-align: right;
    display: block;
    float: left;
}





/* ######################################################### */
/* ######################################################### */