/**********************************************************************************
=Global Reset
**********************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

html, body
{
	height:100%;
}

body 
{
    color:#FFFFFF;
    background: #000000;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 69%;
	text-align: center;
	line-height: 1;
	margin:0;padding:0;
}

/**********************************************************************************
=Useful Classes
**********************************************************************************/
.clearfix:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

	/* WinIE7 only */
	*:first-child+html .clearfix 	{ height:1%; }
	
	/* WinIE6 and below */
	/*¥*/
	* html .clearfix { height:1%;}

	/**/
	/* MacIE only */
	/*¥*//*/
	.clearfix { display:inline-table; }
	/**/

.left { float:left; }
.right { float:right; }
.clear { clear:both; }

.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }

.b , strong, b { font-weight:bold; }
.i , em, i { font-style:italic; }

.nobrk  { white-space : nowrap; }
.upper {text-transform:uppercase;}

/**********************************************************************************
=Common Elements
**********************************************************************************/
h1
{
	font-size:2em;
	font-weight:bold;
}

h2
{
	font-size:1.6em;
	font-weight:bold;
}
  
h3
{
	font-size:1.1em;
	font-weight:bold;
	margin:0 0 10px 0;
}

h4
{
	font-size:1.1em;
	font-weight:bold;
}

h5{font-weight:bold;}

p
{
	padding:0 0 15px 0;
	font-size:1em;
}

ol{	padding:0 0 20px 20px;}
ul{padding:0 0 0 20px;}

img {border:none;}
a:active, a:focus {outline: 0;}

del {text-decoration: line-through;}

/**********************************************************************************
=Text
**********************************************************************************/


/**********************************************************************************
=Links
**********************************************************************************/

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

/**********************************************************************************
=Forms 
**********************************************************************************/

form
{
	margin:0;
	padding:0;
}

input, select, textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
}

/**********************************************************************************
=Tables 
**********************************************************************************/
table
{
	font-size: 100%;
	border:0;
	margin:0;
	padding:0;
	border-collapse: separate;
	border-spacing: 0;
}
	caption, th, td
	{
		text-align: left;
		font-weight: normal;
	}

/**********************************************************************************
=Layout
**********************************************************************************/
#content_start, #content_start img{float:left;}
.container
{
	margin:0 auto;
	text-align:left;
	height:auto !important;
    height:768px;
    min-height:768px;
    width:100%;
    min-width:995px;
    max-width:1280px;
    font-size:1.1em;
    text-shadow: #212121 0 0 0;
    position:relative;
    z-index:995;
}
	
#header
{
    height:410px;
}
    #header.home
    {
        height:250px;
    }    .logo
    {
        margin:30px 20px 0 0;
        float:right;}
    
#nav
{
    margin:20px 0 0 20px;
    float:left;
    font-size:1.1em;
    color:#161717;
    list-style-type:none;
    position:relative;
    z-index:996;
}

    #nav li
    {
        float:left;
        margin:0 3px 0 0;
        padding:0;
    }
        
        #nav li a
        {
            float:left;
            width:55px;
            height:55px;
            padding:5px;
            text-decoration:none;
            background:url(../images/bg_fade.png);
            color:#161717;
        }
            #nav li a:hover{color:#F7FCFD;background:url(../images/bg_fade_hover.png);}
        
       
      #nav li#mnuDatetime
     {
        width:240px;
        height:56px;
        padding:4px 3px 5px 7px;
        line-height:1.2em;
        background:url(../images/bg_fade.png);
     }
         #mnuDatetime span
         {
            display:block;
         }
        
#content_container
{
    clear:both;
    margin:0 0 0 0;
    font-size:1.2em;
    color:#FFFFFF;
    line-height:1.2em;
    position:relative;
    z-index:996;
    float:left;
    width:100%;
}

#subnav_container
{
    width:15%;
    float:left;
    margin:0 3% 0 2%;
    position:relative;
    z-index:997;
}
    
#subnav
{
    display:block;
    position:relative;
    list-style-type:none;
    padding:0;
    font-size:0.9em;
    z-index:998;
}
    #subnav li
    {
        padding:3px 0;
        margin:0;
        line-height:1.8em;
        border-bottom:1px solid #FFFFFF;
    }
         #subnav li.last{border:0;}

    #subnav li a
    {
        text-decoration:none;
        color:#FFFFFF;
    }
        
    #subnav li a:hover, #subnav li.selected a
    {
        color:#838282;
    }
        #subnav li ul
        {
            border-top:1px solid #FFFFFF;  
            list-style-type:none;
            margin:0;
            padding:0 0 0 15px;
        }
        #subnav li ul li{padding-left:5px;}
        
        #subnav li.selected ul a{color:#FFFFFF;}
     
     .team_menu
     {
        display:none;
        position:absolute;
        top:88px;
        left:100%;
        width:200px;
        background:#FFFFFF;
        padding:10px 10px 0;
        font-size:0.8em;
        line-height:1.1em;
        z-index:999;
     }
        .team_menu strong
        {
            font-size:1.2em;
            font-weight:normal;
            display:block;
            padding:0;
        }
        
        #subnav li .team_menu a
        {
            display:block;
            color:#2F2F2F;
            margin:0 0 10px 0;
            background:url(../images/arrow.gif) right no-repeat;
        }
        
         #subnav li .team_menu a:hover
         {
            color:#838282;
            background:url(../images/arrow_hover.gif) right no-repeat;
         }
        
      #team_nav li
      {
        cursor:pointer;
      }

