li {
	line-height:16px;
	 list-style:url(../images/dot_orange.gif);
	 margin-left:16px;
	 margin-bottom:5px;
}

ul , ol{
	margin: 0; padding: 0;
	list-style-type: none;
}

ul.listyle_none, ol.listyle_none {
	margin-left: 40px;
	list-style-type: none;
}

ul.listyle_dot_img, ol.listyle_dot_img {
	list-style-image: url('../images/dot_orange.gif');
	margin-left:16px;
}
ul.listyle_disc, ol.listyle_disc {
	margin-left: 40px;
	list-style-type: disc;
}
ul.listyle_decimal, ol.listyle_decimal {
	margin-left: 40px;
	list-style-type: decimal;
}
ul.listyle_literal, ol.listyle_literal {
	margin-left: 40px;
	list-style-type: lower-alpha !important; /*important modifier required to work under IE7/Win*/
}
ul.listyle_literal_upper, ol.listyle_literal_upper {
	margin-left: 40px;
	list-style-type: upper-alpha !important; /*important modifier required to work under IE7/Win*/
}

a.calls,
a.calls:visited,
a.calls:link,
a.calls:hover,
a.calls:active {
height:25px;
margin-top:0px;
padding-top:5px;
}

.floatright {float:right;}
.floateft {float:left;}

div#content img.bordered {
	padding:5px !important;
}

div#content img.floatright{margin-left: 10px !important;}
div#content img.floatleft{margin-right: 10px !important;}

#content-container li {
	margin-bottom: 5px;
}

#content li {
	text-align: justify;
	margin-right: 16px;
}

/* copied from the old stylesheet */
img {
  behavior: url(png.htc); /*this is not standard compliant*/
  border: 0px;
}

/*
li {
	list-style: url(../images/dot_orange.gif);
	position:relative;
	left:10px;
	top:0px;
}
*/

/* =========== */

body  {
	margin: 0;
	padding: 0;
	/*background-color: #356aa0;*/background-color: #fff;
	text-align: center; /** center the content for IE 5.x **/
	font-family: arial, helvetica, verdana, tahoma, sans-serif;
	font-size: 93%;
}


p {text-align: justify;}

h1, .pagetitle{font-size: 1.35em;}
h2{font-size: 1.25em}
h3{font-size: 1.15em}
h4{font-size: 1em}
h5{font-size: 1em}
h6{font-size: 1em}

h1, h2, h3, h4, h5, h6, .pagetitle {color: #000;}

div#content h1,.pagetitle,
div#content h2,
div#content h3,
div#content h4,
div#content h5,
div#content h6 {margin-top: 0; margin-bottom: 11px;}

p.pagetitle {
	/*font-size: 1.2em;*/ 
	font-weight: bold;
	padding: 0;
	text-align: left;
}


table, tr, td { /* overwrite hard-coded values for content in tables */
	margin-top: 0 !important;
	padding-top: 0 !important;
	border-spacing: 0px !important;
}

.clearer {clear: both;}

a:link, a:visited{
	color: #2763A5; /* same color of box border */
	/* color: #d4710f; */
	text-decoration: none;
	border-bottom: 1px dotted #2763A5;
}
a:hover, a:active{
	color: #d4710f;
	text-decoration: none;
	border-bottom: 1px solid #2763A5;
}

#footer a:link, #footer a:visited {
	color: #bbb;
	text-decoration: none;
	border-bottom: 1px dotted #bbb;
}
#footer a:hover, #footer a:active {
	color: #d4710f;
	text-decoration: none;
	border-bottom: 1px solid #bbb;
}

/*
#centercol h3 {
	color: #2763A5;
}
*/

#main-wrapper, #top-container {
	margin: 0 auto;
	width: 960px;
	/*background-color: #333;
	color: #bbb;*/
	padding: 0 5px; /* create some "contour" */
}

#top-wrapper{
	width: 100%;
	background-color: #fff;
	padding: 10px 0 0 0;
}
#top-container {
/* a clearer is used to adapt this div to the content */
	background-color: #fff;
}

