/*
light grey  = cccccc
medium grey = 999999
dark grey   = 666666
very dark   = 333333
*/


body		{color:#000000; background-color: #333333;
		 font-family:arial,helvetica,sans-serif;}

h1		{margin:10px; padding:0px; font-size:60px; font-weight:bold; color:#99ccff; text-align:center; }
h2		{margin:5px; padding:0px; font-size:15px; font-weight:bold; color:#ff6600;}
h3		{margin:5px; padding:0px; font-size:15px; font-weight:bold;}

a		{text-decoration: none; color:white;}
a:hover		{text-decoration:underline; color:yellow;}


table		{border:0px solid white;}
tr		{margin:0px; padding:0px; border:0;}
td		{margin:0px; padding:4px; border:0;}

#edit		{width:996px; margin:0px auto; padding:0px;
		 background-color:#cccccc;}
#edit td	{margin:0px; padding:3px; border:1px solid white;}


.error		{background-color:#ff0000; color:white; font-weight:bold;}
.message	{background-color:#3333ff; color:white; font-weight:bold;}

div		{margin:0px; padding:0px;}

div.titles 
{
font-family:arial,helvetica,sans-serif;
font-size:15pt;
font-weight:bold;
color:#ffff33;
}

div.titles input
{
font-family:arial,helvetica,sans-serif;
font-size:15pt;
font-weight:bold;
color:#ff6633;
}


div.instructions, div.instructions textarea
{
font-family:arial,helvetica,sans-serif;
font-size:8pt;
font-weight:bold;
font-style:italic;
color:#ffff33;
}

div.descriptions, div.descriptions textarea
{
font-family:arial,helvetica,sans-serif;
font-size:10pt;
font-weight:normal;
font-style:normal;
color:#99ccff;
}

/* copied from descriptions */
div.google, div.google input
{
font-family:arial,helvetica,sans-serif;
font-size:10pt;
font-weight:bold;
font-style:italic;
color:#0033cc;
width:300px;
height:100px;
}

div.headings
{
font-family:arial,helvetica,sans-serif;
font-size:45pt;
font-weight:bold;
font-style:normal;
color:#99ccff;
text-align:center;
}

div.headings select
{
font-family:arial,helvetica,sans-serif;
font-size:18pt;
font-weight:bold;
font-style:italic;
color:#3366cc;
}

div.link-titles
{
font-family:arial,helvetica,sans-serif;
font-size:10pt;
font-weight:bold;
font-style:italic;
color:#3366cc;
text-align:center;
}

div.tag-cloud-title
{
font-family:arial,helvetica,sans-serif;
font-size:20pt;
font-weight:bold;
font-style:italic;
color:#ff6600;
text-align:center;
}


div.tag-cloud
{
font-family:arial,helvetica,sans-serif;
font-size:15pt;
font-weight:bold;
font-style:italic;
color:#3366cc;
text-align:center;
}

.link-titles-right
  {width:300px; height:60px; margin:0px; padding:0px;}
.link-titles-right a
  {display:block;}

.link-titles-right a:link,
.link-titles-right a:visited
  {padding:0px 2px 2px 0px;}

.link-titles-right a:hover,
.link-titles-right a:active
  {padding:2px 0px 0px 2px;} 


div.home-link-titles
{
font-family:arial,helvetica,sans-serif;
font-size:10pt;
font-weight:bold;
font-style:italic;
color:#3366cc;
text-align:center;
}

span.link-titles
{
font-family:arial,helvetica,sans-serif;
font-size:10pt;
font-weight:bold;
font-style:italic;
color:#3366cc;

width:110px;
height:100px;
margin:10px;
padding:0px;
text-align:center;
float:left;
}

div.link
{
font-family:arial,helvetica,sans-serif;
font-size:10pt;
font-weight:bold;
font-style:italic;
color:#ff6600;
}


input.search-button 
{
background-color: #9999ff;  
font-weight: bold; 
font-size: 12px; 
color: white;
}

input.contact-button 
{
background-color: #9999ff;  
font-weight: bold; 
font-size: 12px; 
color: white;
}



#pano_menutext 
{
text-align: center;
color: #ffffff;
background-color: #999999;
}

#new_sect_name, #ren_sect_name
{
color: #ffffff;
background: #99aabb;
font-weight: bold;
}

.controls	{text-align:center;}



/*
#pano_box	{width:100%;  text-align:center;}
*/



object.flashvideo
{
height:300px;
}
/* width:100%; doesn't work here */





/* menu */

#menu_box 
{
width:165px;
height:470px;
margin:0px;
padding:0px;
}

dl, dt, dd, ul, li 
{
list-style-type: none;
margin:0px;
padding:0px;
}

#menu 
{
width:165px;
font: 75% arial, helvetica, sans-serif;
color: #ffffff;
}

#menu dt 
{
width:145px; height:12px;
cursor: pointer;
margin: 2px 0px;
line-height: 12px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background-color: #99aabb;
}

#menu dd 
{
width:145px;
margin-left:4px;
border: 1px solid gray;
display:none;
}

#menu li 
{
text-align: center;
background-color: #999999;
border: 1px solid blue;
}

#menu li a, #menu dt a 
{
color: #ffffff;
text-decoration: none;
display: block;
border: none;
height: 100%;
}

#menu li a:hover 
{
background-color: #666666;
}

#menu dt a:hover  
{
background-color: #6666ff;
}

 /* Google Search Box container */
#goog-wm 
{  
width: 400px;
padding: 1em;
color:#ff6600;
font-family:arial,helvetica,sans-serif;
font-weight:bold;

}

    /* Heading for "Closest match"
   #goog-wm h3.closest-match { }

    /* "Closest match" link
   #goog-wm h3.closest-match a { }

    /* Heading for "Other things" */
   #goog-wm h3.other-things {display:none;}

    /* "Other things" list item */
   #goog-wm ul li { }
   
   
   
   
   
    
    /* banner widths and flag radius added 21.10.11 */  
     
img.banner
{
    width:95%;
    display: block;
    margin-left: auto;
    margin-right: auto; 
    border-radius:10px;
    }

img.banner_home_page
{
    width:800px;
    display: block;
    margin-left: auto;
    margin-right: auto; 
    border-radius:10px;
    }
    
img.image_home_page
{
    width:630px;
    display: block;
    margin-left: auto;
    margin-right: auto; 
    border-radius:10px;
    height:150px;    
    }    
    
#flags img 
{
    border-radius:5px;
    width:120px;
    height:60px;
    }

 #links_left img 
{
    border-radius:5px;
    border: 1px solid white;
    }   
    
  #links_right img 
{
    border-radius:5px;
    border: 1px solid white;
    }