/* ----------
University of South Carolina School of Law
Updated: 17 JULY 2015
Author: TA Brasier
---------- */

/*
	#ababab rgba(171, 171, 171, 1)
	#cccccc rgba(204, 204, 204, 1)
	#ffffff rgba(255, 255, 255, 1)
	#fffffc rgba(255, 255, 252, 1)
	#73000a rgba(115, 0, 10, 1)
	#000000 rgba(0, 0, 0, 1)

(max-width: 360px)
(min-width: 361px) and (max-width: 480px)
(min-width: 481px) and (max-width: 768px)
(min-width: 769px) and (max-width: 1024px)
(min-width: 1024px)

*/

@import url('http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css');
@import url('/_a/css/uofsclaw-navigation.css');

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/*limited reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font: inherit;
}
/*html5 display rule*/
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display: block;
}

/* ----- GLOBAL STYLES */
html { 
	max-width: 100%;
}
body {
    background: #ffffff;
	color: #3a3a3a;
	font-family: "Open Sans", sans-serif;
	font-size: 1em;
	line-height: 1.5;
}
body a { 
	color: #990000;
	text-decoration: underline;
}
body a:visited {
	color: #990000;
	text-decoration: underline;
}
body a:hover {
	color: #990000;
	text-decoration: underline;
}
body a:active {
	color: #990000;
	text-decoration: underline;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
	clear: both;
	color: #73000a;
	font-family: 'Droid Sans', sans-serif;
	font-weight: bold;
	margin: 0;
	padding: .5em 0em .25em 0em;
}
body h1 {
	font-size: 200%;
}
body h2 {
	font-size: 160%;
}
body h3 {
	font-size: 120%;
}
body h4 {
	font-size: 100%;
}
body h5 {
	font-size: 80%;
}
body h6 {
	font-size: 80%;
}
body p {
	font-size: 100%;
	margin: 0;
	padding: .5em 0em;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

.box { float: left; }
.caption {
	font-style: italic;
}
.eoe {
	border: 1px solid #3a3a3a;
	background: #fffffc;
	font-size: 90%;
	margin: 25px;
	padding: 25px;
	text-align: justify;
}
img {
	margin: 0;
	padding: 0;
}
.img-center {
	clear: both;
	display: block;
	margin: .5em auto;
	padding: 0;
	text-align: center;
}
.img-left {
	clear: both;
	display: block;
	float: left;
	margin: .5em 0em;
	padding: .1em .5em .1em 0em;
}
.img-right {
	clear: both;
	display: block;
	float: right;
	margin: .5em 0em;
	padding: .1em 0em .1em .5em;
}
#footnotes {
	border-top: 1px solid #73000a;
	margin: 1em 1em;
	padding: 0;
}
#footnotes ol {
	clear: both;
	list-style: outside decimal;
	margin: 1em 1em 1em 3em;
	padding: 0em;
	width: 90%;
}
.index-table {
	display: table;
	margin: 1em auto;
	padding: 0;
}
.index-table td {
	margin: 0;
	padding: 1.5em;
	text-align: center;
}
#inner-menu {
	display: table;
	font-family: "Lucida Console", Monaco, monospace;
	margin: 1em auto;
	padding: 0;
}
.inner-menu-head {
	display: table;
	margin: 0 auto;
	padding: 0;
	padding-bottom: .1em;
	text-align: center;
}
.journal-title {
	font-style: italic;
}
.journal-title-sc {
    font-variant: small-caps;
}
.main-table {
	border: 1px solid #73000a;
	margin: 1em 1em 1em 2em;
	padding: 0em;
	width: 90%;
}
.main-table tr:nth-child(even) {background: #dddddd;}
.main-table tr:nth-child(odd) {background: #ffffff;}
.main-table th {
	background: #cccccc;
	color: #73000a;
	font-weight: bold;
	padding: .1em .5em;
}
.main-table td {
	padding: .1em .5em;
}
#two-up {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
	-webkit-column-gap: 20px; /* Chrome, Safari, Opera */
	-moz-column-gap: 20px; /* Firefox */
	column-gap: 20px;
}
#two-up h3 {
	-webkit-column-break-after: avoid;
	-moz-column-break-after: avoid;
	column-break-after: avoid;
}
#two-up ul {
	display: table;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
}