#header {
	margin: 0 auto;
	margin-bottom: 5px;
	width: 960px; /* same with of the main-wrapper */
	height: 80px;
	position: relative; /* for top navigation and header text reference */
	background: url("../images/header-new4.png") no-repeat;
	text-align: left;
	color: #fff;
	background-color: #000;
}

#header h2 {
	position: absolute;
	bottom: 10%;
	left: 70px;
top:0px;
margin-top:0px;
padding-top:0px;
	font: bold 1.1em Verdana;
	color: #fff;
}

#header h2 a:link, #header h2 a:visited {
	color:#2763A5f;
	text-decoration: none;
	border: 0;
}  

a#header_link {
	display: block;
	width: 100%;
	height: 100%;
}

/*
#head-logo {
	width: 191px;
	height: 47px;
	position: absolute;
	top: 20px; right: 0;
	background: url("../images/icst-logo.jpg") no-repeat;
}
*/

#search {
	margin:0;
	/*padding: 10px 5px 10px 0;*/
	/* a clearer is used to adapt this div to the content */
	float: right;
	padding: 0 ; 
	position: absolute; bottom: 0; right: 0;
}
#search form {
	float: right;
	margin: 0;
}
#search  input.search{width: 115px;}

#main-wrapper  {
	/* position: relative; */
	text-align: left; /** reset text alignment **/
	margin-top: 0;
}

#content-container  {
	padding: 20px 0px;
	color: #000;
	background-color: #fff;
	font-size: 0.85em; /*relative to the font-size for the body*/
	/* Trebuchet MS font for readability */
	/*font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
}
#centercol , #content{ /* width + 2*padding = 560 */
	float: left;
	width: 540px;
	padding: 0 10px;
	background-color: #fff;
}

#centercol.no_left , #content.no_left{ /* if the left column is missing */
	width: 740px;
	background-color: #fff;
}
#leftcol , #vertical_menu{
	float: left;
	width: 200px;
	background-color: #fff;
}
#rightcol , #rightboxes{
	float: right;
	width: 200px;
	background-color: #fff;
}
#footer  {
	clear: both;
	padding: 10px 0;
}
div#footer #copyright {
	margin-top: 15px;
	font-size: smaller;
}
div#footer #footmenu {
	text-align: center;
}

#validation {
	margin: 0 auto;
	width: 960px; /* same with of the main-wrapper */
	margin-top: 15px;
}

div.box {
	margin: 0 auto;
	margin-bottom: 20px;
	width: 178px;
	border: 1px solid #2763A5;
	background-color: #d8e4ef;
}
div.box-header {
	text-align: center;
	padding: 2px 0 2px 0;
	color: #fff;
	background: url("../images/tabbg.png") repeat-x;
	background-position: 0% -5px;
	border-bottom: 1px solid #2763A5;
}
.box-header a {
	display:block;
}

div.box-content , #vertical_menu_content {
	padding: 5px;
}

div.box-content {font-weight: bold;} /* we want all the text in a box which is not
										in a <ul> or <ol> to be displayed in bold */
div.box-content ul, div.box-content ol {font-weight: normal; margin: 5px 0;}

div.signup_right_wrapper {
	text-align: right;
	margin: 0 0 20px 0;
	font-weight: bold;
}

/***  Navigation ***/
#nav-top  {
	position: absolute;
	top: 0; right: 0;
	background: url("../images/topmenu-corner.png") no-repeat top left;
	padding-left: 50px;
}
#nav-top ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#nav-top ul li {
	display:inline;
	margin:0;
	padding:0;
}
#nav-top ul li a {
	float: left;
	height: 25px;
	background: url("../images/topmenu-bg.png") repeat-x top left;
	padding:4px 10px;
	margin:0;
	text-decoration: none;
}
#nav-top a span, #nav-top a , /* the latter is to style the contact link js-generated */
#nav-main a span,
.box-header a {
	color: #fff;
}

/* div#nav-top span.separator {
  width: 1px;
  height: 16px;
  background-color: #333;
  float: left;
  margin: 3px 20px 0;
} */
#nav-top a, .box-header a, a#header_link {
	text-decoration: none;
	border: 0; /* overwrite default links style */
}
#nav-top a:hover , #nav-top a:hover span,
.box-header a:hover {
	color: #d8e4ef;
}


