<!--
body { 
background-color:#F3F5F0;
margin:0px;
}
-->

a img
{
  border:none;
}

#BLUE{
#007FC6;
}

#GREEN{
#B2D233
}

p.blue{
color:#007FC6;
}

p.green{
color:#B2D233;
}

p{
color:#666;
font-size:0.8em;
float:left;
margin:0 0 15px  0;
line-height:1.5em;
}

.center{
margin:0 auto 0 auto;
width:1024px;
text-align:left;
overflow:hidden;
color:#fff;
}

.center2{
margin:0 auto 0 auto;
width:960px;
text-align:left;
overflow:hidden;
color:#fff;
}

.landingboxcopy ul{
float:left;
width:600px;
margin:0 0 10px 0;
padding-left:30px;
}

.landingboxcopy ul li{
float:left;
width:600px;
color:#666;
font-size:0.8em;
}

.landingboxcopy a{
float:left;
width:400px;
text-decoration:none;
color:#007FC6;}

/*------------------TOPBAR------------------*/

#topbarbg{
float:left;
width:100%;
height:121px;
background-color:#FFF;
margin:0px;
padding:0px;
}

#topbar{
float:left;
width:1024px;
height:121px;
}

#sd-display-logo{
float:left;
width:191px;
height:121px;
margin:0px;
padding:0px;
}

#socialmedia{
float:right;
width:825px;
height:60px;
padding:0px;}

#socialmedia ul{
float:right;
width:150px;
height:47px;
margin:0px;
padding:13px 0 0 0;
text-decoration:none;
}

#socialmedia ul li{
float:right;
width:32px;
height:32px;
margin-right:15px;
  list-style-type:none;
}

#fb a{
float:left;
height:0px;
padding-bottom:32px;
}

#fb a{
float:left;
height:0px;
width:32px;
padding-bottom:32px;
background-image: url('images/sd-fb.jpg');
image-repeat:no-repeat;
}

#li a{
float:left;
height:0px;
width:32px;
padding-bottom:32px;
background-image: url('images/sd-in.jpg');
image-repeat:no-repeat;
}

#tw a{
float:left;
height:0px;
width:32px;
padding-bottom:32px;
background-image: url('images/sd-tw.jpg');
image-repeat:no-repeat;
}

#fb a:hover, 
#tw a:hover, 
#li a:hover{
background-position:0 -32px;
}

#contactnav{
float:left;
padding:0px;
margin:15px 10px 0 30px;
}
#contactnav a{
text-decoration:none;
color:#007FC6;}

#contactnav a:hover{
text-decoration:none;
color:#B2D233;}


#nav a{ 
text-decoration:none;
color:#007FC6;}

#contactnav p{
float:left;
font-size:1em;
margin:0 10px 0 0;
}



/*------------------SEARCH------------------*/

#search{
float:left;
margin: 15px 0 0 25px;}

#tfheader{
float:left;
width:250px;
margin:0px;
padding:0px;
}

#tfnewsearch{
float:right;
padding:10px;
margin:0px;
}

.tftextinput2{
margin: 0;
padding: 5px 15px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#666;
border:1px solid #0076a3; border-right:0px;
border-top-left-radius: 5px 5px;
border-bottom-left-radius: 5px 5px;
}

.tfbutton2 {
margin: 0;
padding: 5px 7px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
color: #ffffff;
border: solid 1px #0076a3; border-right:0px;
background: #0095cd;
background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
background: -moz-linear-gradient(top,  #00adee,  #0078a5);
border-top-right-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
}

.tfbutton2:hover {
text-decoration: none;
background: #007ead;
background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
background: -moz-linear-gradient(top,  #0095cc,  #00678e);
}

/* Fixes submit button height problem in Firefox */
.tfbutton2::-moz-focus-inner {
border: 0;
}

.tfclear{
clear:both;
}

/*------------------NAVIGATION------------------*/

#contentbg{
float:left;
width:100%;
}


#navnslide{
float:left;
width:960px;
margin:0px;
padding:0px;
}

