/*-----------------------------------
SRN stylesheet (all browsers)
Defines styles for standards-compliant browsers and should validate.

colours:
	#ccf	purple (SRN)
	#6cf	blue (SQB)
	#cfe062	green (SSP)
	#fc3	yellow (SDMI)
	#f9c	pink (SMS)
	#e3e3e3	grey

contents (in order):
	A few element defaults
	#wrapper
	headers
	#logo
	#columns
	#menu
	contact SSP
	#content
	#breadcrumb
	right column content
	#footer
	question bank
	print friendly
	misc
	tag cloud
    twitter feed

-----------------------------------*/
/*-----------------------------------
A few element defaults
-----------------------------------*/
BODY
{
	color: #000;
	background: #dcdcdc;
	font-family: Verdana, Arial, sans-serif;
	font-size: 100%; /* 16px */
	line-height: 1em; /* 16px x 1.125 = 18px */
	padding: .5em;  /* 16px x .5 = 8px */
	margin: 0;
}
IMG
{
	border: 0; /* remove default image borders (seen when image is linked) */
}
A:link, A:hover, A:focus
{
	color: #036;
}
A:visited, A:active
{
	color: #4b017e;
}
FORM
{
	margin: 0;
}
P
{
	margin: 1em 0;
}
OL, UL
{
	padding: 0;
	margin: 1em 0 1em 2em;
}
LI
{
	padding: 0;
	margin: 0;
}
/*-----------------------------------
#wrapper
-----------------------------------*/
#wrapper
{
	color: #000;
	background: #fff;
	font-size: .6875em; /* 16px x .6875 = 11px */
	width: 990px; /* wrappper width fixed for a 1024 resolution */
	padding: 1.5em 1em 3em 1em;
	margin: 0 auto; /* center the wrapper */
}
/*-----------------------------------
headers
-----------------------------------*/
H1, H2, H3
{
	font-family: Eurostile, 'Trebuchet MS', Helvetica, Verdana, sans-serif;
	line-height: 1em;
}
H1
{
	font-size: 1.636em; /* 11px x 1.636 = 18px */
}
H2
{
	font-size: 1.455em; /* 11px x 1.455 = 16px */
}
H3
{
	font-size: 1.273em; /* 11px x 1.273 = 14px */
}
H1.top
{
	font-size: 2em; /* 11px x 2 = 22px */
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	padding: 1.5em 0 .5em;
	margin: 0;
}
H1.top A:link, H1.top A:visited
{
	color: #000;
	text-decoration: none;
}
H1.top A:hover, H1.top A:active, H1.top A:focus
{
	text-decoration: underline;
}
/*-----------------------------------
#logo
-----------------------------------*/
#logo
{
	background: url(/images/logo_srn.png) no-repeat 0 0;
	width: 173px;
	height: 180px;
	margin: 0 auto 1.75em auto;
	display: block;
	text-indent: -9999px; /* push logo link text out of visible screen area */
	overflow: hidden; /* hide overflow caused by indented logo link text */
}
BODY#srn #logo
{
	background-position: 0 0;
}
BODY#sqb #logo
{
	background-position: 0 -180px;
}
BODY#ssp #logo
{
	background-position: 0 -360px;
}
BODY#sdmi #logo
{
	background-position: 0 -540px;
}
BODY#sms #logo
{
	background-position: 0 -720px;
}
/*-----------------------------------
#columns
-----------------------------------*/
#column-left
{
	width: 21%;
	float: left;
	padding-bottom: 1em;
}
#column-center
{
	width: 57.95%; /* slightly less than the remaining 58% inside #columns to prevent float drop */
	float: left;
}
#column-right
{
	width: 21%;
	float: right;
	padding-bottom: 1em;
}
/*-----------------------------------
#menu
-----------------------------------*/
/* links */
#menu A:link, #menu A:visited
{
	color: #000;
	text-decoration: none;
}
#menu A:hover, #menu A:active, #menu A:focus
{
	color: #000;
	text-decoration: underline;
}
/* menu divisions (all) */
#menu DIV
{
	padding: 0 .5em 2em;
	text-transform: uppercase;
}
/* menu divisions (individual) */
#menu .menu-srn
{
	background: #ccf; /* purple */
}
#menu .menu-sqb
{
	background: #6cf; /* blue */
}
#menu .menu-ssp
{
	background: #cfe062; /* green */
}
#menu .menu-sdmi
{
	background: #fc3; /* yellow */
}
#menu .menu-sms
{
	background: #f9c; /* pink*/
}
/* lists */
#menu UL, #menu LI
{
	padding: 0;
	margin: 0;
	list-style: none none outside;
	text-transform: none;
}
#menu LI LI
{
	padding-left: 2em; /* 11px x 2 = 22px */
}
/* open menus */
#menu .open
{
	font-weight: bold;
}
#menu .open LI
{
	font-weight: normal;
}
#menu .open LI.open
{
	font-weight: bold;
}
/*-----------------------------------
contact SSP
-----------------------------------*/
#menu #ssp-contact
{
	background: #e3e3e3; /* grey */
	font-weight: normal;
	text-transform: none;
	padding-bottom: 1em;
	margin-top: 1em;
}
#menu #ssp-contact A:link, #menu #ssp-contact A:visited
{
	text-decoration: underline;
}