#nav-main {
	/* a clearer is used to adapt this div to the content instead of floating this div itself */
	/*border-bottom:1px solid #2763A5;*/
	margin-top: 0px;
	padding-top: 5px; position: relative; border: 0;
}
#nav-main ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#nav-main ul li {
	display:inline;
	margin:0;
	padding:0;
}
#nav-main ul li a, #nav-main span.activetab{
	border: 1px solid #2763A5;
	border-bottom: none;
	float:left;
	background:url("../images/tabbg.png") repeat-x;
	margin-left:1px;
	padding: 8px;
	text-decoration:none;
}
#nav-main a span  { /** making the hierarchy explicit (ul li a span) breaks the cursor icon under IE7/WIN **/
	float:left; /** really necessary? **/
	display:block;
	white-space: nowrap; /*avoid tex wrapping for lonk links when they're the last ones in each row*/
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav-main a span {float:none;}
/* End IE5-Mac hack */

#nav-main a:hover {
	background-position:0% -40px;
}
#nav-main a:hover span {
	background-position:100% -40px;
}

#nav-main span.activetab { /* TODO: fix it such that the bottom border overlaps the navigation div border */
	position: relative;
	bottom: -1px;
	background-color: #fff;
	color: #2763A5;
	background-image:none;
}

#footmenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#footmenu ul li {
	display:inline;
	margin:0;
	padding:0;
}

/* Fonts for the elements */
#nav-top a span, #nav-top a , /* the latter is to style the contact link js-generated */
#nav-main a span, #nav-main span.activetab,
div#footer #footmenu, 
.box-header {
	font: bold 11px Verdana;
}

div.sats-divisions {font-size: 10px;} /* to fit header's background max height */

div.box {
	/*font-size: 0.85em;*/
	font-size: 1em; /*relative to #content-container font size*/
}

div#cn_submenu {
	text-align: right;
	margin: 0 0 20px 0;
}

div#cn_submenu ul {
	list-style-type: none;
	margin: 0; padding: 0;
}
div#cn_submenu ul li {
	display: inline;
	margin: 0 0 0 1.5em; padding: 0;
}
div#cn_submenu ul li a {
	text-decoration: none;
	padding: .2em .2em 0.2em 0;
}

div.topanchor , div.pdf_doc {
	text-align:right;
}

div#home_top .home_top_leftwrapper, div#home_top .home_top_rightwrapper {
	float: left;
	width: 50%;
}
div#home_top .home_top_element {
	width: 90%;
	height: 330px;
	position: relative;
}

.framed, div#content img.bordered{
	background-color: #eee;
	border: 1px solid #ddd;
	padding: 0 10px;
	margin:1auto;
}

#editors_list ul.framed {
	height:65px;
	width:85%;
}

#editors_list > ul.framed > li {
	font-size:1em;
}

#editors_list > ul.framed > li > strong {
        font-size:1em;
}


div#slogan {
	text-align: center;
	margin: 20px 8px 0 8px;
	padding: 10px 10px;
}

div#home_top .home_top_element h3{margin-top: 0;}

div.more_home {
	position: absolute;
	bottom: 15px; right: 15px;
	text-align: right;
}

div#applications_list{
	margin-top: 30px;
}
div#applications_list .app{
	float: left;
	width: 33%;
	overflow: hidden;
}
div#applications_list .app_content{
	border-right: 1px dashed #333;
	padding: 0 10px;
	/*font-size: 83%;*/
    height: 425px;
text-align:left;
}

div#applications_list .app_content > p  {
text-align:left;
}

div#applications_list .app_content_last{
	border: 0;
}

div#applications_list p.app_title{
	margin-top: 0;
	padding-top: 0;
	text-transform: uppercase;
	font-weight: bold;
}

p.app_title a {border: none;}

div#new_flashcube object {display: block; margin: 0 auto;}
#membership_slogan {width: 250px; height: 100px; margin: 0 auto;}
div#membership_slogan img {display: block; margin: 0 auto; position: absolute; top: 50px;}
div#membership_slogan a {border: 0;}

div#sibs {width: 160px; height: 80px; margin: 0 auto;}
.sib_pics a { display: block; width: 160px; height: 80px; top: 0; left: 0; border: 0; }