#navbanleft{
float:left;
width:31px;
height:90px;
background-image: url('images/leftbanner.jpg');
}

#nav{
float:left;
width:960px;
height:57px;
background-color:#B2D233;
}

#logowhite{
float:left;
width:120px;
height:57px;
background-image: url('images/sd-logo-white.jpg');
padding-left:10px;
}

#home-link{
float:left;
width:21px;
height:57px;
padding: 19px 10px 0 5px;
overflow:hidden;
border-left:1px solid #FFF;}

#home-link a{
float:left;
height:0px;
width:26px;
padding-bottom:17px;
image-repeat:no-repeat;
background-image: url('images/sd-home-icon.jpg');}


#home-link a:hover{
background-position:0 17px;
}


#nav ul{
float:left;
height:57px;
width:790px;
padding:0px;
margin:0px;
}

#nav ul li{
float:left;
width:111px;
height:57px;
background-color:#B2D233;
margin:0px;
list-style-type:none;
font-size:0.9em;
border-left:1px solid #FFF;
}

#nav ul li a{
float:left;
width:100%;
height:37px;
text-align:center;
padding-top:20px;
text-decoration:none;
color:#FFF;
}

#nav ul li a:hover{
height:37px;
background-color:#8CA624;
}

#navbanright{
float:left;
width:31px;
height:90px;
background-image: url('images/rightbanner.jpg');
}

/*------------------CONTENT------------------*/

.contentbox{
float:left;
width:900px;
height:100%;
background-color:#FFF;
margin:0px 0 50px 0;
padding:10px 30px 60px 30px;}

#quicklinks{
float:left;
  margin-bottom:50px;
}

.qlbox1{
float:left;
width:935px;
height:295px;
background-color:#FFF;
margin:12px;
}

.qlbox1 a{
float:left;
width:935px;
height:295px;
  background-image: url('images/colleges-bg.jpg');
}

.qlbox1 a:hover{
float:left;
  width:933px;
  height:293px;
border:3px solid #B2D233;}

#qlbox1title {
  float:left;
  margin:50px 0 0 40px;
}

#qlbox1title p{
float:left;
  width:100%;
font-size:1.5em;
margin:16px 0 0 0;

}


.qlbox{
float:left;
width:295px;
height:295px;
background-color:#FFF;
margin:12px;
}

.qlbox a{
float:left;
width:295px;
height:295px;
}


.qlbox a:hover{
float:left;
  width:295px;
height:293px;
  background-color:#fff;
border:3px solid #B2D233;}


.qlboximg{
float:left;
width:295px;
height:224px;
}

.qlboxtitle p{
width:295px;
font-size:1.1em;
text-align:center;
color:#007FC6;
padding-top:20px;
}


.qlbox3{
float:left;
width:455px;
height:295px;
background-color:#FFF;
margin:10px 15px 0 10px;
}

.qlbox3 a{
float:left;
width:450px;
height:295px;
}


.qlbox3 a:hover{
float:left;
  width:450px;
height:293px;
  background-color:#fff;
border:3px solid #B2D233;}



.qlbox3title p{
width:455px;
font-size:1.1em;
text-align:center;
color:#007FC6;
padding-top:20px;
}


.cboxtitle {
float:left;
width:100%;
margin:20px 0 0 0;
padding:0px;
}

h1{
float:left;
width:100%;
color:#B2D233;
font-size:1.6em;
margin:0px; 
  font-weight:normal;
}


.contentboximg{
float:left;
height:100%;
width:314px;
padding:0px;
margin:0px;
}

.contentboxcopy{
float:left;
width:536px;
margin:15px 0 0 30px;
}

.contentboximg2{
float:left;
height:100%;
width:314px;
padding:0px;
margin:50px 0 0 0;
}

.contentboxcopy2{
float:left;
width:536px;
margin:15px 0 0 30px;
}

.contentboxcopy2 h1{
padding-left:50px;
margin:50px 0 0 0;
}

.contentboxcopy2 ol{
float:left;
width:450px;
color:#666;
text-transform:capitalize;
margin:20px 0 0 30px;
}

.contentboxcopy2 ol li{
float:left;
width:100%;
line-height:1.5em;
text-transform:capitalize;
}

.contentboxt3img{
float:left;
}


#fbbox{
float:left;
margin-top:50px;
}

#twbox{
float:left;
padding-left:22px;
margin-top:50px;
}