/* LOGO */
#logo {
	background-image: url("/_a/icons/UofSCLawLogo.jpg");
	background-repeat: no-repeat;
    background-size: contain;
	height: 89px;
	margin: 0em 1em 0em 1em;
	padding: 0;
	width: 350px;
}
a#logo_usc { /* usc */
	float: left;
	height: 89px;
	margin: 0;
	position: absolute;
	width: 90px;
}
a#logo_law { /* law */
	float: left;
	height: 89px;
	margin-left: 90px;
	margin-top: 0px;
	position: absolute;
	width: 260px;
}

/* ----- BANNER */
#banner {
	background-image: url("/_test/images/banners/banner150.jpg");
	background-repeat: no-repeat;
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
}

/* UOFSCLAW NAVIGATION */

/* ----- BREADCRUMB */
#breadcrumb {
	clear: both;
	display: inline;
	float: left;
	margin: 0;
	min-height: 30px;
}
#breadcrumb p {
	font-size: 80%;
	font-weight: bold;
	margin: 0em 1em;
	padding: .5em 1em;
}
#breadcrumb a { 
	color: #73000a;
	text-decoration: none;
}
#breadcrumb a:visited {
	color: #73000a;
	text-decoration: none;
}
#breadcrumb a:hover {
	color: #73000a;
	text-decoration: underline;
}
#breadcrumb a:active {
	color: #73000a;
	text-decoration: underline;
}

/* ROOT */
#root {
	background: #ffffff;
	clear: both;
	display: block;
	margin: 0 auto;
	padding: 0;
}

/* MAIN */
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6  {
	clear: both;
	margin: .2rem 1rem 0rem 2rem;
	padding: 0em;
	width: 90%;
}
#main p {
	margin: 1em 1em 1em 2em;
	padding: 0em;
	width: 90%;
}
#main img {
	margin: 0;
	padding: 0;
}
#main .img-center {
	clear: both;
	display: block;
	margin: .5em auto;
	padding: 0;
	text-align: center;
}
#main .img-left {
	clear: both;
	display: block;
	float: left;
	margin: .5em 0em;
	padding: .1em .5em .1em 0em;
}
#main .img-right {
	clear: both;
	display: block;
	float: right;
	margin: .5em 0em;
	padding: .1em 0em .1em .5em;
}
#main blockquote {
	margin: .75em 3em;
	padding: 0em 2em;
}
#main dl {
	margin: 1em 1em 1em 2em;
	padding: 0em;
	width: 90%;
}
#main dt {
	font-weight: bold;
	margin: 0em;
	padding: 0em;
}
#main dd {
	margin: .1em 1em .1em 2em;
	padding: 0em;
}
#main ol {
	clear: both;
	list-style: outside decimal;
	margin: 1em 1em 1em 5em;
	padding: 0em;
	width: 90%;
}
#main ol li ol {
	list-style: outside decimal;
	margin: .1em 1em .1em 2em;
	padding: 0em;
	width: 90%;
}
#main ul {
	clear: both;
	list-style: outside disc;
	margin: 1em 1em 1em 5em;
	padding: 0em;
	width: 90%;
}
#main ul li ul {
	list-style: outside disc;
	margin: .1em 1em .1em 2em;
	padding: 0em;
	width: 90%;
}

/* FOOTER-MENU */
#footer-menu {
	color: #ffffff;
	font-size: 80%;
}
#footer-menu h1 {
	color: #fffffc;
	font-family: 'Droid Sans', sans-serif;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
#footer-menu .footer-menu-logo {
	background: #ffffff;
	min-height: auto;
	max-height: 150px;
	min-width: auto;
	max-width: 150px;
	vertical-align: middle;
}
#footer-menu a {
	color: #ffffff;
	text-decoration: none;
}
#footer-menu a:visited {
	color: #ffffff;
	text-decoration: none;
}
#footer-menu a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#footer-menu a:active {
	color: #ffffff;
	text-decoration: underline;
}
/* FOOTER PROPER */
#footer-proper { 
	clear: both;
	color: #3a3a3a;
	font-size: 80%;
	height: 25px;
	margin: 0;
	padding: 0;
}
#footer-proper p { 
	background: #ffffff;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* ---------- RESPONSIVE STYLES */