#content
{
    float:left;
    width:75%;
    margin-right:3%;
    text-align:justify;
    padding:6px 0 0 0;
    font-size:0.9em;
}
    #contact p{text-align:justify;}
    
    #content ul
    {
        margin:0 0 10px 0;
    }
        #content ul ul
        {
            margin:0 0 0 0;
        }
    
    #content ol
    {
        margin:10px 0 0 20px;
    }
        #content ol li
        {
            margin:0 0 10px 0;
        }
        
#copyright
{
    clear:both;
    margin:0 auto;
    font-size:1em;
    text-align:right;
    width:100%;
    min-width:995px;
    max-width:1280px;
    text-shadow: #212121 0 0 0;
}  
    #copyright span
    {
        margin-right:2%;
    }
    
/**********************************************************************************
=Homepage
**********************************************************************************/

#intro
{
    color:#FFFFFF;
    width:60%;
    margin:-0 0 0 20px;
    padding:10px 0 0 0;
    font-size:2.06em;
    line-height:1.3em;
    height:auto!important;
    height:370px;
    min-height:370px;
}
    #intro div{padding:20px;}
    #intro strong{font-size:1.33em;}

#boxes
{
    margin:30px 2% 18px 2%;
    float:left;
    width:96%;
    color:#363638;
    background:url(../images/bg_fade.png) repeat;
    font-size:0.9em;
}

    #boxes h3{margin:0;padding:0;font-size:1em;}   
     
    #boxes div.vdr
    {
        float:left;
        width:40%;
    }
        #boxes div.vdr div
        {
            padding:8px 10px 13px;
        }
    
    #boxes div.news
    {
        float:left;
        width:60%;
    }
    
    #boxes div.news div
    {
        float:left;
        width:28%;
        height:65px;
        margin:5px 1% 5px 0;
        display:inline;
        padding:3px 10px 8px;
        border-left:2px #363638 solid;
    }
     
    #boxes div.news div div
    {
        border:0;
        background:none;
        width:100%;
        height:auto;
        margin:0;padding:0;
    }
    
    #boxes a
    {
        text-decoration:none;
        color:#363638;
    }
    
#login
{
    float:left;
    width:95%;
    margin:0 0 0 5%;
    font-size:1.1em;
}
    #login div
    {
        border:2px solid #838282;
        padding:10px 0;
        background:#1F1F1F;
    }
        #login div h4
        {
            margin:0 5%;
            text-align:left;
            font-size:1.2em;
        }
        #login div label
        {
            float:left;
            clear:left;
            margin:0 5% 4px;
        }
        #login div input
        {
            float:left;
            clear:left;
            margin:0 5% 5px;
            width:90%;
        }
        #login div input.button
        {
            float:right;
            border:none;
            padding:0;
            margin:0 5% 4px;
            background:none;
            color:#FFFFFF;
            font-weight:bold;
            cursor:pointer;
            clear:both;
            width:auto;
        }
        
        #login span.error
        {
            color:#962714;
            display:block;
            border:2px solid #962714;
            padding:5px;
            background:#CF978E;
            margin:0 0 5px 0;
            text-align:left;
            font-weight:bold;
        }
        
/**********************************************************************************
=News
**********************************************************************************/
.news_image
{
    float:right;
    padding:8px;
    border:1px solid #DFDFDF;
    margin:10px 10px 10px 20px;
}

.news_title
{
    font-size:1.2em;
    color:#DFDFDF;
}

.news_date
{
    font-size:1.2em;
    display:block;
    padding:4px 0 15px;
}

    .event_date{padding:6px 0 0;}

.list
{
    padding:20px 0;
    border-bottom:1px solid #5F5F5F;
    font-size:0.95em;
    width:100%;
}
    .list div
    {
        height:auto!important;
        height:90px;
        min-height:90px;
    }
    
    .list h4
    {
        font-size:1.2em;
        color:#DFDFDF;
    }
        .list h4 a
        {
            text-decoration:none;
            color:#DFDFDF;
        }

    .list .date
    {
    font-size:1.2em; 
    display:block;
    }
    
.bTeam
{
    display:block;
    padding-left:35px;
    height:38px;line-height:38px;
    background:url(../images/b_backteam.gif) no-repeat top left;
    font-size:0.8em;
    text-decoration:none;
    font-weight:bold;
}

.sitemap a{text-decoration:none;}
.sitemap a:hover{text-decoration:underline;}

.sitemap{float:left;}
.sitemap, .sitemap ul
{
    list-style-type:none;
    padding:0;
    margin:10px 0 0 0;
}
   
   .sitemap ul
   {
        margin:8px 0 0 15px;
   }
   .sitemap li{padding:0 0;margin:0;}
   
#team_all a
{
    float:left;
    padding:5px;
    text-decoration:none;
    border:3px solid #2F2F2F;
    margin:0 10px 10px 0;
    height:81px;
    width:212px;
}
    #team_all a:hover
    {
        background:#2F2F2F;
    }
    
    #team_all a img
    {
        float:left;
        margin:0 5px 0 0;
        border:1px solid #FFFFFF;
    }
        #team_all a:hover img
        {
            border:1px solid #999999;
        }
        
    #team_all a div
    {
        width:140px;
        float:left;
        text-align:left;
    }
    
        #team_all a strong
        {
            display:block;
        }
        
        #team_all a span
        {
            display:block;
        }