#greenbox{
float:left;
width:960px;
height:226px;
background-image: url('images/howcanwehelp.jpg');
}

#newsandcontact{
float:left;
width:960px;
height:440px;
background-color:#FFF;
}

.wedoit{
float:left;
font-size:1.6em;
color:#fff;
margin:40px 0 0 30px;}

.callus{

float:left;
font-size:1.6em;
color:#007FC6;
margin:20px 0 0 30px;}



/*------------------NEWSNEVENTS------------------*/

#newsandevents{
float:left;
width:420px;
  height:350px;
margin:30px 0 0 30px;
  padding:0 27px 0 0;
border-right:1px solid #CCC;
}

#newsandevents h1{
float:left;
margin:0 0 10px 0;
padding:0px;
}

.article{
float:left;
border-bottom:1px solid #CCC;
margin:10px 0 10px 0;
padding:0px;
}

.newscopy{
float:left;
width:100%;
}
.newscopy p{
float:left;
color:#999;
margin:0px;
padding:0px;
font-size:0.8em;
}

.newslink{
float:left;
width:100%;
}
.newslink p{
float:left;
color:#B2D233;
margin:10px 0 20px 0;
padding:0px;
font-size:0.7em;
}
.newslink a{
float:left;
    font-size:1.1em;
    color:#007FC6;
    text-decoration:none;
}

/*------------------CONTACTFORM------------------*/

#contactform{
float:left;
height:320px;
width:420px;
margin:30px 0 0 30px;
}

#contactform h1{
float:left;
margin:0 0 10px 0;
padding:0px;
}

#contactform form{
float:left;
width:420px;
margin:0px;
}

#contactform label{
float:left;
color:#999;
font-size:0.9em;
margin:0 0 5px 0;
}

#contactform td{
float:left;
width:420px;
margin:0px;
padding:0px;
}

#contactform textarea{
float:left;
width:383px!important;
background-color:#F2F0E1;
margin:0 0 10px 0;
padding:0px;
}

#contactform input{
float:left;
margin:0px;
padding:0 0 0px 0; 
}
#contactform input[type="text"]{background-color: #F2F0E1;
border: 1px solid #BBB1B1;
padding: 3px;
width:65%;}
#contactform input[type="submit"]{background-color: #B2D233;
border: 1px solid #99BB15;
padding: 8px 15px;
color: #fff;}
/*------------------FOOTER------------------*/

#footerbg{
float:left;
width:100%;
background-color:#333333;
margin-top:50px;
}

#footer{
float:left;
width:1024px;
padding:20px 0 0 50px;
}

#footql{
float:left;
width:120px;
border-right:1px solid #444;
}

.foottitle{
float:left;
width:100%;
color:#B2D233;
font-size:0.9em;
padding-bottom:10px;
border-bottom:1px solid #444;
text-decoration:none;
}

#footql ul{
float:left;
width:120px;
list-style-type:none;
text-decoration:none;
padding:0px;
}

#footql ul li{
float:left;
width:100%;
}

#footql ul li a{
float:left;
width:140px;
color:#999;
font-size:0.8em;
text-decoration:none;
}

#footql ul li a:hover{
color:#B2D233;
}

#footclients{
float:left;
width:630px;
height:160px;
border-right:1px solid #444;
}

#footclients .foottitle{
float:left;
padding-left:20px;}

#footclients img{
float:left;
margin-top:30px;
padding-left:20px;
}

#footcontact{
float:left;
width:160px;
height:215px;
margin-left:20px;
}



#footcontact ul{
float:left;
list-style-type:none;
text-decoration:none;
padding:0px;
}

#footcontact ul li{
float:left;
width:100%;
color:#999;
font-size:0.8em;
}

#footcontact ul li a{
float:left;
width:100%;
color:#999;
text-decoration:none;
}

