/**********/
/* Layout */
/**********/

html, body
{
    width:              100%;
    height:             100%;
    margin:             0px;
    padding:            0px;
    font-family:        Arial, Verdana, sans-serif;
    font-size:          16px;
    color:              #404040;
}

body
{
    background:         url("top.gif") repeat-x;
}

div#top
{
    width:              980px;
    height:             160px;
    margin:             0px auto;
}

div#logo
{
    float:              left;
    width:              400px;
    height:             160px;
    background:         url("logo.gif") no-repeat;
}

div#search
{
    float:              right;
    width:              250px;
    height:             60px;
    padding:            100px 0px 0px 20px;
    background:         url("search.gif") no-repeat;
}

div#container
{
    width:              780px;/*980px */
    margin:             0px auto;
}

div#left_container
{
    /*float:              left; /**/
    width:              780px;/* 710px */
	/* background-color: green; /**/
}

div#content
{
    /* float:              right; /**/
    width:              780px;/* 510px */
    padding:            10px 0px 20px 0px;
	/* background-color: red; /**/
}

div#left
{
    display:			none;
	/*width:              200px;
	height: 25px;
    margin:             0px 780px 0px 0px;
	 background-color: red; /**/
}

div#left_top
{
    height:             25px;
    background:         url("left_top.gif") no-repeat;
}

div#left_content
{
    background:         url("left_content.gif") repeat-y;
}

div#left_bottom
{
    height:             25px;
    background:         url("left_bottom.gif") no-repeat;
}

div#right
{
	display: 			none;
    width:              0px; /*270px*/
	height:				25px;
    margin:             0px 0px 0px 710px;
	background-color: black;
}

div#right_top
{
    height:             25px;
    background:         url("right_top.gif") no-repeat;
}

div#right_content
{
    width:              230px;
    padding:            0px 20px 0px 20px;
    background:         url("right_content.gif") repeat-y;
}

div#right_bottom
{
    height:             25px;
    background:         url("right_bottom.gif") no-repeat;
}

div#footer
{
    clear:              both;
    padding-bottom:     10px;
    color:              #999;
    font-size:          0.75em;
}

/******************/
/* Style - Global */
/******************/

img
{
    border:             0px;
    padding:            0px;
    margin:             0px;
}

.center   { text-align: center; }
.left       { text-align: left;   }
.right     { text-align: right;  }
.f_left   { float: left;        }
.f_right { float: right;       }
.display_none { display: none; }
.hidden { display: none; }

.bold       { font-weight: bold;  }

a 
{
    color:              #06569d;
}

a:hover
{
    color:              #ff8400;
}

hr
{
    display:            none;
}

div#top h1, h2
{
    display:            none;
}

/***************************/
/* Style - Skip Navigation */
/***************************/

div#skipnav
{
    position:           absolute;
    top:                2px;
    left:               2px;
}

div#skipnav ul
{
    list-style-type:    none;
    margin:             0px;
    padding:            0px;
}

div#skipnav a
{
    display:            block;
    position:           absolute;
    top:                2px;
    left:               2px;
    width: 1px;
    height: 1px;
    padding:            2px 10px;
    overflow:           hidden;
}

#skipnav a:active, #skipnav a:focus
{
    min-width:          200px;
    width:              auto;
    height:             auto;
    background:         #fff;
    border:             1px dotted #ff8400;
    color:              #ff8400;
}

/******************/
/* Style - Search */
/******************/

div#search input.text
{
    width:              150px;
    padding:            2px;
    background:         #fff;
    border:             1px solid #ddd;
    font-size:          0.875em;
}

div#search input.button
{
    background:         #ff8400;
    color:              #fff;
    font-size:          0.875em;
    font-weight:        bold;
}

/****************/
/* Style - Menu */
/****************/

div#left_content ul.menu
{
    font-size: 0.875em;
}

div#left_content ul.menu, div#left_content ul.menu > li > ul
{
    margin:             0px;
    padding:            0px;
    list-style-type:    none;
}