/*-----------------------------------
#content
-----------------------------------*/
#content
{
	padding: 0 20px;
}
/*-----------------------------------
#breadcrumb
-----------------------------------*/
#breadcrumb
{
	clear: both;
	text-align: center;
	padding-top: 2em;
}
#breadcrumb UL, #breadcrumb LI
{
	padding: 0;
	margin: 0;
	list-style: none none outside;
	display: inline;
}

/*-----------------------------------
right column content
-----------------------------------*/
#column-right #toplinks
{
	background: transparent;
	height: 1.3636em; /* 11px x 1.3636 = 15px (same as printer image height) */
	vertical-align: bottom;
	text-align: right;
	margin-bottom: 3em;
}
#column-right DIV
{
	background: #e3e3e3; /* grey */
	padding: 0 .5em 1em .5em;
	margin-bottom: 1em;
}
#column-right H2
{
	margin: 0;
}
#column-right UL
{
	list-style-type: square;
	padding: 0;
	margin: 1em 0 1em 1.5em;
}
#column-right LI {
	padding: 0;
	margin: 0;
}
BODY#srn #featurebox
{
	background: #ccf; /* purple */
}
BODY#sqb #featurebox
{
	background: #6cf; /* blue */
}
BODY#ssp #featurebox
{
	background: #cfe062; /* green */
}
BODY#sdmi #featurebox
{
	background: #fc3; /* yellow */
}
BODY#sms #featurebox
{
	background: #f9c; /* pink*/
}
/*-----------------------------------
#footer
-----------------------------------*/
#footer
{
	overflow: hidden; /* causes element to encompass floated children */
	clear: both;
}
#footer DIV
{
	font-size: .9090em; /* 11px x .9090 = 10px */
	text-align: center;
	width: 25%;
	float: left;
}
#footer DIV.info
{
	width: 49.9%; /* slightly less than the remaining 50% inside #footer to prevent float drop */
}
#footer DIV.info IMG
{
	vertical-align: top;
}
#spanLastUpdated
{
	font-style: italic;
}
/*-----------------------------------
question bank
-----------------------------------*/
#sqblogo
{
	margin: 0 auto;
	display: block;
}
#search-form
{
	margin: 1em 0;
	overflow: hidden; /* causes element to encompass floated children */
}
#search-form TABLE
{
	margin: 0 auto 1em;
}
#search-form CAPTION
{
	font-size: 1.273em; /* 11px x 1.273 = 14px */
	font-weight: bold;
	text-align: center;
	padding: 1em;
}
#search-form TR.headerrow TH
{
	text-align: center;
}
#search-form TH
{
	background-color: #e3e3e3; /* grey */
	text-align: right;
	padding: .5em; /* 12px x .5 = 6px */
}
#search-form TD
{
	padding: .5em; /* 12px x .5 = 6px */
}
#search-form INPUT.submit
{
	float: right;
}
#search-form INPUT.reset
{
	float: left;
	margin-right: 1em;
}
#textinputs DIV
{
	clear: both;
}
DIV.search-results-item
{
	margin: 1em 0;
	overflow: hidden; /* causes element to encompass floated children */
}
DIV.search-results-item IMG
{
	border: 1px solid #000;
	margin: 0 1em 0 0;
	float: left;
	width: 100px;
	height: 140px;
}
DIV.search-results-summary
{
	background-color: #e3e3e3; /* grey */
	padding: .5em;
}
DIV.search-results-summary A
{
	padding: 0 .5em;
}
/*-----------------------------------
print friendly
-----------------------------------*/
BODY.printfriendly
{
	background: #fff;
}
BODY.printfriendly #wrapper
{
	font-size: .75em; /* 16px x .75 = 12px */
	width: auto;
	padding: 0;
    margin: 0;
}
BODY.printfriendly #columns,
BODY.printfriendly #column-center,
BODY.printfriendly #content
{
	width: auto;
}
BODY.printfriendly H1.top
{
	padding: 0;
}
/*-----------------------------------
misc
-----------------------------------*/
DIV.red
{
	border: 2px solid #f00; /* red */
	padding: .5em; /* 12px x .5 = 6px */
}
TD.tablebodyc
{
	text-align: center;
}
TD.tablebodyl
{
	text-align: left;
}
TD.tablebodyr
{
	text-align: right;
}
TD.tableheading
{
	color: #000;
	background-color: #e3e3e3; /* grey */
	font-weight: bold;
	text-align: center;
}
/*-----------------------------------
tag cloud
-----------------------------------*/
DIV#htmltagcloud
{
	font-family: 'lucida grande', trebuchet, 'trebuchet ms', verdana, arial, helvetica, sans-serif;
	line-height: 3.6em;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: justify;
	text-indent: 0;
	margin: 1em 1em 0 1em;
	border: 2px dotted #ddd;
	padding: .5em;
	background: #fff;
}
#htmltagcloud A
{
	text-decoration: none;
}
#htmltagcloud A:hover
{
	color: #fff;
	background-color: #05f;
 }