#footcontact ul li a:hover{
color:#B2D233;
}


/*------------------LANDINGPAGE------------------*/

#headerimg{
float:left;
height:240px;
width:960px;
margin:0px;
overflow:hidden;
}

#subnav{
float:left;
width:960px;
background-color:#007FC6;
height:45px;
padding:0px;
}

#subnav ul{
float:left;
width:960px;
height:45px;
margin:0px;
padding:0px;
}

#subnav ul li{
float:left;
width:150px;
height:22px;
margin:6px 0 0 0;
padding:10px 0 0 0;
list-style-type:none;
border-right:1px solid #FFF;
}

#subnav ul li a{
float:left;
width:150px;
height:30px;
text-align:center;
text-decoration:none;
color:#FFF;
font-size:0.7em;
}

#subnav ul li a:hover{
font-weight:bold;
}


#eventsubnav{float:left;width:960px;background-color:#006699;height:45px;padding:0px;
}
#eventsubnav ul{float:left;width:960px;height:45px;margin:0px;padding:0px;
}
#eventsubnav ul li{float:left;width:150px;height:22px;margin:6px 0 0 0;padding:10px 0 0 0;list-style-type:none;border-right:1px solid #FFF;
}
#eventsubnav ul li a{float:left;width:150px;height:30px;text-align:center;text-decoration:none;color:#FFF;font-size:0.7em;
}
#eventsubnav ul li a:hover{font-weight:bold;
}

#displaysubnav{float:left;width:960px;background-color:#CC3333;height:45px;padding:0px;
}
#displaysubnav ul{float:left;width:960px;height:45px;margin:0px;padding:0px;
}
#displaysubnav ul li{float:left;width:200px;height:22px;margin:6px 0 0 0;padding:10px 0 0 0;list-style-type:none;border-right:1px solid #FFF;
}
#displaysubnav ul li a{float:left;width:200px;height:30px;text-align:center;text-decoration:none;color:#FFF;font-size:0.7em;
}
#displaysubnav ul li a:hover{font-weight:bold;
}


#printsubnav{float:left;width:960px;background-color:#B2D233;height:45px;padding:0px;
}
#printsubnav ul{float:left;width:960px;height:45px;margin:0px;padding:0px;
}
#printsubnav ul li{float:left;width:190px;height:22px;margin:6px 0 0 0;padding:10px 0 0 0;list-style-type:none;border-right:1px solid #FFF;
}
#printsubnav ul li a{float:left;width:190px;height:30px;text-align:center;text-decoration:none;color:#FFF;font-size:0.7em;
}
#printsubnav ul li a:hover{font-weight:bold;
}


#landingbox{
float:left;
width:960px;
background-color:#fff;
margin:40px 0 50px 0; 
background-color:#E9E9E9;
}

#landingboxlhcol{
float:left;
width:760px;
background-color:#fff;
margin:0px;
padding:20px 0 20px 0; 
}

#lefthandcol{
float:left;
width:350px;
margin:0px;
border-right:1px solid #CCC;
}

#rightthandcol{
float:left;
width:200px;
  height:100%;
margin:0px;
padding:20px 0 0 0;
}

#recomlink{
width:200px;
float:left;
padding:0px 0 0 10px;
}

#recomlink ul{
float:left;
width:180px;
margin-top:10px;
padding:10px 0 0 0;
border-top:1px solid #CCC;
}

#recomlink ul li{
float:left;
width:100%;
list-style-type:none;
font-size:0.8em;
margin:10px 0 0 5px;
padding:0px;
}

#recomlink ul li a{
text-decoration:none;
color:#999;
margin:0px;
padding:0px;
}

#recomlink ul li a:hover{
color:#444;
}

#recomlink h2{
font-size:0.9em;
color:#666;}

h2{
float:left;
font-size:1.4em;
color:#999;
font-weight:normal;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
}

#contactlandingbox{
float:Left;
width:960px;
height:560px;
background-color:#FFF;
margin:50px 0 50px 0;
overflow:hidden;}

