@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Chau+Philomene+One);

body {background-color: #fff;}

/*MAIN*/
#main {
	background-color: #fff;
	border: none;
	min-width: 73.846em;
}


/* SKIP TO NAVIGATION AND SKIP TO TEXT*/
 
#skiplink, #skiplink a {
	color:#fff;
	position:absolute;
	top: -9999px;
}

/* TOP BANNER */
#topbanner {
	background-color: #fff;
	clear:both;
	height: 100px;
	margin-bottom: 0;
	position:relative;
	width: 800px;
	z-index: 0;
}

#unlogo{
	height: 90px;
	left: 0;
	position: absolute;
	padding-left: 0;
	padding-right: 0;
	top: 0;
	width: 800px;	
	z-index: 2;	
}

#topbanner #title{
	color: #06364C;
	font-family: 'PT Sans', Arial, 'Trebuchet MS', Tahoma, sans-serif;
	font-size: 184.6%;
	font-weight: 700;
	line-height: 153.8%;
	margin-top: 1.2em;
	margin-bottom: 0;
	margin-left: 4em;
	margin-right: 0;	
}

#topbanner #title span{
	color: #212A31;
	font-size: .846em;
	margin-bottom: .5em;
	margin-top: .3em;
	padding-bottom: 0;	
}

#topbanner #unlogo img{
	margin-top: 1em;
	margin-bottom: 0;
	margin-left: 1%;
	margin-right: 0;
}

/*MAIN NAVIGATION*/
#mainnav {
	font-family: 'PT Sans', Arial, 'Trebuchet MS', Tahoma, sans-serif;
	float:left;
	display: block;
	margin-bottom: 1.5em;
	width: 100%;
}

#mainnav ul{margin-left: 0;}
#mainnav ul li{
	background-color: #f0f0f0;
	list-style-type:none;
	float: left;
	font-size: 90%;
	font-weight: bold;
	margin-right: 10px;
	padding-right: 1.154em;
	padding-left: 1.154em;
	padding-bottom: 0.769em;
	padding-top: 0.769em;
}

#mainnav ul li a{
	text-decoration: none;
	color: #000;
}

#mainnav ul li#unhome a{padding-left: 0;}
#mainnav #home:hover{background-color: #3abfef;} /*light blue*/
#mainnav #convention:hover{background-color: #3abfef;} /*light blue*/
#mainnav #resources:hover{background-color: #3abfef;} /*light blue*/
#mainnav #background:hover{background-color: #3abfef;} /*light blue*/
#mainnav #docs:hover{background-color: #3abfef;} /*light blue*/

/* CONTENT */
#content {
	background-color: #fff;
	clear: both;
	color: #333;
	float: left;
	font-family: 'PT Sans', Arial, 'Trebuchet MS', Tahoma, sans-serif;
	font-size: 115.4%;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
	width: 75%;
}

#content a{
	color: #0070BC;
	text-decoration: none;
}

#content a:hover {
	color: #F00;
	text-decoration: underline;
}

#content h2 {
	background-color: #3abfef;
	
	font-size: 110%;
	margin-bottom: 1.5em;
	padding: 0.385em;
}

#content h3 {	
	font-family: 'PT Sans', Arial, 'Trebuchet MS', Tahoma, sans-serif;
	font-weight: 700;
	margin-bottom: .5em;
	font-size: 123.1%;
}

#content h4 {
	color: #dd4c2e;
	font-size: 100%;
	margin-bottom: .5em;
}

#content h4 a{
	color: #b61e85;
	text-decoration: none;
}

#content ul{margin-left: 1%; margin-right: 0;}

#content ul li{
	list-style-type: none;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0.9em;
	padding-left: 1em;
	padding-right: 0;
}

#content ul li ul li{
	list-style-type: none;
	margin-bottom: .5em;
	padding-top: 0.1em;
	padding-bottom: 0em;
	padding-left: 2em;
	padding-right: 0;
	position: relative;	
}

#content p{
	font-weight: 300;
}

#content .menu_title{
	color: grey;
	font-family: 'PT Sans', Arial, 'Trebuchet MS', Tahoma, sans-serif;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 0;
	font-size: 107.7%;
	text-transform: uppercase;
}

/*CLASSES*/
.caption{font-size: 84.6%;text-align: right; line-height: 138.5%;}
.sm_txt{font-size: 84.6%;}
.sh_paragraph{width:75%;}
.sm_logo{float:right;}
		
  /* QUOTES */ 
  blockquote {
	  border-left: 6px solid #ddd;
	  background-color: #ededed;
	  color: #333;
	  display: block;
	  float: right;
	  padding-left: 0.769em;
	  padding-right: 0.769em;
	  padding-top:0.769em;
	  padding-bottom: 0.385em;
	  margin-right: 1.154em;
	  margin-left: 1.154em;
	  margin-top: 2.308em;
	  margin-bottom: 2.308em;
	  width: 30%;	  
  }
  
  blockquote p{
	  font-size: 1em;
	  line-height: 1.462em;
  }

  .credit{ font-style: italic;}

/*SIDE BAR*/
#sidebar {
    float: left;
    font-family: 'PT Sans',Arial,'Trebuchet MS',Tahoma,sans-serif;
    font-size: 107.7%;
    margin: 3.1em 0 3em 2em;
    padding-left: 1em;
    padding-right: 0;
    width: 18%;
}
#socialmedia {
    display: block;
    margin-bottom: 1em;
    padding-left: 2em;
    width: 100%;
}

/* FOOTER BAR */

#footer_container{
	width: 73.846em;
	margin-left:auto;
	margin-right: auto;
	clear:both;
}

#footer {
	background-color: transparent;
	width: 48%;
	text-align: left;
	float: left;
	padding-top: 1.2em;
	padding-bottom: 0.615em;
	padding-left: 0.615em;
	padding-right: 0;
	margin-top: 0;
	display:block;
}

#footer ul {
	margin-top: 0;
	margin-bottom: 0;
}

#footer ul li  {
	display: inline;
	color: #000;
}

#footer ul li a {
	color: #000;
	text-decoration: none;
}

#footer ul li a:visited {color: #0CC}
#footer ul li a:hover {color: #0CC;	}

/* 	WSS CREDIT */
#wsscredit {
	color: #000;
	display: block;
	text-align: right;
	width: 50%;
	float: left;
	padding-top: 1em;
	margin-top: 0;
	background-color: transparent;
	padding-right: 0.385em;
}

#wsscredit a{color: grey;}

.quote {
	display: block;
	margin-left: 3%;	

}
.quote p {
	margin: 0px;
	padding-bottom: 2%;
	padding-left: 2%;		
}