/* SmartGrid Project style sheet
  Author: Eric Zanol
  Last Modified: April 2010 */

/* Reset Stylesheet
Based on Eric Meyer's */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  /*text-align: inherit;*/
  vertical-align: baseline;
  font-size: 100%;
  /*line-height: 1;*/
}

a img, :link img, :visited img {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
div.twitter div{
	padding-bottom: .4em;
	}
	
}
ul {
  list-style: disc;
  list-style-position: outside;
  margin: 5px 20px;
}

li {
	padding: 3px 0;
}

q:before, q:after,
blockquote:before, blockquote:after {
  content: "";
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

h1 {
	font-size: 1.5em;
	margin: 15px 0 10px;
	color:#8b0d50;
}

h2 {
	font-size: 1.25em;
	margin: 20px 0 10px;
	color: #7dbe34;
}



/* --------- START SMARTGRID STYLES --------- */

body {
	background-image: url(/images/bgTile.jpg);
	background-repeat: repeat;
	background-position: top left;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 14px;
}

#wrapper {
	width: 949px;
	margin: 0 auto;
	text-align: left;
	border-left: 9px solid #000;
	border-right: 9px solid #000;
	padding: 0;
	background: #fff;
}

#header {
	background-color: #fff;
	background-image: url(/images/headerbg.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	height: 200px;
	margin: 0;
	padding: 0;
}

#header h1 {
	text-indent: -999em;
	background-image: url(/images/header.png);
	background-position: 52px 14px;
	background-repeat: no-repeat;
	width: 710px;
	height: 191px;
	display: block;
	margin: 0;
	padding: 0;
}
 #header h1 a {
 	width: 710px;
    height: 191px;
	display: block;
 }

#nav {
	width: 950       px;
	margin: 0;
	padding:0;
	height: 30px;
	background-color: #fff;
}

#content {
	padding: 25px 50px 50px 50px;
}

#sidebar {
	float: right;
	width: 325px;
	margin-bottom: 0px;
	margin-left: 20px;
	position: relative;
}

#sidebar div.twitter {
	margin: 0 0 10px 0;
	padding: 10px;
	background: url(/images/new/twitter_bkgrnd.png) top left repeat-x;

}
 .twtr-widget {
	width: 250px;
	margin: 0 auto 10px auto;
}
.twitter_btn {width: 275px; text-align: right;}

.twtr-hd h3 {
display:none;
}

.twtr-hd > h4 > a {
font-size:.8em;
}
/*#sidebarcorner {
	position: relative;
	top: -20px;
	right: -20px;
	background-image: url(/images/sidebarcorner.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 68px;
	width: 70px;
	float: right;
}*/

#footer {
	clear: both;
	font-size: 90%;
	border-top: 1px solid #000;
	padding: 15px 0;
	margin-top: 50px;
}



p {
	line-height: 20px;
	margin-bottom: 10px;
}

a, a:visited, a:active {
	color: #4c86de;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #2044ff;
}

ol {
	margin: 20px;
}


/* --------------- NAVIGATION BAR --------------- */

#nav ul {
	margin: 0;
	padding: 0;
}

#nav a {
	color: #fff;
	display: block;
	width: 100%;		
	height: 30px;
	line-height: 30px;
	padding: 0;
	margin:0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#nav a:hover {
	text-decoration: none;
	color: #222;
	background-color: rgba(255,255,255,0.2);
}

#nav ul li {
	float: left;
	display: block;
	display: inline-block;
	width: 158px;	
	text-align: center;
	padding: 0;
	margin:0;
	color: #fff;
	/*border-right: 1px solid #fff;*/
}
/*#nav ul li.first {border-left: 0;}*/
#nav ul li.last {border-right: 1px solid #5a5b5e;}
#nav ul li.green {
	background-color: #7dbe34;
}

#nav ul li.blue {
	background-color: #2899d9;
}

#nav ul li.purple {
	background-color: #8b0d50;
}

#nav ul li.orange {
	background-color: #f0811f;
}

#nav ul li.grey {
	background-color: #5a5b5e;
}

#nav ul li.yellow {
	background-color: #fece16;
}
#sidebar .sideImage {width: 325px; margin: 0 auto; padding: 0 ;}
#sidebar h2 {
	font-size: 1.25em;
	font-weight: bold;
	color: #7dbe34;
	margin: 30px 0 5px;
}

#sidebar h2.first {
	margin-top: 0;
}

#sidebar ul {
	margin-bottom: 10px;
	list-style-type: disc;
	list-style-position: outside;
}

#sidebar li {
	padding: 2px 4px;
}

#sidebar div.twitter {
	margin: 20px 0;
}

#footer img {
	float: right;
}

.section {background: url(/images/new/background.png) #fff top left repeat-y; border-top: 1px solid #2899d9;  width: 650px; height: 110px;  padding: 20px 20px 0 20px; clear: both; margin-top: 10px; }
#signal.section {background: url(/images/new/yellow_background.png) #fff top left repeat-y; border-top: 1px solid #2899d9;  width: 650px;  padding: 20px; clear: both; margin-top: 10px; }
.section h3 {color: #2899d9; font-size: .9em;}
.section .icon {float: left; width: 150px; margin-right: 20px; background: none;}
.section p {margin-right: 20px;}
.section p a {font-weight: bold;}

/*----SLIDER----*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 500px;
  padding: 0;
  margin: 0;
  }

.rslides li {
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.featureCaption {font-size: 1.5em; color:#8b0d50; font-weight: bold; letter-spacing: .0125em; text-transform: uppercase; line-height: 1em; }
.featureCaption a {font-size: .5em; font-weight: normal;}
.introQuest {
	font-weight: bold;
	font-style: italic;
	font-size: 1.25em;
}
.cleared {clear: both; margin-top: 20px;}
.floatRight {
      font-size: 11px;
  line-height: 16px;
  float: right;
  margin: 0 0 10px 20px;
}

.floatLeft {
      font-size: 11px;
  line-height: 16px;
  float: left;
  margin: 0 20px 10px 0;
}
p.caption {
    color: #707276;

}
