body {
	background: #eee;
	font: 14px "Georgia", Arial, "lucida grande", sans-serif;
	margin: 25px;
	padding: 0px;
	text-align: left;
	line-height: 20px;
}
#container {
	background: #FFF;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 25px;
	left: 25px;
	width: 700px;
}
a, a:link, a:visited {
	color: #f00;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color: #fff !important;
	background: #f00;
	text-decoration: none;
}
a.img, a:hover.img {
	background: transparent;
	text-decoration: none;
}
#menu {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50px;
	left: 175px;
	width: 525px;
}

#menu a, #menu a:link, #menu a:visited {
	color: #FFF;
	text-align: center;
	float: left;
	font-size: 12px;
	line-height: 25px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	height: 25px;
}
#menu a:hover, #menu a:active, #menu a:focus {
	background: #EEE;
	color: #000 !important;
	text-decoration: none;
}
ul#menu	{
	float: left;
	/*background: #0f0;*/
	width: 525px;
}

ul#menu li {
	float: left;
	display: block;
	height: 25px;
}

#nav-1 a{
	width: 75px;
	margin: 0px;
}
#nav-2 a{
	width: 72px;
	margin: 0px;
}
#nav-3 a{
	width: 78px;
	margin: 0px;
}
#nav-4 a{
	width: 72px;
	margin: 0px;
}
#nav-5 a{
	width: 78px;
	margin: 0px;
}
#nav-6 a{
	width: 72px;
	margin: 0px;
}
#nav-7 a{
	width: 78px;
	margin: 0px;
}
/* RESTORE THIS IF THERE IS A PROBLEM WITH THE MENU LIST STYLING ON ANY BROWSER....AJ 9/13 8:30PM 310.809.2033
ul#menu #nav-1 a{
	width: 75px;
	margin: 0px;
}
ul#menu #nav-2 a{
	width: 72px;
	margin: 0px;
}
ul#menu #nav-3 a{
	width: 78px;
	margin: 0px;
}
ul#menu #nav-4 a{
	width: 72px;
	margin: 0px;
}
ul#menu #nav-5 a{
	width: 78px;
	margin: 0px;
}
ul#menu #nav-6 a{
	width: 72px;
	margin: 0px;
}
ul#menu #nav-7 a{
	width: 78px;
	margin: 0px;
}
*/
a.subhead_link , a:link.subhead_link, a:visited.subhead_link {
	color: #f00;
	font: 14px Georgia;
	text-decoration: none;
}
a:hover.subhead_link, a:active.subhead_link, a:focus.subhead_link {
	color: #fff;
	background: #f00;
	text-decoration: none;
}
.first {
	margin-left: -25px;
}
.home a, .home a:link, .home a:visited, .home a:hover .home img{	
	text-decoration: none;
}
.logo {
	position: absolute; 
	top: 0; 
	left: -25px;
}
.cr { background: #777; }
.ac { background: #999; }
.crworktype {
	color: #656565;
	}
/*Define menu link color while in current section*/
body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a,
body.section-5 #menu li#nav-5 a,
body.section-6 #menu li#nav-6 a,
body.section-7 #menu li#nav-7 a {
	background: #fff;
	color: #f00;
}
/*Defines subnav dimensions, but to not display*/
#submenu {
	top: 77px;
	left: 50px;
	position: absolute;
	width: 625px;
	white-space:nowrap; /*This fixes IE's tendancy to not wrap the list properly*/
	padding-top: 1px;
}
	
#subnav ul {
	margin-top: 10px;
}
#subnav li {
	display: inline-block;
	float: left;
	color: #000;
	height: 18px;
}

#subnav a {
	color: #000;
	border: none;
	border-right: 1px solid #999;
	display: inline-block;
	font: 10px Verdana, Arial, sans-serif;
	letter-spacing: 0;
	line-height: 10px;
	margin: 0;
	padding: 0 5px;
	text-decoration: none;
}
ul#subnav a:visited {
	color: #7c7c7c;
}
li a.last { 
	border-right: 0 !important;
}
ul.directions, .directions li{
	color: #7C7C7C;
	margin-left: 33px;
	/*padding-right: 25px;*/
	list-style: disc outside;
	line-height: 20px;
}
.subselected, a.subselected {
	color: #f00 !important;
	text-decoration: none;
}
/*a:focus for non-mouse browsing in some browsers*/
a:hover.subselected, a:active.subselected, a:focus.subselected {
	color: #fff !important;
	background: #f00;
	text-decoration: none;
}
.selected, a.selected {
	color: #000 !important;
	text-decoration: none;
}
/*a:focus for non-mouse browsing in some browsers*/
a:hover.selected, a:active.selected, a:focus.selected {
	color: #fff !important;
	background: #f00;
	text-decoration: none;
}
#creative {
	background: #EEE;
	color: #666; 
	font: 16px "Georgia", Arial, "lucida grande", sans-serif; 
	line-height: 50px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 175px;
	height: 50px;
	width: 225px;
	text-align: center;
	}
#academic {
	background: #eee;
	color: #666; 
	font: 16px "Georgia", Arial, "lucida grande", sans-serif; /*  14px "Franklin Gothic Medium", "Gill Sans", "Trebuchet", Verdana, Helvetica, Arial, sans-serif; */
	line-height: 50px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 400px;
	height: 50px;
	width: 300px;
	text-align: center;
	}
/*Menu div colors for active section*/
body.section-1 #creative, 
body.section-2 #creative,
body.section-3 #creative,
body.section-4 #academic,
body.section-5 #academic,
body.section-6 #academic,
body.section-7 #academic {
	background: #fff;
	color: #f00;
	}
#content {
	margin: 170px 0	25px 0;
	position: relative;
	top: -1px;

	}
p {
	padding: 0 25px 0 50px;
	color: #666;
	margin: 0 0 6px 0;
	line-height: 20px;
}
h2 {
	color: #000;
	font: 14px "Georgia", Arial, "lucida grande", sans-serif; 
	padding-left: 25px;
}		
h3 {
	color: #f00;
	font: 10px Verdana, Arial, sans-serif; 
	letter-spacing: 0.075em;
}	
h4 {
	color: #f00;
	padding-left: 50px;
	margin: 0 0 6px 0;
}	
/*Styles for TEMPORARY SPLASH PAGE*/
.banner, .banner p {
	background: #fff;
	color: #f00;
	font: 18px "Georgia", Arial, "lucida grande", sans-serif; 
}

.subtitle {
	margin-left: -25px;
	color: #000;
}
.indent {
	padding-left: 50px;
}
div.center {
	text-align:center;
}
div.left {
	text-align:left;
	float:left;
}
div.right {
	float:right;
	text-align:right;
	padding-right: 25px;
}
div.spacer {
  clear: both;
  }
div.thumblist {
  width: 639px;
  margin-left:50px;
}
.float140 {
  float: left;
  margin: 0 14px 15px 0;
}
.float185 {
  float: left;
  margin: 0 25px 15px 0;
}  

div.last {
  margin-right:0px;
}
.thumblist a, .float140 a,  .float185 a {
   	font: 10px Verdana, Arial, sans-serif;
	text-decoration: none;
}

#footer{
  position:relative;
  text-align: center;
  clear: both;
  font: 9px "Georgia", Arial, "lucida grande", sans-serif;
  color: #666;
  width:100%; 
  height:20px; 
  overflow:hidden;
  padding-top: 8px;
  margin: 0px;
  border-top: 1px solid #c7c7c7;
  
}
#footer a {
   	font: 9px "Georgia", Arial, "lucida grande", sans-serif;
}