div#left_content ul.menu li a
{
    display:            block;
    height:             24px;
    margin:             0px;
    padding:            6px 0px 0px 21px;
    text-decoration:    none;
    font-weight:        bold;
}

div#left_content ul.menu li > a:hover, div#left_content ul.menu > li.active > a, div#left_content ul.menu li ul li.active a
{
    background:         url("left_menu.gif") bottom no-repeat;
    color:              #fff;
}

div#left_content ul.menu > li > ul > li > a
{
    padding-left:       36px;
    font-weight:        normal;
}

/*****************/
/* Style - Left  */
/*****************/

div#left_content h3
{
    margin:             0px 20px 0px 20px;
    padding:            0px 0px 2px 0px;
    border-bottom:      3px solid #ff8400;
    font-size:          0.875em;
}

div#left_content p
{
    margin:             0px;
    padding:            0px 0px 0px 0px;
}

/*****************/
/* Style - Right */
/*****************/

div#right h3
{
    margin:             0px 0px 10px 0px;
    padding:            0px 0px 2px 0px;
    border-bottom:      3px solid #ff8400;
    font-size:          1.125em;
}

div#right p
{
    margin:             0px;
    padding:            0px 0px 10px 5px;
    font-size:          0.875em;
}

div#right a.big
{
    display:            block;
    padding:            2px 5px;
    font-size:          0.875em;
    font-weight:        bold;
    text-decoration:    underline;
    /*border-bottom:      2px solid #fff;*/
}

div#right a.big:hover
{
    /*border-bottom:      2px solid #ff8400;*/
    background:         #ff8400;
    color:              #fff;
}


div#right_content h4 {
    margin:             4px 0px 0 5px;
    padding:            0px 0px 2px 0px;
	}
div#right_content p.events {
	padding: 0 0 0 5px;
	}
div#right_content a.events {
	padding: 0 0 20px 5px;
	display: block;
    font-weight: bold;
    font-size: 0.8em;
	}

/*******************/
/* Style - Content */
/*******************/

div#content h3
{
    margin:             0px 0px 10px 0px;
    padding:            0px 0px 2px 0px;
    font-size:          1.5em;
    border-bottom:      4px solid #ff8400;
}

div#content h4
{
    margin:             0px;
    padding:            0px;
    font-size:          1.3em;
    border-bottom:      2px solid #999;
}

div#content p
{
    margin:             0px 0px 10px 0px;
    padding:            0px;
    line-height:		1.4em;
}

div#content ul
{
    list-style-type:    square;
    margin:             0px 0px 10px 0px;
    padding:            0px 0px 0px 15px;
    /*color:              #ff8400;*/
}
div#content ul li
{
	margin: 0;
	padding: 0 0 10px 0;
    line-height:		1.4em;
}
div#content ul li span
{
    color:              #555;
}

div#content ul li ul
{
    margin-top: 10px;
    margin-bottom: 0px;
}


div#content table
{
    margin:             0px 0px 10px 0px;
    border:             2px solid #ddd;
    border-collapse:    collapse;
}

div#content table tr
{
    border-bottom:      1px solid #ddd;
}

div#content table tr th
{
    padding:            4px 10px 4px 5px;
    color:              #fff;
    background:         #ff8400;
    border-bottom:      2px solid #ddd;
    text-align:         left;
}

div#content table tr td
{
    padding:            2px 10px 2px 5px;
}

div#content table.consortium
{
    margin:             20px auto 10px auto;
    border:             0px;
}

div#content table.consortium tr
{
    border-bottom:      1px dotted #ff8400;
    border-top:         1px dotted #ff8400;
}

div#content table.consortium tr td
{
    padding:            16px 6px;
    border:             0px;
    vertical-align:     middle;
}

div#content acronym
{
    cursor:             help;
    border-bottom:      1px dotted #555;
}

/* Navigation */

div.navigation
{
    font-size:          0.75em;
}

/* Footer */

div#footer a
{
    color:              #999;
}

div#footer a:hover
{
    color:              #ff8400;
}