/* Phone Portrait 360px and under */
@media only screen and (max-width: 360px) {

	/* LOGO */
	#logo {
		height: 60px;
		margin: .5em;
		padding: 0;
		width: 235px;
	}
	a#logo_usc { /* usc */
		float: left;
		height: 60px;
		margin: 0;
		position: absolute;
		width: 60px;
	}
	a#logo_law { /* law */
		float: left;
		height: 60px;
		margin-left: 60px;
		margin-top: 0px;
		position: absolute;
		width: 115px;
	}
	/* HEADER */
	#header {
		background: #ffffff;
		display: block;
		height: auto;
		margin: 0em auto;
		max-width: 360px;
		padding: 0;
	}
	/* SOCIAL-SEARCH */
	#social-search {
		clear: both;
		display: block;
		height: auto;
		margin: 0;
		padding: 0;
	}
	/* SOCIAL */
	#social {
		clear: both;
		display: block;
		height: auto;
		margin: 0 auto;
		padding: 0;
		width: 70%
	}
	#social ul {
		list-style: none;
		margin: .5em 3em;
		padding: 0;
	}
	#social ul li {
		float: right;
		margin: 0;
		padding: 0;
	}
	#social ul li a i {
		background: #73000a;
		border-radius: 25px;
		color: #ffffff;
		font-size: 90%;
		height: 20px;
		margin-right: .2em;
		padding-top: 15%;
		text-align: center;
		width: 25px;
	}
	#social ul li a i {
		transition: all 0.2s ease-in-out;
	}
	#social ul li a i:hover {
		opacity: .7;
	}
	#social a { 
		color: #73000a;
		text-decoration: none;
	}
	#social a:visited {
		color: #73000a;
		text-decoration: none;
	}
	#social a:hover {
		color: #73000a;
		text-decoration: none;
	}
	#social a:active {
		color: #73000a;
		text-decoration: none;
	}
	/* SEARCH */
	#search {
		clear: both;
		display: block;
		height: auto;
		margin: 0;
		padding: 0;
	}
	#search .web-search-icon {
		display: none;
	}
	#search input {
		margin: 0em .1em;
		padding: 0em .1em;
		position: relative;
	}
	#search input#q {
		background: #cccccc;
		color: #3a3a3a;
		font-size: 80%;
		margin: 1em;
		min-height: 30px;
		width: 250px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			-webkit-transition: background .55s ease;
			-moz-transition: background .55s ease;
			-ms-transition: background .55s ease;
			-o-transition: background .55s ease;
			transition: background .55s ease;
	}

	/* UOFSCLAW NAVIGATION */
	/* 
		separate stylesheet
	 */

	/* ----- BANNER */
	#banner {
		background-image: url("/_test/images/banners/banner150.jpg");
		background-repeat: no-repeat;
		clear: both;
		display: block;
		margin: 0;
		padding: 0;
		max-width: 360px;
	}
	/* BANNER PROPER */
	#banner-proper {
		display: block;
		max-width: 360px;
	}

	/* ROOT*/
	#root {
		background: #ffffff;
		clear: both;
		display: block;
		margin: .5em .5em;
		max-width: 360px;
		padding: .2em;
	}

	#main { 
		clear: both;
		display: block;
		max-width: 360px;
	}
	#main-content-no-menu { 
		clear: both;
		display: block;
		max-width: 360px;
	}
	#main-content { 
		clear: both;
		display: block;
		max-width: 360px;
	}
	#menu-right { 
		clear: both;
		display: block;
		max-width: 360px;
	}
	#notices-proper { display: none; }
	#ads { display: none; }

	#footer { 
		clear: both;
		display: block;
		max-width: 360px;
	}
	/* ----- FOOTER MENU */
	#footer-menu {
		background: #000000;
		clear: both;
		color: #ffffff;
		font-size: 100%;
		margin: 1em 0em;
		min-height: auto;
		min-width: 360px;
		overflow: hidden;
		padding: 0;
	}
	#footer-menu .footer-menu-logo {
		margin: 0em 2em;
		min-height: auto;
		max-height: 75px;
		min-width: auto;
		max-width: 75px;
		padding: 2em 2em;
	}
	#footer-menu-1 {
		clear: both;
		display: block;
		margin: 1em;
	}
	#footer-menu-2 {
		clear: both;
		display: block;
		margin: 1em;
	}
	#footer-menu-3 {
		clear: both;
		display: block;
		margin: 1em;
	}
	#footer-menu-4 {
		clear: both;
		display: block;
		margin: 1em;
	}
	#footer-menu ul {
		list-style-type: none;
		margin: .5em 0em;
		padding: 0em 0em 0em .5em;
	}
	#footer-proper { max-width: 360px; }

}