#htmltagcloud A:active
{
	color: #fff;
	background-color: #03d;
}
SPAN.tagcloud0,
SPAN.tagcloud1,
SPAN.tagcloud2,
SPAN.tagcloud3,
SPAN.tagcloud4
{
	padding: 0;
	position: relative;
}
SPAN.tagcloud0
{
	font-size: 1.8em;
	color: #acc1f3;
	z-index: 10;
}
SPAN.tagcloud1
{
	font-size: 2.2em;
	color: #acc1f3;
	z-index:9;
}
SPAN.tagcloud2
{
	font-size: 2.6em;
	color: #86a0dc;
	z-index: 8;
}
SPAN.tagcloud3
{
	font-size: 3em;
	color: #86a0dc;
	z-index: 7;
}
SPAN.tagcloud4
{
	font-size: 3.8em;
	color: #607ec5;
	z-index: 6;
}
SPAN.tagcloud0 A,
SPAN.tagcloud1 A,
SPAN.tagcloud2 A,
SPAN.tagcloud3 A,
SPAN.tagcloud4 A
{
	text-decoration: none;
}
SPAN.tagcloud0 A,
SPAN.tagcloud1 A
{
	color: #acc1f3;
}
span.tagcloud2 A,
span.tagcloud3 A
{
	color :#86a0dc;
}
SPAN.tagcloud4 A
{
	color:#607EC5;
}
#credit
{
	text-align: center;
	font-size: .7em;
	color: #333;
	margin-bottom: .5em;
	font-family:'lucida grande', trebuchet, 'trebuchet ms', verdana, arial, helvetica, sans-serif;
}
#credit A:link,
#credit A:visited
{
	color: #777;
	text-decoration: none;
}
#credit A:hover
{
	text-decoration: none;
	color: #fff;
	background-color:#05f;
}
#credit A:active
{
	text-decoration: underline;
}


/*-----------------------------------
twitter feed
-----------------------------------*/
DIV#htmltwitterfeed

