/*Basr style*/

html{
height:100%;
}

body{
background:none;
font-family: 'Lora', serif;
font-size: 100%;
height:100%

}


h1{
font-size: 2em;
}

.indexform form
{
	
	width:50%;
	margin: 0 auto;	
}

.indexform
{
	width:100%;
	margin: 0 auto;
}
.indexform label
{
	float:left
	text-align: right;
	display: inline-block
}
.indexform input
{
	display:block;
	 border: 5px solid white; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    padding: 10px;
    background: #E2A6F7;
    margin: 0 0 10px 0;
}

#signup label
{
	display:inline-block;
	text-align:left;
	width: 100%;
}
.small
{
	display:block;
	font-size: .75em;
}

.button{
	background:#5CCD00;
	background:-moz-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#5CCD00),color-stop(100%,#4AA400));
	background:-webkit-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:-o-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:-ms-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5CCD00',endColorstr='#4AA400',GradientType=0);
	padding:10px 15px 10px 15px;
	color:#fff;
	font-family:'Helvetica Neue',sans-serif;
	font-size:16px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #459A00
	
}

.news ul {
  list-style-type: none;
  width: 70%;
  margin: 0 auto;
  }
 

 
.news li img {
  display:none;
}
 
 
.news li {
  padding: 10px;
  overflow: auto;
}
 


.error
{
	color:#FF0000;
	font-weight:500;
	font-size:12px;
	padding:2px;
	margin:2px;
	
}

.bhome {
	-moz-box-shadow:inset 0px 21px 50px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 21px 50px 0px #cae3fc;
	box-shadow:inset 0px 21px 50px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	margin-left:50px;
	margin-top:10px;
	-moz-border-radius:31px;
	-webkit-border-radius:31px;
	border-radius:31px;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	padding:13px 31px;
	text-decoration:none;
	text-shadow:1px 1px 0px #287ace;
}.bhome:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color:#4197ee;
}.bhome:active {
	position:relative;
	top:1px;
}



@media only screen and (max-width: 380px)
{
img{
display:none;
}
}


	
@media only screen and (min-width: 640px)
{
#container{
	background-image: url(images/background1.png);
	width:80%;
	margin:0 auto;
	min-height: 700px;
	
	-webkit-box-shadow:  0px 0px 7px 2px rgba(0, 0, 0, 1);
     box-shadow:  0px 0px 7px 2px rgba(0, 0, 0, 1);
	-webkit-border-radius: 5px;
     border-radius: 5px;
}

body{
	background:url(images/mercer.jpg)no-repeat center center fixed;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	

}

#header
{
	position: relative;
	top: 0;
	left: 0;
	display: block;
	width: 100%;



}

#banner
{
	display:block;
	margin:0 auto;
	left:0;

}



.indexform form{
	width:40%;
	height:100%;
	padding:20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	

}



.welcome
{
	width:60%;
	padding:50px;
	float: left;
	margin-bottom:20%;
	margin-right:20px;
	border-right:thin double #000000;
	
	
}


.wcontainer h1
{
	margin-top:-50px;
	margin-bottom:75px;	
	
}
.wcontainer
{
	background-image: url(images/sign_inback.png);
	width:90%;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	margin-top: -5%;
	margin-right: auto;
	margin-bottom: 7%;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;	
}



.news li img {
  display:inherit;
  float: left;
  margin: 0 15px 0 0;
  width:40%;
  height:40%;
}
/*--------Mercer News--------*/

.mnews ul {
  list-style-type: none;
  width: 70%;
  margin: 0 auto;
  -moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;	
  background: rgb(255,103,15);
background: -moz-linear-gradient(top,  rgba(255,103,15,1) 0%, rgba(255,103,15,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,103,15,1)), color-stop(100%,rgba(255,103,15,1)));
background: -webkit-linear-gradient(top,  rgba(255,103,15,1) 0%,rgba(255,103,15,1) 100%);
background: -o-linear-gradient(top,  rgba(255,103,15,1) 0%,rgba(255,103,15,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,103,15,1) 0%,rgba(255,103,15,1) 100%);
background: linear-gradient(to bottom,  rgba(255,103,15,1) 0%,rgba(255,103,15,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff670f', endColorstr='#ff670f',GradientType=0 );

  }
 
.mnews li img {
  display:none;
}
 
 
.mnews li {
  padding: 10px;
  overflow: auto;
}
.mnews li img {
  display:inherit;
  float: left;
  margin: 0 15px 0 0;
  width:40%;
  height:40%;
}


/*--------News Form---------*/

#addnews
{
	width:70%;
	margin:auto;
}
#addnews form{
	width:90%;
	margin:auto;
}