/* Phone Landscape 361px to 480px */
@media only screen and (min-width: 361px) and (max-width: 480px) /* and (orientation: landscape) */ {

	/* LOGO */
	#logo {
		height: 60px;
		margin: .5em;
		padding: 0;
		width: 235px;
	}
	a#logo_usc { /* usc */
		float: left;
		height: 60px;
		margin: 0;
		position: absolute;
		width: 60px;
	}
	a#logo_law { /* law */
		float: left;
		height: 60px;
		margin-left: 60px;
		margin-top: 0px;
		position: absolute;
		width: 115px;
	}
	/* HEADER */
	#header {
		background: #ffffff;
		display: block;
		height: auto;
		margin: 0em auto;
		/* max-width: 480px; */
		padding: 0;
	}
	/* SOCIAL-SEARCH */
	#social-search {
		clear: both;
		display: block;
		height: auto;
		margin: 0;
		padding: 0;
	}
	/* SOCIAL */
	#social {
		clear: both;
		display: block;
		height: auto;
		margin: 0 auto;
		padding: 0;
		width: 99%
	}
	#social ul {
		list-style: none;
		margin: .5em 3em;
		padding: 0;
	}
	#social ul li {
		float: right;
		margin: 0;
		padding: 0;
	}
	#social ul li a i {
		background: #73000a;
		border-radius: 25px;
		color: #ffffff;
		font-size: 90%;
		height: 20px;
		margin-right: .2em;
		padding-top: 15%;
		text-align: center;
		width: 25px;
	}
	#social ul li a i {
		transition: all 0.2s ease-in-out;
	}
	#social ul li a i:hover {
		opacity: .7;
	}
	#social a { 
		color: #73000a;
		text-decoration: none;
	}
	#social a:visited {
		color: #73000a;
		text-decoration: none;
	}
	#social a:hover {
		color: #73000a;
		text-decoration: none;
	}
	#social a:active {
		color: #73000a;
		text-decoration: none;
	}
	/* SEARCH */
	#search {
		clear: both;
		display: block;
		height: auto;
		margin: 0;
		padding: 0;
	}
	#search .web-search-icon {
		display: none;
	}
	#search input {
		margin: 0em .1em;
		padding: 0em .1em;
		position: relative;
	}
	#search input#q {
		background: #cccccc;
		color: #3a3a3a;
		font-size: 80%;
		margin: 1em;
		min-height: 30px;
		width: 250px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			-webkit-transition: background .55s ease;
			-moz-transition: background .55s ease;
			-ms-transition: background .55s ease;
			-o-transition: background .55s ease;
			transition: background .55s ease;
	}

	/* UOFSCLAW NAVIGATION */
	/* 
		separate stylesheet
	 */

	/* ----- BANNER */
	#banner {
		background-image: url("/_test/images/banners/banner150.jpg");
		background-repeat: no-repeat;
		clear: both;
		display: block;
		margin: 0;
		padding: 0;
		max-width: 480px;
	}
	/* BANNER PROPER */
	#banner-proper {
		display: block;
		/* max-width: 480px; */
	}

	/* ROOT*/
	#root {
		background: #ffffff;
		clear: both;
		display: block;
		margin: .5em .5em;
		max-width: 480px;
		padding: .2em;
	}

	#main { 
		clear: both;
		display: block;
		max-width: 480px;
	}
	#main-content-no-menu { 
		clear: both;
		display: block;
		max-width: 480px;
	}
	#main-content { 
		clear: both;
		display: block;
		max-width: 480px;
	}
	#menu-right { 
		clear: both;
		display: block;
		max-width: 480px;
	}
	#notices-proper { display: none; }
	#ads { display: none; }

	#footer { 
		clear: both;
		display: block;
		max-width: 480px;
	}
	/* ----- FOOTER MENU */
	#footer-menu {
		background: #000000;
		clear: both;
		color: #ffffff;
		font-size: 100%;
		margin: 1em 0em;
		min-height: auto;
		width: 480px;
		overflow: hidden;
		padding: 0;
	}
	#footer-menu .footer-menu-logo {
		margin: 0em 2em;
		min-height: auto;
		max-height: 75px;
		min-width: auto;
		max-width: 75px;
		padding: 2em 2em;
	}
	#footer-menu-1 {
		clear: both;
		display: block;
		margin: 1em;
	}
	#footer-menu-2 {
		clear: both;
		display: block;
		margin: 1em;
	}
	#footer-menu-3 {
		clear: both;
		display: block;
		margin: 1em;
	}
	#footer-menu-4 {
		clear: both;
		display: block;
		margin: 1em;
	}
	#footer-menu ul {
		list-style-type: none;
		margin: .5em 0em;
		padding: 0em 0em 0em .5em;
	}
	#footer-proper { /* max-width: 480px; */ }

}

