html {  background:url(//www.websocialfiles.com/selden/images/st.jpg) top center no-repeat #2A2D32;}

#wrap { width: 1000px; height: auto; margin: 0 auto; padding:0; z-index: 0; position:relative;}

.box { background: transparent;}

.buttons-line { height:2em; width: 1040px;}


#header-wrapper {
    margin: 0 auto;
    width: 1010px !important;
}
#button-view-find-container-view {
    margin: 0 auto;
    width: 690px !important;
}
#appSuiteContainer {
    margin-left: -25px !important;
}





/*.grid_12 ul {
	color:#FFF;
	text-align:center;
	text-decoration:none;
	list-style-type: none;
	font-family:"Helvetica Neue",Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding-top: 10px;
	}

.grid_12 a:link { color:#fff; text-decoration:none;}
.grid_12 a:visited { color:#fff; text-decoration:none;}
.grid_12 a:hover { color:#F00; text-decoration:none;}
.grid_12 a:active { color:#fff; text-decoration:none;}*/


#instructors p{ text-align:left !important;}



.grid_12 img{ margin-left:auto; margin-right:auto;}

#social img{ float:left;}

#content {
	background:#050507;
	overflow:hidden;
	-webkit-box-shadow: inset 0px 0px 1px 1px #ccc;
	-moz-box-shadow: inset 0px 0px 1px 1px #ccc;
	box-shadow: inset 0px 0px 1px 1px #ccc;
	min-height: 500px;
	height:auto;
	}

#content .grid_9 h1{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border-bottom: 1px dotted #999;
	font-size: 22px;
	color:#F00;
	letter-spacing:-1px;
	margin:10px 0 10px 0;
	padding: 0;
	font-weight: normal;
	text-transform: capitalize;
	}
	
#content .grid_9 h2{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border-bottom: 1px dotted #999;
	font-size: 22px;
	color:#F00;
	letter-spacing:-1px;
	margin:10px 0 10px 0;
	padding: 0;
	font-weight: normal;
	text-transform: capitalize;
	}
	
#content .grid_9 h3{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18px;
	color:#F90;
	letter-spacing:-1px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 3px;
	font-weight: normal;
	text-transform: capitalize;
	}

#content .grid_9 p{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color:#FFF;
	text-align:justify;
	line-height: 26px;
	margin-bottom: 10px;
	}
	
#content .grid_9 ul{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color:#FFF;
	line-height: 26px;
	margin-bottom: 20px;
	padding-left: 30px;
	list-style-type:square;
	}
	
#form {
	background:url(//www.websocialfiles.com/selden/images/form.jpg) top center no-repeat #fff;
	height:320px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	}
	
#form iframe{ border-width:0; padding-top: 40px;}

#footer { background:#050507; overflow:hidden;
	-webkit-box-shadow: inset 0px 0px 1px 1px #ccc;
-moz-box-shadow: inset 0px 0px 1px 1px #ccc;
box-shadow: inset 0px 0px 1px 1px #ccc; 
clear:both;
	}

a.roll_1 {
    background-image: url("//www.websocialfiles.com/selden/images/l1.jpg");
    display: block;
    width: 169px;
	height: 41px;
    
}
a.roll_1:hover {
    background-image: url("//www.websocialfiles.com/selden/images/l1_roll.jpg");
}

a.roll_2 {
    background-image: url("//www.websocialfiles.com/selden/images/l2.jpg");
    display: block;
    width: 181px;
	height: 41px;
}
a.roll_2:hover {
    background-image: url("//www.websocialfiles.com/selden/images/l2_roll.jpg");
}

a.roll_3 {
    background-image: url("//www.websocialfiles.com/selden/images/l3.jpg");
    display: block;
    width: 149px;
	height: 41px;
}
a.roll_3:hover {
    background-image: url("//www.websocialfiles.com/selden/images/l3_roll.jpg");
}

a.roll_4 {
    background-image: url("//www.websocialfiles.com/selden/images/l4.jpg");
    display: block;
    width: 246px;
	height: 41px;
}
a.roll_4:hover {
    background-image: url("//www.websocialfiles.com/selden/images/l4_roll.jpg");
}

a.roll_5 {
    background-image: url("//www.websocialfiles.com/selden/images/l5.jpg");
    display: block;
    width: 195px;
	height: 41px;
}
a.roll_5:hover {
    background-image: url("//www.websocialfiles.com/selden/images/l5_roll.jpg");
}

#local a{ float:left;}



a.prog_1 {
    background-image: url("//www.websocialfiles.com/selden/images/p1.jpg");
    display: block;
    width: 300px;
	height: 80px;
}
a.prog_1:hover {
    background-image: url("//www.websocialfiles.com/selden/images/p1_hl.jpg");
}


a.prog_2 {
    background-image: url("//www.websocialfiles.com/selden/images/p2.jpg");
    display: block;
    width: 300px;
	height: 80px;
}
a.prog_2:hover {
    background-image: url("//www.websocialfiles.com/selden/images/p2_hl.jpg");
}

a.prog_3 {
    background-image: url("//www.websocialfiles.com/selden/images/p3.jpg");
    display: block;
    width: 300px;
	height: 80px;
}
a.prog_3:hover {
    background-image: url("//www.websocialfiles.com/selden/images/p3_hl.jpg");
}





/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

/*body {
  min-width: 960px;
}*/

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}



.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
	position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:220px;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_6 {
	width:460px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_12 {
	width:940px;
}




/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 20px;
}

.clear2 {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 100px;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}