/*GLOBAL PROPERTIES*/
html {
	margin : 0px;

}
body {
	margin : 0px;
	font-family:Arial,"Trebuchet MS",Sans-Serif;
	/* font-family: "Lucida Grande", Lucida, Verdana, sans-serif; */
	color : #333;
	background-image: url(back.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}


#body-container {
	width : 960px;
	margin : 0 auto;
	position: relative;
	
}

img {
	border : 0px;
}
hr {
	border : solid 0px #ccc;
	background-color : #ccc;
	height : 1px;
	margin : 0;
}
.left {
	float : left;
	display : block;
	margin-right : 15px;
}
.right {
	float : right;
	display : block;
	margin-left : 15px;
}
a {
	text-decoration: none; color:#666666
}
a:hover { text-decoration: underline; }

.top_links { position: absolute; top: 10px; right: 10px; }

#topNav {float: right; margin: 3px 5px 5px 0;list-style: none;overflow: hidden;display: inline; }
#topNav li {float: right;display: inline;margin: 0;color: #FFF;display: block; padding-left:5px}

#topNav li.spacer {
	MARGIN: 0px 3px; display: inline; color:#CCCCCC
}
#topNav li A {
TEXT-DECORATION: none! important; FONT: 12px/16px Helvetica, Arial, sans-serif; TEXT-TRANSFORM: uppercase; color:#333; padding:5px
}
#topNav li A:hover
{TEXT-DECORATION: none! important; background-color:#FFcc33; color:#000000}


#top-area *, #navigation *, #navigation_new *, #footer * { padding: 0; margin: 0; outline: 0; }

#navigation { width: 960px; position: relative; z-index: 100; }

.search_box form { float: right; display: inline; width: 193px; padding: 0 10px 0 0; }
.search_box form .field { width: 165px; float: left; display: inline; font-size: 11px; color: #656565; }
.field { font-size: 11px; color: #656565; font-family: Arial, "Trebuchet MS", sans-serif; border: 1px solid #dedede; padding: 2px 5px 3px; background: #FFF; }
.search_box form .button_search { float: right; display: inline; }
.button_search { display: block; font-size: 0; line-height: 0; text-indent: -4000px; border: none; width: 30px; height: 30px; margin-left: 3px; }
.button_search { background: url(ok.png) no-repeat 0 0; cursor: pointer; }
.input {
	background-color: #F2F7F7;
	border: 1px solid #BED2D3;
	padding:2px
}

.search_box { position: absolute; top: 60px; right: -10px; }

/*-----------------------------------------------------------------------------
	Header (this needs to be synced with the tgc-base WP theme)
-----------------------------------------------------------------------------*/

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

#top-area { padding: 0px; font-size:11px; }

#top-area ul { float: right; display: inline; list-style-type: none; letter-spacing: 1px; line-height: 13px; }
#top-area ul li { float: left; display: inline; padding-right: 10px; margin-right: 9px; background: url(sep-v.gif) repeat-y right 0; }
#top-area ul li.last { padding-right: 0; margin-right: 0; background: none; }
#top-area ul li a { color: #666; }

#logo { float: left; display: inline; width: 250px; height: 90px; font-size: 0; line-height: 0; }
#logo a { display: block; height: 90px; text-indent: -4000px; background: url(sigla.jpg) no-repeat 0 0; }

#logo_en { float: left; display: inline; width: 250px; height: 90px; font-size: 0; line-height: 0; }
#logo_en a { display: block; height: 90px; text-indent: -4000px; background: url(sigla_en.jpg) no-repeat 0 0; }
/*-----------------------------------------------------------------------------
	Footer (this needs to be synced with the tgc-base WP theme)
-----------------------------------------------------------------------------*/

#footer { margin: 0 auto; border-top: solid 4px #424242; font-size: 10px; color: #939aa0; line-height: 14px; padding-top: 9px; padding-bottom: 20px; text-align:center }
#footer p { font-size: 12px; }
#footer a { font-size: 12px;color: #666; }
#footer .nav {margin-top: 4px; padding-top: 10px; } 
#footer .nav a { font-size: 12px;color: #666; text-decoration:none; font-family : "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
#footer .nav a:hoover { font-size: 12px;color: #333; text-decoration:underline }
#footer .nav strong { color: #595959; }
#footer .nav { margin: 5px 0;}
#footer .copy { border-top: solid 1px #dfdfdf; margin-top: 4px; padding-top: 10px; }


/*-----------------------------------------------------------------------------
	Right Sidebar
-----------------------------------------------------------------------------*/

.ColLeft {
	/* 585px space */
	float: left;
	width: 580px;
}

.ColRight {
	width : 150px;
	float : right;
	margin-top: 20px;
}

/*Appearance of Drop Shadow Text*/
span.shadow {
	top: -9px;
	left: 1px;
	color: #566986;
}

h1 {
	font-family : "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size : 1.7em;
	margin : 0 0 15px 0;
	letter-spacing : -1px;
	color : #333;
	line-height : 1em;
}
h1 a {	
	color : #333;
}
h1 a:hover {	
	color : #333;
}
h2 a {

	display : block;
	float : left;
	
}
h2 a span {
	font-family : arial;
	font-size : 1.3em;
	color : #2f8ad1;
	line-height : 20px;
}
h2 {
	line-height : 24px;
	font-family : "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color : #444;
	margin : 0;
	letter-spacing : -1px;
	display : block;
	padding-bottom : 5px;
	border-bottom : solid 3px #aaa;
	font-weight : bold;
	font-size : 1.3em;
}
h2 em {
	float : left;
	margin-left : 10px;
	font-size : 0.6em;
	font-family : georgia;
	color : #888;
	line-height : 24px;
	font-weight : normal;
	letter-spacing : 0px;
}
H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 16px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #1E3951; LINE-HEIGHT: 22px; PADDING-TOP: 0px
}
H3 A {
	COLOR: #1E3951! important; TEXT-DECORATION: none! important
}
H3 A:hover {
	COLOR: #000000! important; TEXT-DECORATION: underline! important
}


/*-----------------------------------------------------------------------------
	Navigation  (revised design  - 06/2011)
-----------------------------------------------------------------------------*/

#navbar>li.selected>a, #navbar>li.selected>a:hover { background: url(bg_nav_a.gif) bottom center no-repeat; font-weight: bold; 	text-decoration: none;}
#navbar>li.selected>a:link, #navbar>li.selected>a:hover, #navbar>li.selected>a:visited {
	color: #FFFFFF; text-decoration: none;

}
#navbar>li>a:focus, #navbar>li>a:hover, #navbar #nav_resources.selected a:hover, #navbar #nav_resources.hover a, #navbar #nav_resources.hover a span, #navbar #nav_resources.selected>a:hover span, #navbar #nav_blogs.selected a:hover, #navbar>#nav_blogs.hover>a, #navbar #nav_blogs.hover>a>span, #navbar #nav_blogs.selected a:hover span, #navbar #nav_intl.selected a:hover, #navbar>#nav_intl.hover>a, #navbar #nav_intl.hover>a>span, #navbar #nav_intl.selected a:hover span, #navbar #nav_conferences.selected a:hover, #navbar #nav_conferences.hover a, #navbar #nav_conferences.hover a span, #navbar #nav_conferences.selected a:hover span {
	background-image: none;
	background-color: #35566A;
	text-decoration: none;
	outline: 0;
}