#addnews label{
	display:inline-block;
	text-align:right;
	font-size:18px;
	
}
#addnews ul {
	background-color: #fff;
	border: 1px solid #eaeaea;
	list-style: none;
	margin: 12px;
	padding: 12px;
}

#addnews li {
	margin: 0.5em 0;
}
#addnews legend {
	background-color: #dedede;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	-moz-box-shadow: 3px 3px 3px #ccc;
	-webkit-box-shadow: 3px 3px 3px #ccc;
	box-shadow: 3px 3px 3px #ccc;
	font-size: 1.1em;
	text-transform: uppercase;
	padding: 0.3em 1em;
}
#addnews input['file']
{
	display:none;
}
#addnews input
{

	width:250px;
}
#addnews textarea
{

	width:350px;
	height:250px;
}

#addnews fieldset {
	background-color: #f1f1f1;
	border: none;
	border-radius: 2px;
	margin-bottom: 12px;
	overflow: hidden;
	padding: 0 10px;
}
.addnewsbutton {
	-moz-box-shadow:inset 0px 0px 43px 10px #d197fe;
	-webkit-box-shadow:inset 0px 0px 43px 10px #d197fe;
	box-shadow:inset 0px 0px 43px 10px #d197fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a53df6), color-stop(1, #7c16cb) );
	background:-moz-linear-gradient( center top, #a53df6 5%, #7c16cb 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a53df6', endColorstr='#7c16cb');
	background-color:#a53df6;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	padding:10px 30px;
	text-decoration:none;
	text-shadow:1px 0px 0px #7d15cd;
}.addnewsbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c16cb), color-stop(1, #a53df6) );
	background:-moz-linear-gradient( center top, #7c16cb 5%, #a53df6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c16cb', endColorstr='#a53df6');
	background-color:#7c16cb;
}.addnewsbutton:active {
	position:relative;
	top:1px;
}





/*--------Navigation--------*/






#cssmenu 
{

	margin: 0 auto;
	padding: 0px;
	width: 1000px;
	
}
	
    #cssmenu li,
    #cssmenu span,
    #cssmenu a {
      margin: 0;
      padding: 0;
      position: relative;
	  
    }
    #cssmenu:after,
    #cssmenu ul:after {
      content: '';
      display: block;
      clear: both;
    }
    #cssmenu a {
      color: #ffffff;
      display: inline-block;
      font-size: 12px;
      min-width: 35px;
      text-align: center;
      text-decoration: none;
      text-shadow: 0 -1px 0 #333333;
    }
    #cssmenu ul {
      list-style: none;
	 
    }
    #cssmenu > ul > li {
      float: left;
    }
    #cssmenu > ul > li.active a {
     background: rgb(69,72,77);
background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );

      box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
      -moz-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
      -webkit-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
      filter: none;
    }
    #cssmenu > ul > li.active a:hover {
      background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
      background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
      background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
      filter: none;
    }
    #cssmenu > ul > li a {
      box-shadow: inset 0 0 0 1px #8a8a8a;
      -moz-box-shadow: inset 0 0 0 1px #8a8a8a;
      -webkit-box-shadow: inset 0 0 0 1px #8a8a8a;
     background: rgb(69,72,77);
