/* CSS Document for - Written by Paul Mazzoleni, Adcom LLC */

* {
	margin: 0;
	padding: 0;
	}
	
body {
	background-color:#000;
	color:#fff;
	font-size:14px;
	font-family:Myriad Pro, Arial, Helvetica, sans-serif;
	}
	
img {
	display: block;
	border: none;
	}
	
a {
	color:#EE3A43;
	}



/* =DIVS
--------------------------------------*/
#access-links {
	position:absolute; 
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	}
	
#page-container {
	width:995px;
	}
	
#left {
	width:241px;
	padding-top:22px;
	}
	
#content {
	width:729px;
	min-height:420px;
	background-image:url(../images/TSmithHome.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	float:right;
	position:relative;
	top:0px;
	}
	
#squaresContent {
	width:729px;
	min-height:395px;
	float:right;
	position:relative;
	top:0px;
	}
	
#h1home {
	margin-top:95px;
	margin-bottom:22px;
	}
	
#content p{
	margin-bottom:12px;
	width: 370px;
	}

.sub #squaresContent p{
	margin-bottom:12px;
	width: 720px;
	}

#content ul {
	width:370px;
	list-style:none;
	margin-bottom:12px;
	}
	
.sub #squaresContent ul {
	width:720px;
	list-style:none;
	margin-bottom:12px;
	}
	
#content ol {
	width:355px;
	margin-bottom:12px;
	padding-left:30px;
	}
	
.sub #squaresContent ol {
	width:690px!important;
	margin-bottom:12px;
	padding-left:30px;
	}
	
.sub #squaresContent  ol li{
	margin-bottom:5px;
	}
	
#content ol li{
	margin-bottom:5px;
	}
	
#content ul li,
.sub #squaresContent ul li{
	padding-left:15px;
	background-image:url(../images/li.gif);
	background-repeat:no-repeat;
	background-position:0px 6px;
	margin-bottom:5px;
	}
	
	
.sub #content {
	width:729px;
	min-height:535px;
	background-image:url(../images/TSmith1.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	float:right;
	position:relative;
	top:0px;
	padding-top:90px;
	padding-bottom:20px;
	}
	
.sub #squaresContent {
	margin-bottom:30px;
	}

.sub #content h1{
	color:#EE3A43;
	font-weight:500;
	font-size:18x;
	margin-bottom:12px;
	}
	
.sub #squaresContent h1{
	color:#EE3A43;
	font-weight:500;
	font-size:18x;
	margin-bottom:12px;
	margin-top:30px;
	}

.sub #content h1,
.sub #squaresContent h1 {
	width: 470px;
	}
	
.sub #content h2,
.sub #squaresContent h2 {
	color:#EE3A43;
	font-size:14px;
	font-weight:500;
	width: 470px;
	}
	
.sub #content p{
	margin-bottom:12px;
	width: 470px;
	}
	
.sub #squaresContent p {
	margin-bottom:12px;
	width:720px;
	}
	
.sub #content ul {
	width:470px;
	}
	
.sub #content ol,
.sub #squaresContent ol {
	width:455px;
	}

	
#support {
	min-height:154px;
	width:100%;
	border-top: solid 4px #ee3a43;
	border-bottom: solid 4px #ee3a43;
	clear:both;
	}

#supportVID {
	min-height:154px;
	width:100%;
	clear:both;
	}

#supportVID ul{
	display:block;
	list-style:none;
	margin:auto;
	margin:auto;
	width:484px;
	}

#supportVID.vid3 ul{
	display:block;
	list-style:none;
	margin:auto;
	margin:auto;
	width:746px!important;
	}

#supportVID li{
	width:200px;
	margin-right:20px;
	margin-left:20px;
	float:left;
	border:solid #EE3A43 1px;
	}
	
#supportBar{
	height:0px!important;
	width:100%;
	border-top: solid 4px #ee3a43;
	border-bottom:none;
	clear:both;
	margin-bottom:30px;
	}
	
#support ul {
	display:block;
	list-style:none;
	float:right;
	padding-top:12px;
	margin-right:72px;
	}
	
#support p{
	display:block;
	list-style:none;
	float:right;
	padding-top:22px;
	width:600px;
	}
		
#support li{
	width:98px;
	float:left;
	margin-left:45px;
	}


#support li img{
	border:solid 1px #ee3a43;
	margin-bottom:10px;
	}
	
#rotate,
#GinnSR {
	position:absolute;
	right:0px;
	top:0px;
	}
	