/* Tablet Portrait 481px to 768px */
@media only screen and (min-width: 481px) and (max-width: 768px) {

	/* LOGO */
	#logo {
		height: 60px;
		margin: .5em;
		padding: 0;
		width: 235px;
	}
	a#logo_usc { /* usc */
		float: left;
		height: 60px;
		margin: 0;
		position: absolute;
		width: 60px;
	}
	a#logo_law { /* law */
		float: left;
		height: 60px;
		margin-left: 60px;
		margin-top: 0px;
		position: absolute;
		width: 115px;
	}
	/* HEADER */
	#header {
		background: #ffffff;
		display: block;
		height: auto;
		margin: 0em auto;
		/* max-width: 1024px; */
		padding: 0;
	}
	/* SOCIAL-SEARCH */
	#social-search {
		clear: both;
		display: block;
		height: auto;
		margin: 0;
		padding: 0;
	}
	/* SOCIAL */
	#social {
		clear: both;
		display: block;
		height: auto;
		margin: 0 auto;
		padding: 0;
		width: 99%
	}
	#social ul {
		list-style: none;
		margin: .5em 3em;
		padding: 0;
	}
	#social ul li {
		float: right;
		margin: 0;
		padding: 0;
	}
	#social ul li a i {
		background: #73000a;
		border-radius: 25px;
		color: #ffffff;
		font-size: 90%;
		height: 20px;
		margin-right: .2em;
		padding-top: 15%;
		text-align: center;
		width: 25px;
	}
	#social ul li a i {
		transition: all 0.2s ease-in-out;
	}
	#social ul li a i:hover {
		opacity: .7;
	}
	#social a { 
		color: #73000a;
		text-decoration: none;
	}
	#social a:visited {
		color: #73000a;
		text-decoration: none;
	}
	#social a:hover {
		color: #73000a;
		text-decoration: none;
	}
	#social a:active {
		color: #73000a;
		text-decoration: none;
	}
	/* SEARCH */
	#search {
		clear: both;
		display: block;
		height: auto;
		margin: 0;
		padding: 0;
	}
	#search .web-search-icon {
		display: none;
	}
	#search input {
		margin: 0em .1em;
		padding: 0em .1em;
		position: relative;
	}
	#search input#q {
		background: #cccccc;
		color: #3a3a3a;
		font-size: 80%;
		margin: 1em;
		min-height: 30px;
		width: 250px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			-webkit-transition: background .55s ease;
			-moz-transition: background .55s ease;
			-ms-transition: background .55s ease;
			-o-transition: background .55s ease;
			transition: background .55s ease;
	}

	/* UOFSCLAW NAVIGATION */
	/* 
		separate stylesheet
	 */

	/* ----- BANNER */
	#banner {
		background-image: url("/_test/images/banners/banner150.jpg");
		background-repeat: no-repeat;
		clear: both;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	/* BANNER PROPER */
	#banner-proper {
		display: block;
		width: 100%;
	}

	/* ROOT*/
	#root {
		background: #ffffff;
		clear: both;
		display: block;
		margin: .5em .5em;
		max-width: 1024px;
		padding: .2em;
	}

	#main { 
		clear: both;
		display: block;
		max-width: 1024px;
	}
	#main-content-no-menu { 
		clear: both;
		display: block;
		max-width: 1024px;
	}
	#main-content { 
		clear: both;
		display: block;
		max-width: 1024px;
	}
	#menu-right { 
		clear: both;
		display: block;
		max-width: 1024px;
	}
	#notices-proper { display: none; }
	#ads { display: none; }

	#footer { 
		clear: both;
		display: block;
		max-width: 1024px;
	}
	/* ----- FOOTER MENU */
	#footer-menu {
		background: #000000;
		clear: both;
		color: #ffffff;
		font-size: 100%;
		margin: 1em 0em;
		min-height: auto;
		width: 1024px;
		overflow: hidden;
		padding: 0;
	}
	#footer-menu .footer-menu-logo {
		margin: 0em 2em 1em 2em;
		min-height: auto;
		max-height: 75px;
		min-width: auto;
		max-width: 75px;
		padding: 2em 2em;
	}
	#footer-menu-1 {
		clear: both;
		display: block;
		margin: 1em;
	}
	#footer-menu-2 {
		clear: both;
		display: block;
		margin: 1em;
	}
	#footer-menu-3 {
		clear: both;
		display: block;
		margin: 1em;
	}
	#footer-menu-4 {
		clear: both;
		display: block;
		margin: 1em;
	}
	#footer-menu ul {
		list-style-type: none;
		margin: .5em 0em;
		padding: 0em 0em 0em .5em;
	}
	#footer-proper { /* max-width: 1024px; */ }

}