.gfg-root {
  width : 100%;
  height : auto;
  position : relative;
  overflow : hidden;
  text-align : center;
  font-family: "Arial", sans-serif;
  font-size: 12px;
  border: 1px solid #BCCDF0;
}

.gfg-title {
  font-size: 14px;
  font-weight : bold;
  color : #3366cc;
  background-color: #E5ECF9;
  line-height : 1.4em;
  overflow : hidden;
  white-space : nowrap;
}

.gfg-title a {
  color : #3366cc;
}

.gfg-subtitle {
  font-size: 12px;
  font-weight : bold;
  color : #3366cc;
  background-color: #E5ECF9;
  line-height : 1.4em;
  overflow : hidden;
  white-space : nowrap;
  margin-bottom : 5px;
}

.gfg-subtitle a {
  color : #3366cc;
}

.gfg-entry {
  background-color : white;
  width : 100%;
  height : 6.9em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 3px;
}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {
  position : relative;
  background-color : white;
  width : auto;
  height : 100%;
  padding-left : 20px;
  padding-right : 5px;
}

.gfg-list {
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-bottom : 5px;
}

.gfg-listentry {
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  padding-left : 15px;
  padding-right : 5px;
  margin-left : 5px;
  margin-right : 5px;
}

.gfg-listentry-odd {
  background-color : #F6F6F6;
}

.gfg-listentry-even {
}

.gfg-listentry-highlight { 
  background-image : url('garrow.gif');
  background-repeat: no-repeat;
  background-position : center left;
}

/*
 * FeedControl customizations.
 */

.gfg-root .gfg-entry .gf-result .gf-title {
  font-size: 14px;
  line-height : 1.2em;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  margin-bottom : 2px;
}

.gfg-root .gfg-entry .gf-result .gf-snippet {
  height : 3.8em;
  color: #000000;
  margin-top : 3px;
}

/*
 * Easy way to get horizontal mode, applicable via js options to gadget.
 */

.gfg-horizontal-container {
  position : relative;
}

.gfg-horizontal-root {
  height : 1.5em;
  _height : 100%;
  position : relative;
  white-space : nowrap;
  overflow : hidden;
  text-align : center;
  font-family: "Arial", sans-serif;
  font-size: 13px;
  border: 1px solid #AAAAAA;
  padding : 5px;
  margin-right : 80px;
}

.gfg-horizontal-root .gfg-title {
  font-weight : bold;
  background-color: #FFFFFF;
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
  float : left;
  padding-left : 10px;
  padding-right : 12px;
  border-right: 1px solid #AAAAAA;
}

.gfg-horizontal-root .gfg-title a {
  color : #444444;
  text-decoration : none;
}

.gfg-horizontal-root .gfg-entry {
  width : auto;
  height : 1.5em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 0px;
  margin-left : 0px;
  padding-left : 10px;
}

/* To allow correct behavior for overlay */
.gfg-horizontal-root .gfg-entry .gf-result {
  position : relative;
  background-color : white;
  width : 100%;
  height : 100%;
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
}

.gfg-horizontal-root .gfg-list {
  display : none;
}

/*
 * FeedControl customizations.
 */

.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,
.gfg-horizontal-root .gfg-entry .gf-result .gf-author {
  display : none;
}

.gfg-horizontal-root .gfg-entry  .gf-result .gf-title {
  color: #0000cc;
  margin-right : 3px;
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,
.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {
  display : block;
  color: #AAAAAA;
}

.gfg-branding {
  white-space : nowrap;
  overflow : hidden;
  text-align : left;
  position : absolute;
  right : 0px;
  top : 0px;
  width : 80px;
}

.gfg-collapse-open, .gfg-collapse-closed {
  background-repeat : no-repeat;
  background-position : center;
  cursor : pointer;
  float : right;
  width : 17px;
  height : 20px;
}

.gfg-collapse-open {
  background-image : url('arrow_open.gif');
}

.gfg-collapse-closed {
  background-image : url('arrow_close.gif');
}

.gfg-collapse-href {
  float : left;
}

.clearFloat {
  clear : both;
}