/***************************************
****************************************
    GENERAL STYLES
    ------------------------------------
    PLEASE ADD NEW STYLE RULES TO THE
    APPROPRIATE SECTION ONLY. DO NOT
    REMOVE SECTION HEADERS EVEN IF THEY

    ARE NOT IN USE.


    Reminder: If you're setting a width
    and a padding/margin you're looking
    for trouble with ie6
    http://css.maxdesign.com.au/listamatic/about-boxmodel.htm



#FF6600 orange


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

/***************************************
    TEMPLATE VIEW
    ------------------------------------
    Styles to make the template easy to
    view - please remove.
***************************************/
div
{
    /*border:dotted 1px gray;*/
}

/***************************************
    MEDIA STYLES
    -----------------------------------
    Add any styles here that only
    need to appear on a certain device.
***************************************/
/*If a title has an image instead of text then this
 will display the text rather than the image*/
@media handheld
{    
    .hidetext
    {
        text-indent:0px;
        background: none;
    }   
}




@media print 
{
    /*more styles in tripoli/print.css*/
    div#lhs,
    div#rhs,
    div#globalnav
    {
        display:none;
    }
}



/***************************************
    USEFUL ONE LINERS
    -----------------------------------
    Any useful simple one liners here.
***************************************/
.bold{font-weight:bold;}
.italic{font-style:italic;}
.floatright{float:right;}
.floatleft{float:left;}
.clear{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}
.cleanedges{border:none;margin:0;padding:0;}
.marginbottom{margin-bottom:40px;}
.nomargin{margin:0;}
.hidetext{text-indent:-9000px; overflow:hidden;}
.alignright{text-align:right;}
.alignleft{text-align:left;}
/*html{ overflow:-moz-scrollbars-vertical;}*/






/***************************************
    GLOBAL STYLES
    ------------------------------------
    Style rules with a global effect.
***************************************/

*
{
    
}

html {overflow-y: scroll;} /*always display vertical scroll bar*/

#backgrounds{position:absolute;left:170px;top:0px;}
#backgrounds li{list-style:none;}

/*tripoli fix*/
ul#backgrounds li { text-indent: 0; margin-left: 0; }
ul#backgrounds li:before { content:''; }



html{ overflow:-moz-scrollbars-vertical;}

body
{

    background:#000;
	color:#FF6600;
    font-family:"HelveticaNeue LT 43 LightEx", Century Gothic, Arial, Sans-Serif;
}