/* Tablet Landscape 769px to 1023px */
@media only screen and (min-width: 769px) and (max-width: 1023px) {

	/* ----- HEADER */
	#header {
		background: #ffffff;
		display: block;
		height: 99px;
		margin: 0;
		padding: 10px 0px;
		width: 100%;
	}
	/* LOGO */
	#logo {
		background-image: url("/_a/icons/UofSCLawLogo.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		height: 89px;
		margin: 0em 1em 0em 1em;
		padding: 0;
		width: 350px;
	}
	a#logo_usc { /* usc */
		float: left;
		height: 89px;
		margin: 0;
		position: absolute;
		width: 90px;
	}
	a#logo_law { /* law */
		float: left;
		height: 89px;
		margin-left: 90px;
		margin-top: 0px;
		position: absolute;
		width: 260px;
	}
	/* SOCIAL-SEARCH */
	#social-search {
		float: right;
		height: 89px;
		margin: 0em 1em 0em 1em;
		padding: 0;
		width: 50%;
	}
	/* SOCIAL */
	#social {
		height: 50%;
		margin: 0px;
		padding: 0px;
		width: 100%;
	}
	#social ul li {
		float: right;
		list-style: none;
		margin: 10px 0px;
		padding: 0px;
	}
	#social ul li a i {
		background: #73000a;
		border-radius: 25px;
		color: #ffffff;
		font-size: 90%;
		height: 20px;
		margin-right: 10px;
		padding-top: 15%;
		text-align: center;
		width: 25px;
	}
	#social ul li a i {
		transition: all 0.2s ease-in-out;
	}
	#social ul li a i:hover {
		opacity: .7;
	}
	#social a { 
		color: #73000a;
		text-decoration: none;
	}
	#social a:visited {
		color: #73000a;
		text-decoration: none;
	}
	#social a:hover {
		color: #73000a;
		text-decoration: none;
	}
	#social a:active {
		color: #73000a;
		text-decoration: none;
	}
	/* SEARCH */
	#search {
		display: block;
		float: right;
		height: 50%;
		margin: 0px;
		padding: 0px;
		text-align: right;
		width: 100%
	}
	#search input {
		margin: 0px 10px;
		padding: 0px 10px;
		position: relative;
	}
	#search .web-search-icon {
		margin: 0px 10px;
		padding: 0px 0px;
		position: relative;
		z-index: 1;
		color: #73000a;
	}
	#search input#q {
		background: #cccccc;
		color: #3a3a3a;
		font-size: 80%;
		margin: 1em;
		min-height: 30px;
		width : 300px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			-webkit-transition: background .55s ease;
			-moz-transition: background .55s ease;
			-ms-transition: background .55s ease;
			-o-transition: background .55s ease;
			transition: background .55s ease;
	}

	/* UOFSCLAW NAVIGATION */
	/* 
		separate stylesheet
	 */

	/* ----- BANNER */
	#banner {
		background-image: url("/_test/images/banners/banner150.jpg");
		background-repeat: no-repeat;
		clear: both;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	/* BANNER PROPER */
	#banner-proper {
		display: block;
		width: 100%;
	}

	/* ROOT*/
	#root {
		background: #ffffff;
		clear: both;
		display: block;
		margin: .5em .5em;
		max-width: 1023px;
		padding: .2em;
	}

	#main { 
		clear: both;
		display: block;
		max-width: 1023px;
	}
	#main-content-no-menu { 
		clear: both;
		display: block;
		max-width: 1023px;
	}
	#main-content { 
		clear: both;
		display: block;
		max-width: 1023px;
	}
	#menu-right { 
		clear: both;
		display: block;
		max-width: 100%;
	}
	#notices-proper { display: none; }
	#ads { display: none; }

	#footer { 
		clear: both;
		display: block;
		width: 100%;
	}
	/* ----- FOOTER MENU */
	#footer-menu {
		background: #000000;
		clear: both;
		color: #ffffff;
		font-size: 100%;
		margin: 1em 0em;
		min-height: auto;
		width: 100%;
		overflow: hidden;
		padding: 0;
	}
	#footer-menu .footer-menu-logo {
		margin: 0em 2em 1em 2em;
		min-height: auto;
		max-height: 75px;
		min-width: auto;
		max-width: 75px;
		padding: 2em 2em;
	}
	#footer-menu-1 {
		clear: both;
		display: block;
		margin: 1em;
	}
	#footer-menu-2 {
		clear: both;
		display: block;
		margin: 1em;
	}
	#footer-menu-3 {
		clear: both;
		display: block;
		margin: 1em;
	}
	#footer-menu-4 {
		clear: both;
		display: block;
		margin: 1em;
	}
	#footer-menu ul {
		list-style-type: none;
		margin: .5em 0em;
		padding: 0em 0em 0em .5em;
	}
	#footer-proper { /* max-width: 1023px; */ }

}