div.button {
	margin: 0 auto;
	width: 178px;
	height: 65px;
	background: transparent url(../images/button.png) no-repeat scroll 0 0;
}

div.calls {
height:25px;
}

.button a {
	font-size: 11px;
	font-weight: bold;
	border: 0;
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	display: block;
	margin: 0 auto;
	float: left;
	display: block;
	width: 90%;
	height: 45px;
}
#participation_options ul, #editors_list ul {padding: 10px;}
#participation_options div {margin-top: 1.8em;}
#participation_options div > p {font-weight: bold; margin-bottom: 0.5em;}
#editors_list ul {margin-top: 1em; float: left; width: 238px; height: 100px; margin: 5px;}
#editors_list ul li {text-align: left;}

table.events-list tbody .location,
table.events-list tbody .date {
	font-size: 10px;
}

table.events-list tbody .location {
	text-transform: uppercase;
}
table.events-list thead td {
	border-bottom: 10px solid white;
}
table.events-list tbody td {padding: 3px 0;}
table.events-list thead td {padding: 3px 5px;}
table.events-list tbody .registration {text-align: center;}

#sat_tabs {
	text-align: right;
	padding: 5px 0;
	border-bottom: 1px solid black;
	}
#sat_tabs ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#sat_tabs ul li {
	list-style:none;
	display:inline;
	margin:0;
	margin-left: 20px;
	padding:0;
	font-weight: bold;
}
#sat_tabs ul li a {text-decoration: none; border: 0;}
#sat_tabs ul li.ui-tabs-selected a {color: #000;}

/* jQuery plugins specific styles */

.ui-tabs-hide {
	display:none;
}

/* OVERWRITE SOME OLD STYLING */
 table tr td { /*for "Chapter List"*/
 	vertical-align: top;
 }

/* SCROLLING STUFF STYLING */

.scrollers-font {font-size: 9pt;}

#scroller_event_wrapper {
	margin: 0 auto;
	position:relative;
    height:200px /* changeable */;
    top:0px /* changeable */;
    left:0px /* changeable */;
    overflow:hidden;
}

#scroller_event {
    z-index:1 /* changeable */;
    visibility:hidden;
    overflow:hidden;
    /*white-space:nowrap;*/ /* uncomment to allow text clipping */
    position:absolute;
    left:0px /* changeable */;
    top:0px /* changeable */;
}


#scroller_news_wrapper {
	margin: 0 auto;
	position:relative;
    height:200px /* changeable */;
    top:0px /* changeable */;
    left:0px /* changeable */;
    overflow:hidden;
}

#scroller_news {
    z-index:1 /* changeable */;
    visibility:hidden;
    overflow:hidden;
    /*white-space:nowrap;*/ /* uncomment to allow text clipping */
    position:absolute;
    left:0px /* changeable */;
    top:0px /* changeable */;
}

#scroller_publication_wrapper {
	margin: 0 auto;
	position:relative;
    height:200px /* changeable */;
    top:0px /* changeable */;
    left:0px /* changeable */;
    overflow:hidden;
}

#scroller_publication {
    z-index:1 /* changeable */;
    visibility:hidden;
    overflow:hidden;
    /*white-space:nowrap;*/ /* uncomment to allow text clipping */
    position:absolute;
    left:0px /* changeable */;
    top:0px /* changeable */;
}

#scroller_event div.scroll_chunk, #scroller_event div.scroll_chunk * {
/*    display:inline;*/
}

#scroller_publication div.scroll_chunk, #scroller_publication div.scroll_chunk * {
/*    display:inline;*/
}

#scroller_news div.scroll_chunk, #scroller_news div.scroll_chunk * {
/*    display:inline;*/
}

h2.journal {
font-size:1em;
font-weight:bold;
}

h3.journal {
font-size:0.9em;
font-weight:bold;
}

ol.journal,
ul.journal {
margin-bottom:10px;
}

ol.journal {
list-style-type:decimal
}

ol.journal > li {
list-style-image:none;
list-style-type:decimal;
}

a.email {
font-size:0.7em;
}

li.subtitle {
list-style-image: none; 
list-style-type: none;
}

a.external-link {
font-size:0.8em;
}