/**************************************/
/*              LAYOUT                */
/**************************************/

html, body {
  padding: 0 ;
  margin: 0 ;
  text-align: left ;
}

#container {
  width: 940px ;
  margin: 0 auto ;
  position: relative ;
}

#header {
  height: 341px ;
  clear: both ;
  position: relative ;
  background: transparent url("../images/ui/bg-header-bottom.png") no-repeat scroll right bottom;
}

.sidebar {
  width: 240px ;
  float: left ;
}

#content {
  padding: 25px 50px 0px 50px ;
  width: 360px ;
  float: left ;
}

#content .page-content, .box {
  line-height: 1.5em ;
  font-size: 1.2em ;
  text-align:normal ;
}

.content {
  padding: 25px ;
}

#sidebar-search {
  padding-top: 25px ;
  padding-right: 25px ;
  width: 215px ;
}

#footer {
  height: 100px ;
  clear: both ;
  margin-top: 25px ;
  border-top: 1px solid #000 ;
  padding: 15px 25px 0px 25px ;
  background: transparent url("../images/ui/bg-footer.png") scroll repeat-x left 1px ;
}


/**************************************/
/*          FONT/COLOURS              */
/**************************************/

body {
  background-color: #fff ;
  color: #333 ;
}

strong {
	font-weight:bold;
}

b, a.more, a.more:visited {
  font-weight: normal ;
  text-decoration: none ;
}

#footer {
  color: #777 ;
  font-weight: normal ;
}

#footer a, #footer a:link, #footer a:visited{
  color: #777 ;
  font-weight: normal ;
  text-decoration:underline;
}

#footer a:hover{
  color: #0177d6 ;
  font-weight: normal ;
  text-decoration:underline;
}

.box a, .box a:link, .box a:visited {
	color:#777;
	font-weight:bold;
	text-decoration:none;
}

.box a:hover {
	color:#0177d6;
	font-weight:bold;
	text-decoration:none;
}

a, a:link, a:visited {
  color: #0177d6 ;
  text-decoration: underline ;
}

a:hover, a.more:hover, .secondary-nav a, .secondary-nav a:visited, #sidebar-poll label:hover {
  color: #0177d6 ;
  text-decoration: underline ;
}

h2, h3, #main-nav a {
  text-transform: uppercase ;
  font-weight: bold ;
  clear: both ;
  padding: 0.3em 0 ;
  margin: 0 ;
  display: block ;
}

h2, h3 a, h3 a:link, h3, h3, h3 a:visited {
  color: #333 ;
  text-decoration: none ;
}

h3 a.more, h3 a.more:visited {
  float: right ;
  font-size: 0.6em ;
  text-decoration: underline ;
  text-transform: none ;
}

h2 {
  padding-top: 0 ;
}

h3 a:hover{
  color: #0177d6 ;
}

#sidebar-sharethis h3 {
  padding: 1em 0 ;
  border-top: #000 solid 1px ;
  border-bottom: #000 solid 1px ;
  text-decoration: none ;
}

#sidebar-sharethis a {
  text-decoration: none ;
}



/**************************************/
/*              GLOBALS               */
/**************************************/

#content .page-content ul li{
  line-height: 1.5em ;
  text-align:normal ;
  list-style:disc;
  padding-bottom:10px;
}

/**************************************/
/*              HEADER                */
/**************************************/

h1 {
  margin: 0 ;
  padding: 0;
}

h1 a {
  background: transparent url("../images/ui/logo-sasic.png") no-repeat ;
  width: 240px ;
  height: 146px ;
  text-indent: -9999px ;
  top: 96px ;
  position: absolute ;
}

img {
  border:0;
}

#slideshow-container {
  position: absolute ;
  right: 33px ;
  width: 444px ;
  height: 328px ;
  background: transparent url("../images/ui/slideshow-dropshadow.png") scroll no-repeat left top ;
  overflow: hidden ;
}

#slideshow-filmstrip-left {
  position: absolute ;
  left: 295px ;
  top: 0 ;
  width: 168px ;
  height: 280px ;
}

#slideshow-filmstrip-right {
  position: absolute ;
  right: 0 ;
  top: 0 ;
}

.slideshow {
  width: 444px ;
  height: 328px ;
  position: absolute ;
}

.slideshow-img {
  width: 420px ;
  height: 280px ;
  padding: 12px ;
}

.slideshow img {
  width: 420px ;
  height: 280px ;
}

.slideshow-text {
  height: 24px ;
  width: 420px ;
  padding: 0 12px ;
  line-height: 24px ;
  position: absolute ;
  bottom: 0 ;
  font-size: 1.2em ;
  display: block ;
  color: #f2f2f2 ;
  overflow: hidden ;
}