background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );

      border-bottom: 1px solid #5d5d5d;
      border-top: 1px solid #5d5d5d;
      border-right: 1px solid #5d5d5d;
      line-height: 34px;
      padding: 0 35px;
      filter: none;
    }
    #cssmenu > ul > li a:hover {
      background: #8a8a8a;
      background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(50%, #4a4a4a), color-stop(51%, #3b3b3b), color-stop(100%, #525252));
      background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: -o-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      background: linear-gradient(to bottom, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
      filter: none;
    }
    #cssmenu > ul > li:first-child a {
      border-radius: 5px 0 0 5px;
      -moz-border-radius: 5px 0 0 5px;
      -webkit-border-radius: 5px 0 0 5px;
      border-left: 1px solid #5d5d5d;
    }
    #cssmenu > ul > li:last-child a {
      border-radius: 0 5px 5px 0;
      -moz-border-radius: 0 5px 5px 0;
      -webkit-border-radius: 0 5px 5px 0;
    }
    #cssmenu li:hover ul {
      display: block;
    }
    #cssmenu li ul {
      display: none;
      position: absolute;
      top: 36px;
      left: -1px;
      min-width: 100%;
      text-align: center;
      /* IE7 */    
      *width: 100%;
    }
    #cssmenu li ul li {
      text-align: center;
    }
    #cssmenu li ul li a {
      border-top: 0 none;
      border-left: 1px solid #5d5d5d;
      display: block;
      line-height: 120%;
      padding: 9px 5px;
      text-align: center;
    }

 #cssmenu .userl a
 {
	 background: rgb(143,200,0);
background: -moz-linear-gradient(top,  rgba(143,200,0,1) 0%, rgba(143,200,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,200,0,1)), color-stop(100%,rgba(143,200,0,1)));
background: -webkit-linear-gradient(top,  rgba(143,200,0,1) 0%,rgba(143,200,0,1) 100%);
background: -o-linear-gradient(top,  rgba(143,200,0,1) 0%,rgba(143,200,0,1) 100%);
background: -ms-linear-gradient(top,  rgba(143,200,0,1) 0%,rgba(143,200,0,1) 100%);
background: linear-gradient(to bottom,  rgba(143,200,0,1) 0%,rgba(143,200,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc800', endColorstr='#8fc800',GradientType=0 );

 }


/*------------------------------*/

		#signup {
			width: 35%;
			margin: -6% 50px 50px 40%;
			padding: 20px;
			position: relative;
			border: 1px solid #ccc;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px; 
			border-radius: 3px;  
		}

		#signup::before, 
		#signup::after {
			content: "";
			position: absolute;
			bottom: -3px;
			left: 2px;
			right: 2px;
			top: 0;
			z-index: -1;
			background:url(images/regback.png);
			border: 1px solid #ccc;			
		}

		#signup::after {
			left: 4px;
			right: 4px;
			bottom: -5px;
			z-index: -2;
			-moz-box-shadow: 0 8px 8px -5px rgba(0,0,0,.3);
			-webkit-box-shadow: 0 8px 8px -5px rgba(0,0,0,.3);
			box-shadow: 0 8px 8px -5px rgba(0,0,0,.3);
		}

		
		/*------------------------------*/

        ::-webkit-input-placeholder {
           color: #bbb;
        }
        
        :-moz-placeholder {
           color: #bbb;
        } 				    	

		.placeholder{
			color: #bbb; /* polyfill */
		}		

		#signup input{
			margin: 5px 0;
			padding: 10px;
			width: 100%;
			*width: 518px;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			border: 1px solid #ccc;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;	
		}

		#signup input:focus{
			outline: 0;
			border-color: #aaa;
			-moz-box-shadow: 0 2px 1px rgba(0, 0, 0, .3) inset;
			-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .3) inset;
			box-shadow: 0 2px 1px rgba(0, 0, 0, .3) inset;
		}		

		#signup button{
			margin: 20px 0 0 0;
			padding: 15px 8px;			
			width: 100%;
			cursor: pointer;
			border: 1px solid #2493FF;
			overflow: visible;
			display: inline-block;
			color: #fff;
			font: bold 1.4em arial, helvetica;
			text-shadow: 0 -1px 0 rgba(0,0,0,.4);		  
			background-color: #2493ff;
			background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.5)), to(rgba(255,255,255,0)));
			background-image: -webkit-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
			background-image: -moz-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
			background-image: -ms-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
			background-image: -o-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
			background-image: linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
			-webkit-transition: background-color .2s ease-out;
			-moz-transition: background-color .2s ease-out;
			-ms-transition: background-color .2s ease-out; 
			-o-transition: background-color .2s ease-out;  
			transition: background-color .2s ease-out;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			-moz-box-shadow:  0 2px 1px rgba(0, 0, 0, .3),
							  0 1px 0 rgba(255, 255, 255, .5) inset;
			-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .3),
								0 1px 0 rgba(255, 255, 255, .5) inset;
			box-shadow: 0 2px 1px rgba(0, 0, 0, .3),
						0 1px 0 rgba(255, 255, 255, .5) inset;			  						  
		}

		#signup button:hover{
		  	background-color: #7cbfff;
            border-color: #7cbfff;
		}

		#signup button:active{
			position: relative;
			top: 3px;
			text-shadow: none;
			-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
			-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
			box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
		}

		/* ------------------------------------------------- */
		
.hselect{
	width:200px;
	background:#0F0;
	
}

#date
{
	color:#10002D;
	font-size: 14px;
	margin: 0 0 6px;
	text-transform: uppercase;
}
#post{
width:60%;
border-top: 1px solid #568A9B;
margin: 30px 0 0;
padding: 20px 0 20px 10px;
margin-left:40px;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );

}
#post_title
{
	margin:0 auto;
	text-align:center;
	font-size:35px;
}
#postform{
	width:60%;
	margin:40px;
}
#postform textarea {
background: #fff;
border: none;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #A1A1A1;
font-family: "ff-clan-web", sans-serif;
font-size: 16px;
width: 602px;
}
#postform legend {
	background-color: #dedede;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	-moz-box-shadow: 3px 3px 3px #ccc;
	-webkit-box-shadow: 3px 3px 3px #ccc;
	box-shadow: 3px 3px 3px #ccc;
	font-size: 1.1em;
	text-transform: uppercase;
	padding: 0.3em 1em;
}
#postform fieldset {
	width:inherit;
	background-color: #f1f1f1;
	border: none;
	border-radius: 2px;
	margin-bottom: 12px;
	overflow: hidden;
	padding: 0 10px;
}