/* Desktop 1024px */
@media only screen and (min-width: 1024px) {

	/* ----- HEADER */
	#header {
		background: #ffffff;
		display: block;
		height: 99px;
		margin: 0;
		padding: 10px 0px;
		width: 100%;
	}
	/* LOGO */
	#logo {
		background-image: url("/_a/icons/UofSCLawLogo.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		height: 89px;
		margin: 0em 1em 0em 1em;
		padding: 0;
		width: 350px;
	}
	a#logo_usc { /* usc */
		float: left;
		height: 89px;
		margin: 0;
		position: absolute;
		width: 90px;
	}
	a#logo_law { /* law */
		float: left;
		height: 89px;
		margin-left: 90px;
		margin-top: 0px;
		position: absolute;
		width: 260px;
	}
	/* SOCIAL-SEARCH */
	#social-search {
		float: right;
		height: 89px;
		margin: 0em 1em 0em 1em;
		padding: 0;
		width: 50%;
	}
	/* SOCIAL */
	#social {
		height: 50%;
		margin: 0px;
		padding: 0px;
		width: 100%;
	}
	#social ul li {
		float: right;
		list-style: none;
		margin: 10px 0px;
		padding: 0px;
	}
	#social ul li a i {
		background: #73000a;
		border-radius: 25px;
		color: #ffffff;
		font-size: 90%;
		height: 20px;
		margin-right: 10px;
		padding-top: 15%;
		text-align: center;
		width: 25px;
	}
	#social ul li a i {
		transition: all 0.2s ease-in-out;
	}
	#social ul li a i:hover {
		opacity: .7;
	}
	#social a { 
		color: #73000a;
		text-decoration: none;
	}
	#social a:visited {
		color: #73000a;
		text-decoration: none;
	}
	#social a:hover {
		color: #73000a;
		text-decoration: none;
	}
	#social a:active {
		color: #73000a;
		text-decoration: none;
	}
	/* SEARCH */
	#search {
		display: block;
		float: right;
		height: 50%;
		margin: 0px;
		padding: 0px;
		text-align: right;
		width: 100%
	}
	#search input {
		margin: 0px 10px;
		padding: 0px 10px;
		position: relative;
	}
	#search .web-search-icon {
		margin: 0px 10px;
		padding: 0px 0px;
		position: relative;
		z-index: 1;
		color: #73000a;
	}
	#search input#q {
		background: #cccccc;
		color: #3a3a3a;
		font-size: 80%;
		margin: 1em;
		min-height: 30px;
		width : 300px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			-webkit-transition: background .55s ease;
			-moz-transition: background .55s ease;
			-ms-transition: background .55s ease;
			-o-transition: background .55s ease;
			transition: background .55s ease;
	}

	/* ----- BANNER */
	#banner {
		background-image: url("/_test/images/banners/banner150.jpg");
		background-repeat: no-repeat;
		clear: both;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	/* BANNER PROPER */
	#banner-proper {
		display: block;
		width: 100%;
	}
	#banner-landing h1 {
		display: block;
		margin: 1em 0em 0em 1em;
		min-height: 150px;
		padding: 1em 0em 0em 1em;
		text-align: left;
	}

	/* BANNER NAVIGATION */


	/* ----- BREADCRUMB */
	#breadcrumb {
		clear: both;
		display: inline;
		float: left;
		margin: 0;
		min-height: 30px;
		width: 100%;
	}
	#breadcrumb p {
		font-size: 80%;
		font-weight: bold;
		margin: 0em 1em;
		padding: .5em 1em;
	}
	#breadcrumb a { 
		color: #73000a;
		text-decoration: none;
	}
	#breadcrumb a:visited {
		color: #73000a;
		text-decoration: none;
	}
	#breadcrumb a:hover {
		color: #73000a;
		text-decoration: underline;
	}
	#breadcrumb a:active {
		color: #73000a;
		text-decoration: underline;
	}

	/* ROOT*/
	#root {
		background: #ffffff;
		clear: both;
		display: block;
		margin: .5em .5em;
		padding: .2em;
	}

	/* ----- MAIN */
	#main { 
		clear: both;
		display: block;
		width: 100%;
	}

	/* MAIN CONTENT NO SIDEBAR */
	#main-content-no-menu {
		margin: 1em 1em;
		padding: 0;
		width: 90%;
	}
	/* MAIN CONTENT WITH SIDEBAR */
	#main-content {
		margin: 0px;
		padding: 0px;
		width: 70%;
	}
	/* MENU-RIGHT */
	#menu-right { 
		width: 30%;
	}
	/* MENU-RIGHT-PROPER */
	#menu-right-proper {
		clear: both;
		display: block;
		font-size: 90%;
		margin: 2em 0em;
		padding: 0em 0em 1em 0em;
		width: 90%;
	}
	#menu-right-proper h1 {
		display: block;
		font-size: 100%;
		font-weight: bold;
		overflow: hidden;
		text-align: center;
		text-transform: uppercase;
		width: 90%;
	}
	#menu-right-proper ul {
		margin: 0px 0px 0px 0px;
		padding: 5px 5px 5px 5px;
		width: 90%;
	}
	#menu-right-proper ul li {
		clear: both;
		list-style: disc;
		margin: 0 auto;
		padding: 0em 0em .5em 0em;
		width: 90%;
	}

	/* NOTICES */
	#notices-proper {
		border-top: 1px solid #73000a;
		clear: both;
		display: block;
		font-size: 80%;
		margin: 2em 0em;
		padding: 0em 0em 1em 0em;
		width: 90%;
	}
	#notices-proper h1 {
		display: block;
		font-size: 100%;
		font-weight: bold;
		overflow: hidden;
		text-align: center;
		text-transform: uppercase;
		width: 90%;
	}
	#notices-proper ul {
		margin: 0px 0px 0px 0px;
		padding: 5px 5px 5px 5px;
		width: 90%;
	}
	#notices-proper ul li {
		clear: both;
		list-style: none;
		margin: 0 auto;
		padding: 0em 0em .5em 0em;
		width: 90%;
	}

	/* ADS */
	#ads {
		/* width: 90%; */
	}
	#ads ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#ads img {
		display: block;
		margin: .1em auto;
		vertical-align: middle;
		min-height: auto;
		max-height: 100%;
		min-width: auto;
		max-width: 100%;
	}

	/* ----- FOOTER */
	#footer { width: 100%; }

	/* FOOTER MENU */
	#footer-menu {
		background: #000000;
		border-bottom: 3px double #3a3a3a;
		clear: both;
		color: #ffffff;
		display: block;
		font-size: 80%;
		margin: 0;
		min-height: 200px;
		padding: 10px 0px;
		width: 100%;
	}
	#footer-menu .footer-menu-logo {
		background: #ffffff;
		display: block;
		margin: 0em auto;
		min-height: auto;
		max-height: 150px;
		min-width: auto;
		max-width: 150px;
		padding: 1em 2em;
		vertical-align: middle;
	}
	#footer-menu-1 {
		width: 25%;
		margin: 15px 0px 0px 0px;
	}
	#footer-menu-2 {
		width: 25%;
		margin: 15px 0px 0px 0px;
	}
	#footer-menu-3 {
		width: 25%;
		margin: 15px 0px 0px 0px;
	}
	#footer-menu-4 {
		width: 25%;
		margin: 15px 0px 0px 0px;
	}
	#footer-menu h1 {
		color: #fffffc;
		font-family: 'Droid Sans', sans-serif;
		font-size: 100%;
		font-weight: bold;
		margin: 0;
		padding: 0;
		text-transform: uppercase;
	}
	#footer-menu ul {
		list-style-type: none;
		margin: .5em 0em;
		padding: 0;
	}
	#footer-menu li {
		margin: 0;
		padding: 0;
	}
	#footer-menu a {
		color: #ffffff;
		text-decoration: none;
	}
	#footer-menu a:visited {
		color: #ffffff;
		text-decoration: none;
	}
	#footer-menu a:hover {
		color: #ffffff;
		text-decoration: underline;
	}
	#footer-menu a:active {
		color: #ffffff;
		text-decoration: underline;
	}

	/* FOOTER PROPER */
	#footer-proper { 
		background: #ffffff;
		clear: both;
		color: #3a3a3a;
		font-size: 80%;
		height: 25px;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	#footer-proper p { 
		margin: 0;
		padding: 0;
		text-align: center;
	}

}