/**************************************/
/*             NAVIGATION             */
/**************************************/

#main-nav, .secondary-nav {
  margin: 0 ;
  padding-left: 0 ;
}

#main-nav , .secondary-nav {
  margin: 0 ;
}

.secondary-nav li {
  float: left ;
  padding: 0.5em ;
  list-style: none;
}

#main-nav li a, .secondary-nav a {
  text-decoration: none ;
  color: #666262 ;
}

#main-nav a.active, #main-nav a:hover {
  color: #000 ;
}

#links {
  float: right ;
}


/**************************************/
/*              SECTIONS              */
/**************************************/

.section {
  display: block ;
  padding: 1em 0 ;
}

.section .box {
  background-color: #f3f3f3 ;
  padding: 15px ;

}

.box ul {
  margin: 0 0 0 1em;
  padding:3px 3px 3px 10px;
  list-style-type: square ;
}

.box li {
  padding:3px;
  border-bottom:1px solid #8bbee6;
}

#swf-text {
  border-top: 1px solid #000 ;
  border-bottom: 1px solid #000 ;
  padding: 3px 1px ;
}

fieldset {
  border: 0 ;
  margin: 0 ;
  padding: 0 ;
}

#sidebar-searchform form {
  margin-bottom: 0 ;
}

#sidebar-searchform .button {
  background-color: #f2f2f2 ;
  text-transform: uppercase ;
  color: #666 ;
}

#sidebar-membership {
  width: 195px ;
  display: block ;
}

#sidebar-searchform input[type="submit"], #sidebar-searchform input[type="text"] {
  width: 195px ;
  padding: 3px 4px ;
  margin: 0.5em ;
  display: block ;
  font-size: 1em ;
  text-align: left ;
  white-space: normal ;
  box-sizing: content-box ;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
}

#sidebar-poll form {
  margin: 1em 0 0 0 ;
}

#sidebar-poll input[type="image"] {
  clear: both ;
  padding: 0.5em 0 0 25px ;
  margin: 0 ;
}

#sidebar-poll label {
  display: block ;
  font-weight: normal ;
  padding-left: 25px;
}

#sidebar-poll label input[type="radio"] {
  float: left ;
  margin-left: -25px ;
  vertical-align: top ;
}

/**************************************/
/*               FOOTER               */
/**************************************/

.item, .items {
  width:350px;
  clear:both;
  padding: 20px 0;
}

.item .image {
  width:105px;
  height:105px;
  float:left;
  margin-top:10px;
}

.item .title {
  font-size:1.5em;
  color:#0177d6;
}

.item .title, .item .date, .item .description, .item .share, .item .read-more, .item .link {
  width: 300px;
  float:left;
}

.item .read-more {
  width: 300px;
  float:left;
  border-bottom:1px solid #e6e6e6;

}

.link_title, .link_description, .link_link {
  width: 350px;
  float:left;
}

.item a {
  text-decoration:none;
}

.page-content a {
  color: #0177d6;
}

.page-content a:hover {
  color:#222;
  text-decoration:underline;
}

.sidebar ul {
  list-style:none;
  padding:3px 3px 3px 10px;
  margin:0;
}

.sidebar li {
  padding:3px 1px;
}

.sidebar ul li a {
  font-size:11px;
}

.sidebar ul li a:hover {
  color:#0177d6;
  text-decoration:none
}

/* Bar Graphs */
#loader{ display:none; text-align:center;}
.option{ margin:5px 0; }
.option p{ line-height:1.1em; font-size:1.0em; }
.bar{ height:10px; background:#3399cc; }
.yourvote{ background:#113399; }

.pagination {
 float: right;
 clear: both;
 margin: 15px 10px;
}

.pagination a {
 text-decoration: none;
}

.pagination a.selected {
 color: #000000;

}

.polls-question {
    margin: 20px 0;
    display: block;
}

.polls-question ol {
    margin-left: 0;
}

.polls-question .active-polls {
    font-size: 24px;
    float: left;
    width: 200px;
}

.polls-question .all-polls {
    float: right;
    width: 100px;
    text-align: right;
}

.poll {
    margin: 10px 0 20px;
}

.poll .question {
    float: left;
    width: 300px;
}

.poll .button {
    float: right;
    width: 50px;
    background: #5ab2df;
    border: 1px thin #FFFFFF;
    text-align: center;
    margin-top: 2px;
}

.poll .button a {
    color: #000000;
    text-decoration: none;
}

#search ol {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

#search ol li {
    margin-bottom: 10px;
}