#textbook{
	width:60%;
	margin:0 auto;
}
#textbook textarea {
background: #fff;
border: none;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #A1A1A1;
font-family: "ff-clan-web", sans-serif;
font-size: 16px;
width: 602px;
}
#textbook legend {
	background-color: #dedede;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	-moz-box-shadow: 3px 3px 3px #ccc;
	-webkit-box-shadow: 3px 3px 3px #ccc;
	box-shadow: 3px 3px 3px #ccc;
	font-size: 1.1em;
	text-transform: uppercase;
	padding: 0.3em 1em;
}
#textbook fieldset {
	width:inherit;
	background-color:#333;
	border: none;
	border-radius: 2px;
	margin-bottom: 12px;
	overflow: hidden;
	padding: 0 10px;
}
#textbook input
{
	background: #fff;
border: none;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #A1A1A1;
font-family: "ff-clan-web", sans-serif;
font-size: 16px;
width: 602px;
}

#textbooklist
{
	background: url(images/textbooklist.png);
	width:60%;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin:0 auto 20px;;
	margin
}
#textbooklist p
{
	margin-left:20px;
}

#textbooklist h2
{
	padding:20px;
font-family: "ff-clan-web-condensed", Arial Narrow, Helvetica Neue, Helvetica, sans-serif;
font-size: 30px;
color: #35c1e3;
}

#home_ch1{
	
	float:left;
	margin-left: 100px;
}
#home_ch{
	
}
.homenav
{
	float:right;
}



#footer{
background-image: url(images/footer1.png);
width:100%;
height:17%;
margin:0 auto;
border-radius:5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#usedbook
{
	float:right;
}

/*-------Title Forum-------*/
h1{
  font-size: 2.5em;
  margin:30px 40px;
  font-family: Georgia;
  letter-spacing: 0.1em;
  color: rgb(142,11,0);
  text-shadow: 1px 1px 1px rgba(255,255,255,0.6);
}
.box
{
	width:80%;
	padding:40px 10px;
	margin-left:50px;
}

.text
{
}

.topic p { 
  width:60%;
  margin-left:50px;
  text-align: center;
  color: white;
  padding: 1px;
  font-family: 'Raleway', cursive;
  font-weight: 100;
  position: relative;
  background: -webkit-linear-gradient(left, black, #eee, black);
  background: -moz-linear-gradient(left, black, #eee, black);
  background: -ms-linear-gradient(left, black, #eee, black);
  background: -o-linear-gradient(left, black, #eee, black);
}

.topic a  {
  background: black;
  display: block;
  padding: 20px;
  text-decoration: none;
  color: white;
}
#profimg
{
	float: left;
	margin: 70px 30px;
	border: 5px solid white;
	box-shadow: 0px 0px 10px 5px #fff;
}
#profimg img
{
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}



.fb-like-box
{
	margin-left:90%;


	
}
.styled-select select {
   background: transparent;
   width: 268px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }
.styled-select {
   width: 240px;
   height: 34px;
   overflow: hidden;
   background: url(images/new_arrow.png) no-repeat right #ddd;
   border: 1px solid #ccc;
   }
}

.testimonials 
{
	float:left;
	width:25%;
	margin-left:30px;
}
@font-face
{
font-family: test;
src: url('test.ttf'),
     url('Sansation_Light.eot'); /* IE9 */
}
@font-face
{
font-family: home;
src: url('homefont.ttf'),
     url('Sansation_Light.eot'); /* IE9 */
}
.testimonials p
{
	font-family: test;
	margin-top:30px;
	font-size:22px;
	background:url(images/testimonials.png);
	padding: 10px 50px;
	color:#FFF;
    border-radius: 5px;
    text-shadow: 0 1px 0 #ECFBFF;
}

#homewelcome
{
	font-family:home;
	font-size:60px;
	float:left;
	color:#FFF;
}

.smallcol
{
	margin: 0 15% 100px;
}
.smallcol p
{
	background-image: url(images/background.png);
	width:200px;
	margin:0 30px;
	padding: 20px 10px;
	float:left;
	
	-webkit-box-shadow:  0px 0px 7px 2px rgba(0, 0, 0, 1);
     box-shadow:  0px 0px 7px 2px rgba(0, 0, 0, 1);
	-webkit-border-radius: 5px;
     border-radius: 5px;
}

#mercerhomelogo
{
	margin-left:20%;
}





	
@media only screen and (min-width: 1280px)
{
.welcome
{
	width:60%;
	padding:50px;
	float: left;
	margin-bottom:20%;
	
	
	
}
}