#squaresLogo {
	float:right;
	margin-top:20px;
	margin-bottom:15px;
	}
	
#squares{
	width:720px;
	height:360px;
	margin-top:-10px;
	margin-bottom:20px;
	z-index:1!important;
	position:relative;
	}

/* =NAVIGATION
--------------------------------------*/
#left #nav {
	padding-top:20px;
	margin-left:34px;
	z-index:10000!important;
	}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:10000!important;
	}

#nav a {
	display: block;
	width: 10em;
	color:#fff;
	text-decoration:none;
	width:144px;
	text-transform:uppercase;
	text-align:right;
	background-image:url(../images/dottedLine.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	line-height:22px;
	z-index:10000!important;
	}
	
#nav a:hover {
	color:#EE3A43;
	}
	
#nav li:hover a{
	color:#EE3A43;
	}
	
#nav li {
	float: left;
	width: 10em;
	z-index:10000!important;
	}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	z-index:10000!important;
	}
	
#nav li ul a:hover{
	color:#EE3A43!important;
	}
	
#nav li ul a {
	text-align:left;
	padding-left:10px;
	width:250px;
	background-color:#000;
	color:#CCCCCC!important;
	opacity: 0.9;
	}

#nav li:hover ul {
	left: 177px;
	margin-top:-1.55em;
	}


/*---nav color holder-----*/

.home .indexlink,
.about .aboutlink,
.history .aboutlink,
.strategy .aboutlink,
.committee .aboutlink,
.allstars .allstarlink,
.ts .allstarlink,
.ss .allstarlink,
.js .allstarlink,
.jt .allstarlink,
.students .studentlink,
.studentd .studentlink,
.studento .studentlink,
.studentvid .studentlink,
.parents .parentlink,
.parentsw .parentlink,
.parentswhy .parentlink,
.parentshow .parentlink,
.teach .teacherlink,
.teachwhy .teacherlink,
.teachhow .teacherlink,
.help .helplink,
.enforce .helplink,
.reentry .helplink,
.natorgs .helplink,
.aboutgangs .aboutglink,
.news .newslink,
.walk .walklink,
.pnews .newslink,
.enews .newslink,
.rnews .newslink,
.graffiti .graffitilink,
.graffitiow .graffitilink,
.graffitip .graffitilink,
.tip .tiplink,
.calendar .calendarlink,
.supporters .supportlink, 
.contact .contactlink{
	color:#EE3A43!important;
	}
	
#squaresNav {
	width:720px;
	min-height:37px;
	background:url(../images/squares/nav.jpg) #000000 repeat-x top;
	display:block;
	list-style:none;
	clear:right;
	}
	
#squaresNav ul {
	margin:auto;
	display:block;
	list-style:none;
	min-height:37px;
	}
	
#squaresNav li{
	display:inline;
	line-height:35px;
	background-image:none !important;
	}
	
#squaresNav a{
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	padding:0px 5px 0px 15px;
	border-left:dotted 1px #fff;
	}
	
#squaresNav a.end{
	border-left:none;
	}
	
#squaresNav a:hover {
	color:#EE3A43;
	}


/* =CLASSES
--------------------------------------*/
.support {
	margin-left:45px;
	margin-top:20px;
	}
	
.name{
	color:#fff;
	width:98px;
	display:block;
	text-align:center;
	text-decoration:none;
	}
	
.bottomTag {
	margin:auto;
	margin-top:15px;
	margin-bottom:15px;
	}
	
.topLinks {
	font-size:20px;
	display:block;
	list-style:none;
	margin-bottom:12px;
	}
	
.topLinks li {
	display:inline;
	margin-right:95px;
	}
	
.topLinks a{
	color:#fff;
	text-decoration:none;
	font-weight:500;
	}
	
.prev .prevent a{
	color:#EE3A43!IMPORTANT;
	text-decoration:underline!IMPORTANT;
	}
	
.links {
	width:370px;
	margin-bottom:40px!important;
	background-image:url(../images/dottedLine.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom:10px;
	}
	
.links li{
	padding-left:0px;
	background-image:none;
	margin-bottom:5px;
	}

.spacer	{
	margin-bottom:40px;
	}

.spacer	ol,
.spacer ul{
	margin-bottom:0px!important;
	}

/* =MICROFORMATS
--------------------------------------*/ 



/* =TABLES
--------------------------------------*/



/* =FORMS (.NET)
--------------------------------------*/su