#contactlandingbox h1{
float:left;
width:320px;
color:#B2D233;
font-size:1.6em;
margin:50px 0 0 30px; 
  font-weight:normal;
}


#lhcontact{
float:left;
height:330px;
width:320px;
margin:0 0 0 10px;
border-top:1px solid #CCC;
}

iframe{
  float:right;
}

#lhcontact h2{
float:left;
margin:10px 0 10px 0;}

#lhcontact h1{
float:left;
margin:0 0 10px 0;
padding:0px;
}

#lhcontact form{
float:left;
width:300px;
margin:0px;
}

#lhcontact label{
float:left;
color:#666;
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
margin:0 0 px 0;
}

#lhcontact td{
float:left;
width:300px;
margin:0px;
padding:0px;
}

#lhcontact textarea{
float:left;
width:320px!important;
background-color:#F2F0E1;
margin:0px;
padding:0px;
}

#lhcontact input{
float:left;
margin:0px;
padding:0px;
}

.cboxtitle{
float:left;
width:100%px;
padding:0px;
margin:30px 0 20px 0;
}

.landingboxtitle{
float:left;
width:575px;
padding:0px;
margin:0 0 0 30px;
}


.landingboxcopy{
float:left;
width:700px;
padding:20px 30px 0 30px;
margin:0px;
font-size:1em;
}

.landingboxcopy h2{
float:left;
font-size:1.2em;
padding:5px 0 15px 0;}

.landingboximg{
float:left;
width:720px;
height:280px;
overflow:hidden;
margin:20px 0 0 20px;
}

.lrglandingboximg{
float:left;
width:715px;
  margin-left:22px;
}  
  
#landinglinks{
float:left;
margin:0 0 30px 0;
}

.llbox{
float:left;
width:960px;
background-color:#FFF;
margin-bottom:30px;
padding:0px;
}

.llboximg{
float:left;
width:364px;
height:200px;
margin-right:20px;
padding:0px;
}

.llboxtitle{
float:left;
width:560px;
margin-top:20px;
}

.llboxtext{
float:left;
width:560px;
margin-top:15px;}

.llboxtext a{
text-decoration:none;
color:#B2D233;
}

.llboxtext a:hover{
color:#007FC6;
}

#newsandtest{
float:left;
width:960px;
background-color:#FFF;
}

#testimonialbox{
float:left;
width:440px;
margin:30px 0 0 0;
padding:0px;
}

#testimonialbox{
float:left;
width:440px;
margin-left:20px;
padding-bottom:20px;
}


#testimonialbox h1{
float:left;
margin:0px;}

.testbox{
float:left;
border-bottom:1px solid #CCC;
margin:20px 0 0 0;
}

.testcopy{
float:left;
width:100%;
}

.testcopy p{
float:left;
color:#999;
margin:0 0 10px 0;
padding:0px;
font-size:0.7em;
}

.testlink{
float:left;
width:100%;
}

.testlink p{
float:left;
color:#B2D233;
margin:0 0 20px 0;
padding:0px;
font-size:0.7em;
}

.gallerytitle{
float:left;
width:960px;
padding:0px;
margin:20px 0 0 50px;
}


#aboutlandingbox{
float:left;
width:880px;
background-color:#FFF;
margin:50px 0 50px 0;
padding:40px;
}

#aboutlandingbox h1{
float:left;
margin:0 0 20px 0;}

.contactcopy{
float:left;
  height:570px;
  width:340px;
}


.contactcopy ul{
float:left;
list-style-type:none;
margin:30px 0 30px 0;}


.contactcopy ul li{
color:#666;
width:300px;
float:left;
text-decoration:none;}

.contactcopy ul li a{
color:#B2D233;
width:300px;
float:left;
text-decoration:none;}


.contactcopy ul li a:hover{
color:#007FC6;}

@media only screen and (min-width : 1600px) {
    #contactnav {
		margin: 15px 10px 0 0px;
	}
	
	#search input{
		width: 60%;
		float: left;
	}
}

@media only screen and (min-width : 1800px) {
	.mobile{
		display:none;
	}
}