a
{
    color:#fff;
    text-decoration:none;
}
/*correct order of psudeo classes*/
a:link{color:#fff;}
a:visited{color:#fff;}
a:hover{color:#eee;text-decoration:none;}
a:active {color:#fff;}



address
{
    margin-left:20px;
}

#container
{
    position:relative;

}


h4
{
    color:#000;
    text-align:left;    
    text-transform:none;
}




img
{
    padding:0;
    background:transparent;
    border:none;
}

div.indent
{
    border-left:solid 1px #999999;
    padding-left:10px;
}
    



.transparent_class
{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}



#loading
{
    color:#FFFFFF;
    left:609px;
    position:absolute;
    text-align:right;
    top:174px;
    width:200px;
    z-index:10;    
}


/*forces a div with floating image inside
 it to pull down to the end of the image*/
hr.clear {display: block; clear: left;
padding: 0;padding-top:0px;
visibility: hidden;width:1px;}


/***************************************
    HEADER STYLES: #header
    ------------------------------------
    Style rules for the header
    area only.
***************************************/
#header
{    
	background:#000;
	text-align:center;
}



    #header #headerglowy
    {
        height:170px;
        width:600px;
        margin:0 auto;      
          
    }


/***************************************
    GLOBAL NAVIGATION STYLES: #globalnav
    ------------------------------------
    Style rules for the *global*
    navigation.
***************************************/
    
#globalnav
{
	padding: 0 4px 0 0;
	font-size:1.3em;
	letter-spacing:-0.02em;

}

	#globalnav #globalcurrent
	{
		font-weight:bold;		
	}
	
	#globalnav ul 
	{
	    margin:0px;
	    padding-left:0;
	    text-align:right;
	}
	    #globalnav ul li 
	    {
            display:block;
            padding-top:4px;
            text-align:right;
        }


	#globalnav a.current,
	#globalnav a.selected {color:#FF6600}
    #globalnav a{color:#fff;}
    
    
/***************************************
    GLOBAL NAVIGATION STYLES: #localnav
    ------------------------------------
    Style rules for the *global*
    navigation.
***************************************/
     
    
#localnav
{
    
	    text-align:right;
	    margin-top:109px;	
	    padding: 0 4px 0 0;
	    font-size:1.1em;
	    clear:right;
}

#localnav li
{
    padding-bottom:1px;
}

    #localnav li a
    {
        display:block;
        margin-top:4px;
        color:#FF6600;
    }
    #localnav li a.selected
    {       
        color:#fff;
    }

    
    
/***************************************
    LHS AREA STYLES: #lhs
    ------------------------------------
    Style rules for the LHS column.
***************************************/
#lhs
{

}

    #lhs #smallglowy
    {
        float:right;
     margin-top:-13px;
        
    }




/***************************************
    RHS AREA STYLES: #rhs
    ------------------------------------
    Style rules for the RHS column.
***************************************/
#rhs
{
        text-align:left;
}
	
    #rhs #rhslinks
    {
        font-size:1.1em;
        margin-left:3px;
    }	

	
    #rhs #rhslinks li
    {
        margin-bottom:3px;
    }	


    #rhs #rhsmenushow
    {
        height:327px;
    }
	
    #rhs #rhslinks a
    {
       color: #FF6600;
    }	
    #rhs #rhslinks a.selected
    {
       color: #fff;
    }	

    #rhs #galleries
    {
        font-size:1.2em;
        margin-left:3px;
    }	
    #rhs #galleries li
    {
        margin-top:3px;
    }	
    #rhs #galleries h2
    {
        font-weight:normal;
        margin-bottom:5px;
    }	

/***************************************
    CONTENT STYLES: #content
    ------------------------------------
    Style rules for the primary
    content area only.
***************************************/
#content
{
    border:2px solid #373535;
    font-family:"HelveticaNeue LT 43 LightEx", Century Gothic, Arial, Sans-Serif;
    position:relative;
    background-repeat: no-repeat;
}

#content #next, #content #prev
{
    position:absolute;
    bottom:10px;
    
    
}

#content #prev
{
    left:10px;
}

#content #next
{
    right:10px;
    
}



	#content h1
	{
        color:#FF6600;
        font-size:1.6em;
        margin:0;padding:0;
        font-weight:normal;
	}
	#content h2
	{
        color:#FF6600;
        font-size:1.15em;
        margin:0;padding:0;
        font-weight:normal;
	}

	#content p
    {
        color:#CCCCCC;
        font-size:1.1em;
        line-height:1.3em;
        margin:0;
        padding:0;
    	    
	}

    #content a,
    #content a:link,
    #content a:visited,
    #content .orange,
    #content p a
    {
        color:#FF6600;
        text-decoration:none;
    }


    #content .white
    {
        color:#fff;
    }

	#content .clear
	{
	    clear:both;
	}
	/*
	    left / right floating things
	    use for images etc
	*/
	#content .floatleft
	{
	    float:left;
	    display:block;
	    margin: 5px 10px 5px 0;
	}
	
	#content .floatright
	{
	    float:right;
	    display:block;
	}


	
	/*float left and right images with padding for */
    #content img.left
    {
        display:block;
        float:left;
        padding:0 8px 8px 0;

    }    
    #content img.right
    {
        display:block;
        float:right;
        padding:0 0 8px 8px;
    }

	    

/*cms fix*/
#content .cms *[style],
#content .cms *[style] *[style],
#content .cms *[style] *[style] *[style],
#content .cms *[style] *[style] *[style] *[style]
{
    color:inherit !important;
    font-size:inherit !important;
}




    
/* Lists */
#content ol
{
}

#content ul
{
}

#content li
{
    color: #f60;
    font-size: 1.1em;
    list-style-position: outside;
    list-style-type: disc;
    margin-left: 0;
}


/***************************************
    FORMS STYLES: #content form
    ------------------------------------
    Style rules for form
    areas only.
***************************************/
#content form{}
#content form fieldset {}
#content form fieldset ledgend{}

#content form fieldset p /*for descriptions*/
{
    clear:both;
    font-size:0.8em;
}
#content form ol
{
    list-style: none;
    list-style-type:none;
    list-style-position:inside;
    padding:0;
    margin:0;
}
#content form ol.formrows li
{
    list-style-type:none;
    clear:both;
    list-style: none;
    padding:3px;
    list-style-position:inside;
}


#content form .required{color:#f00;}

#content form input, #content form select
{
    display:block;
    float:left;
}



#content form .half label
{
    width:49%;
}
#content form .half input, #content form .half select
{
    width:40%;
}

#content form input.radiobox, #content form input.checkbox
{
    display:block;
    float:left;
}

#content form label
{
    width:12em;
    display:block;
    float:left;
    text-align:right;
    margin-right:0.5em;
}

/*display radio buttons etc in a row*/
#content form div.inline *
{
    display:inline !important;
    float:none !important;     

}

#content form input.radiobox, 
#content form input.checkbox
{
   
}

#content form textarea
{
    margin-top:1em;
    width:60%;
}



/*to add variance to the forms by wrapping whatever elemnts in a div, add a new one for 33% for 3 cols etc*/
#content form div.half
{
    float:left;
    width:48%;
    margin:0;
    padding:0;
}
#content form div.floatright
{
    float:right;
}
#content form .marginleft{margin-left:5px;}
#content form .marginright{margin-right:5px;}


#content form .validation
{
    background:#EF6459;
    border:1px solid #AF3F36;
    padding:1em;
    font-size:0.8em;
}
    #content form .validation li
    {
        margin:0;
        padding:0;
    }


/***************************************
    FOOTER STYLES: #footer
    ------------------------------------
    Style rules for the footer
    area only.
***************************************/
#footer
{
    text-align:center;
    color:#555555;
}

#footer #mp3
{
    /*position:absolute;
    right:141px;
    text-align:right;
    top:-20px;*/
    width:30px;
    float:right;
    margin-top:15px;
}

#footer #mp3 object
{
    float:right;
}



	
/***************************************
    SINGLE PAGE STYLES: #page
    ------------------------------------
    Style rules for specific pages.
    Replace the id #container with a
    unique id to do this.
***************************************/
div#content div#sitemap *
{
    visibility:visible;
    margin:0;
    padding:0;
    float:none;
    display:block;    
    position:static;
    width:auto;
    height:auto;
    border:0;
    background:none;
    color:#333333;
}

div#content div#sitemap  li
  {
    margin-left:20px;
    padding-left:15px;
    margin-top:4px;
    margin-bottom:4px;
}

div#content div#sitemap  li li
{
    margin-left:20px;
    padding-left:35px;
}

div#content div#sitemap  li.AspNet-Menu-WithChildren a
  {
    background:url(../images/sitemap_arrow.gif) center left no-repeat;
    margin-left:30px;
    padding-left:15px;
}

div#content div#sitemap   li li.AspNet-Menu-Leaf a
{
    background:url(../images/sitemap_arrow_small.gif) center left no-repeat;
    margin-left:40px;
    padding-left:15px;
}

div#content div#sitemap  ul
{
    margin-left:-20px;           
}

div#content div#sitemap  a
{
    color:inherit;     
}

div#content div#sitemap  a:hover
{
    color:#666666;     
}

.left
{
    float: left;
    width: 340px;
}

#map
{
    float: right;
    width: 240px;
}


/***************************************
    JAVASCRIPT STYLES
    ------------------------------------
    Style rules for specific javascript
    files.

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


/***************************************
    END
***************************************/