#navigation #navbar>li {
	text-transform: uppercase;
	font: 12px/35px Arial, Sans-Serif;
	color: #FFF;
}
#navigation ul>li>a {
	text-align: center;
	position: relative;
	display: block;
	color: #FFF; text-decoration: none;
}
/* #navigation ul>li#nav_network>a { padding: 0 29px 0 29px !important;  }  */

#navbar li a:visited, #navbar li a:hover { color: #FFF;}

#nav_home{ width: 60px; padding-top:5px;}
#nav_resources { width: 160px; }
#nav_videos{ width: 200px; }
#nav_blogs{ width: 160px; }


.sub_nav { height: 270px !important; }
.sub_nav .indices { height: 255px !important; }
.sub_nav .indices2 { height: 255px !important; }
.sub_nav {
	display: none;
	width: 960px;
	height: 260px;
	padding: 0;
	position: absolute;
	background-color: #35566A;
	top: 35px;
	left: 0;
	box-shadow: 0 10px 20px #000;
}
.sub_nav a:link, .sub_nav a:visited { color: #FFFFFF; }
#navigation .sub_nav ol { margin: 0; padding: 0 0 10px 0; }
#navigation .sub_nav ol li {
	float: none;
	display: list-item;
	font: 14px/14px Arial, Sans-Serif;
	text-transform: uppercase;
	list-style: none;
	padding: 10px 0 0;
	margin: 0;
	background: none;
}
#navigation .sub_nav .col ol { padding-top: 0px; }
#navigation .sub_nav .col ol li {
	float: none;
	display: list-item;
	font: 12px/14px Arial, Sans-Serif;
	text-transform: none;
	list-style: none;
	padding: 5px 0 0;
	margin: 0;
	background: none;
}
#navigation .sub_nav .col2 ol { padding-top: 0px; }
#navigation .sub_nav .col2 ol li {
	float: none;
	display: list-item;
	font: 14px/14px Arial, Sans-Serif;
	text-transform: uppercase;
	list-style: none;
	padding: 15px 0 10px;
	margin: 0;
	background: none;
}

#navigation .sub_nav ol li a, #navigation .sub_nav a { text-align: left; background: none !important; }
#navigation #navbar .sub_nav ol li a:hover, #navigation #navbar .sub_nav a:hover { text-decoration: underline; }

#navigation .sub_nav h2 a {
	color: #FFF;
	display: inline;
	float: none;
	
}

#navigation .sub_nav h2 {
	border-bottom: 1px solid #fff;
	font: normal 12px/12px Arial, Sans-Serif;
	text-transform: uppercase; font-weight:bold;
	padding: 0 0 5px 0;
	color: #fff;
	letter-spacing: 0;
	display: inherit;
}
#navigation .sub_nav .cats {
	width: 182px;
	padding: 15px 20px 10px;
	float: left;
	font: normal 14px/14px Arial, Sans-Serif;
}
#navigation .sub_nav .indices {
	float: left;
	width: 728px;
	background-color: #42748C;
	padding: 15px 0 0 10px;
	height: 235px;
}
#navigation .sub_nav .col {
	width: 160px !important;
	float: left;
    margin: 0 10px;
    overflow: hidden;
}
#navigation .sub_nav .col2 {
	width: 248px !important;
	float: left;
    margin: 0 10px;
    overflow: hidden;
}

#navigation .sub_nav .indices2 {
	float: left;
	width: 572px;
	background-color: #42748C;
	padding: 15px 0 0 10px;
	height: 235px;
}
#navigation .sub_nav .cats2 {
	width: 350px;
	padding: 15px 10px 10px;
	float: right;
	font: normal 14px/14px Arial, Sans-Serif;
}

#navigation .sub_nav ol.abc a:link, #navigation .sub_nav ol.abc a:visited {
	color: #8cb023;
}
#navigation .sub_nav p.more a:link, #navigation .sub_nav p.more a:visited {
	color: #8eb93e;
	text-decoration: none;
}
#navigation .sub_nav span a:hover { text-decoration: underline !important; }
#navigation .sub_nav .blogs {
	width: 480px;
	float: left;
	padding: 20px 0px 0 20px;
}

#navigation .sub_nav .blogs ol li {
	width: 190px;
	float: left;
	padding: 0 10px 0 0;
}
#navigation .sub_nav .blogs ol li img {
	width: 24px;
	height: 24px;
	float: left;
}
#navigation .sub_nav .blogs ol li a span {
	display: block;
	height: 28px;
	padding-left: 5px;
	float: left;
	line-height: 28px;
}
#navigation .sub_nav .cats ol li {
    padding: 5px 0 0 0; 
}
#navigation .sub_nav .cats ol li.first {
    padding: 10px 0 0 0;
}


.sub_nav2 {
	display: none;
	width: 460px;
	height: 260px;
	padding: 0;
	position: absolute;
	background-color: #35566A;
	top: 35px;
	left: 0;
	box-shadow: 0 10px 20px #000;
}
.sub_nav2 a:link, .sub_nav2 a:visited { color: #FFFFFF; }
#navigation .sub_nav2 ol { margin: 0; padding: 0 0 10px 0; }
#navigation .sub_nav2 ol li {
	float: none;
	display: list-item;
	font: 14px/14px Arial, Sans-Serif;
	text-transform: uppercase;
	list-style: none;
	padding: 10px 0 0;
	margin: 0;
	background: none;
}
#navigation .sub_nav2 ol li a, #navigation .sub_nav2 a { text-align: left; background: none !important; }
#navigation #navbar .sub_nav2 ol li a:hover, #navigation #navbar .sub_nav2 a:hover { text-decoration: underline; }
#navigation .sub_nav h2 a {
	color: #FFF;
	display: inline;
	float: none;
	
}
#navigation .sub_nav2 h2 {
	border-bottom: 1px solid #858585;
	font: normal 12px/12px Arial, Sans-Serif;
	text-transform: uppercase;
	padding: 0 0 5px 0;
	color: #FFF;
	letter-spacing: 0;
	display: inherit;
}

#navigation .sub_nav2 p.more a:link, #navigation .sub_nav2 p.more a:visited {
	color: #8eb93e;
	text-decoration: none;
}
#subnav_blogs .blogs ol li a:hover { text-decoration: underline !important; }
#navigation .sub_nav2 .blogs {
	width: 480px;
	float: left;
	padding: 20px 0px 0 20px;
}
#navigation .sub_nav2 .blogs ol li {
	width: 190px;
	float: left;
	padding: 0 10px 0 0;
}
#navigation .sub_nav2 .blogs ol li img {
	width: 24px;
	height: 24px;
	float: left;
}
#navigation .sub_nav2 .blogs ol li a span {
	display: block;
	height: 28px;
	padding-left: 5px;
	float: left;
	line-height: 28px;
}