/* STC CSS UPDATED BY DANIEL RAMIREZ 06-05-2007 */


/* GENERAL HTML STYLES */

html, body {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	background-image: url(../images/bg_trees.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #D6D5C7;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color: #2D2D2D;
}

blockquote {
	font-weight: normal;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-left: 25px;
	margin-right: 25px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	line-height: 110%;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	line-height: 110%;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	line-height: 110%;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	line-height: 110%;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	line-height: 110%;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	line-height: 110%;
}

/* LINK STYLES */
.breadCrumbs,.breadCrumbs p {
	font-weight: normal;
	text-decoration: none;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #2D2D2D;
	text-align: left;
	padding:3px 0px 3px 0px;
}
.breadCrumbs a:link {
	text-decoration: none;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #2D2D2D;
}

.breadCrumbs a:visited {
	text-decoration: none;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #2D2D2D;
}

.breadCrumbs a:hover {
	text-decoration: underline;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #993300;
}

.breadCrumbs a:active {
	text-decoration: none;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #993300;
}

/* STRUCTURE */
#container {
	width: 750px;
	margin: 0px auto;
	background-color: #FFFFFF;
	border-left: solid #C1C1C1 1px;
	border-right: solid #C1C1C1 1px;
	border-bottom: solid #C1C1C1 1px;
}

#top {
	font-size: 1px;
	line-height: 0;
	height: 4px; 
	background-color: #993300;
}

#header {
	height: 104px;
	background-color: #FFFFFF;
}

#topNav {
	height: 18px;
}

#topNav2 {
	width: 750px;
	height: 18px;
	font-size: 10px;
	text-align: center;
	clear: both;
}

#topNav2 a:link, #topNav2 a:visited
	{
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #8f8f8f;
	padding: 0px 7px 0px 10px;
	text-decoration: none;
	text-transform: uppercase;
}

#topNav2 a:hover
	{
	color: #993300;
}

#topNav2 ul {
	font-family: Arial, Helvetica, sans-serif;
	display: inline;
	margin-left: 0;
	padding-left: 0px;
	} 

#topNav2 ul li {
	margin-left: 0;
	list-style: none;
	border-left: 1px solid #8f8f8f;
	display: inline;
	}
	
#topNav2 ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}

#topLeft {
	height: 86px;
	width: 190px;
	float: left;
}

#topMiddle {
	float: left;
	height: 86px;
	width: 368px;
}

#topRight {
	float: right;
	height: 66px;
	width: 192px;
	margin: 0px;
	padding: 0px;
}

#topRightContent {
	padding-top: 20px;
}

#topRightContent a:link, #topRightContent a:visited
	{
	color: #3f3128;
	text-decoration: none;
}

#topRightContent a:hover
	{
	color: #993300;
	text-decoration: underline;
}

#input {
	margin: 0px;
	padding: 0px;
	float: left;
}

#inputButton {
	padding-top:2px;
	padding-left: 5px;
	float: left;
}

#secondaryLinks {
	clear: both;
}

#topRight form {
	margin: 0px;
	padding: 0px;
}

.mainsearch {
	font-family: "Trebuchet MS","Bitstream Vera Sans",verdana,lucida,arial,helvetica,sans-serif;
	font-size: 11px;
	width: 110px;
}

#gatewayLinks
	{
	height: 20px;
	line-height: 20px;
	width: 750px;
	background-color: #66cccc;
	font-size: 10pt;
	text-align: center;
}

#gatewayLinks a:link, #gatewayLinks a:visited
	{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

#gatewayLinks a:hover
	{
	font-weight: bold;
	text-decoration: underline;
}

#gatewayLinks ul {
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size: 10pt;
	display: inline;
	margin-left: 0;
	margin: 0px;
	padding: 0px;
	}

#gatewayLinks ul, #gatewayLinks li {
	margin-left: 0;
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
	}

.futureStudents
	{
	width: 150px;
	height: 20px;
	float: left;
	background-color: #003366;
}

.currentStudents
	{
	width: 150px;
	height: 20px;
	float: left;
	background-color: #dac641;
}

.parents
	{
	width: 150px;
	height: 20px;
	float: left;
	background-color: #336633;
}

.visitors
	{
	width: 150px;
	height: 20px;
	float: left;
	background-color: #660000;
}

.facultyStaff
	{
	width: 150px;
	height: 20px;
	float: left;
	background-color: #339999;
}

#breadCrumbs {
	height: 30px;
	background-color: #F8F8EA;
	padding: 0px;
	margin: 0px;
	border-bottom: solid #C1C1C1 1px;
}

#breadCrumbsContent {
	padding: 8px;
}

#galleryMain {
	width: 750px;
	height: 180px;
	padding: 0px;
	margin: 0px;
	font-size: 0px;
}

#galleryMain img {
	padding: 0px;
	margin: 0px;
}

#galleryBar {
	height: 5px;
	font-size: 5px;
	background-color: #993300;
	padding: 0px;
	margin: 0px;
}

#alertBar {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	background-color: #F00;
	padding: 0px;
	margin: 0px;
	text-align:center;
}

#alertBar a:link, #alertBar a:visited {
	color: #ffffff;
	text-decoration: underline;
}

#main {
	background-image: url(../images/bg.gif);
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainHome {
	width: 750px;
	padding: 15px 0px;
	margin: 0px;
	float: left;
}

#mainHome a:link, #mainHome a:visited
	{
	color: #3f3128;
	text-decoration: none;
}

#mainHome a:hover
	{
	color: #993300;
	text-decoration: underline;
}

#searchHome {
	width: 740px;
	padding: 15px 5px;
	margin: 0px;
	float: left;
}

#searchHome a:link, #searchHome a:visited
	{
	color: #3f3128;
	text-decoration: none;
}

#searchHome a:hover
	{
	color: #993300;
	text-decoration: underline;
}


#features {
	background-color: transparent;
	background-image: url(../images/feature_spacers.gif);
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: 0% 0%;
	float: left;
	width: 100%;
}

#features p {
	padding: 5px 20px;
	margin: 0px;
}

#features ul {
	list-style-type: none;
	margin: 0px;
	padding: 5px 0px 5px 20px;
}

#features li {
	background-color: transparent;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 2px 0px 2px 15px;

}

#features img {
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 10px;
	margin-left: 0pt;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ae9e81;
	border-right-color: #ae9e81;
	border-bottom-color: #ae9e81;
	border-left-color: #ae9e81;
}

#featureLeft {
	width:243px;
	float:left;
	margin: 0px;
	padding: 0px;
}

#featureMiddle {
	width:246px;
	float:left;
	margin: 0px;
	padding: 0px;
}

#featureRight {
	width:240px;
	float:right;
	margin: 0px;
	padding: 0px;
}

#channelLeft {
	margin: 0px 0px 0px 15px;
}

#channelMiddle {
	margin: 0px 0px 0px 20px;
}

#channelRight {
	margin: 0px 15px 0px 0px;
}

#channelLeft h3, #channelMiddle h3, #channelRight h3 {
	color: #993300;
	margin: 0px;
	padding: 0px;
	background: url(../images/header_bg.gif) repeat-x;
	height:25px;
	line-height:25px;
	overflow:hidden;
	font-size: 13px;
	padding-top: 0pt;
	padding-right: 20px;
	padding-bottom: 0pt;
	padding-left: 20px;
}

#side {
	width: 185px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#dropdown {
	width: 185px;
	border-bottom: solid #C1C1C1 1px;
}

.dropdownelem {
	width: 175px;
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size:11px; 
	padding: 0px 0px 0px 0px; 
	margin: 5px;
}

.dropdownhome {
	width: 200px;
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size:11px; 
	padding: 0px 0px 0px 0px; 
	margin: 5px 5px 5px 12px;
}

#sideNav {
	width: 175px;
	padding: 5px;
	float: left;
}

#sideNav a:link, #sideNav a:visited, #sideNav a:active {
	color: #000000;
	text-decoration: none;
}

#sideNav a:hover {
	color: #993300;
	text-decoration: underline;
}

#sideNav h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	color: #993300;
}

#sideNav ul {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px 0px 0px 20px;
	padding: 5px 0px 5px 1em;
	text-indent: -1em;
}

#sideNav li {
	line-height: 1.5em;
}


#bodyContent {
	width: 565px;
	float: right;
}

#gallery {
	width: 565px;
	border-bottom: solid #C1C1C1 1px;
}	

#gallery img {
	padding: 0px 0px 0px 0px; 
	margin: 5px;
}

#content {
	width: 535px;
	padding: 5px 15px 10px 15px;
	float: left;
	overflow: visible; 
}

#content a img {
	border-color: #993300;
}

#content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}

#contentLeft {
	width: 335px;
	padding-right: 10px;
	float: left;
}

#contentRight {
	width: 175px;
	background-color: #D6D5C7;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #993300;
	border-right-color: #993300;
	border-bottom-color: #993300;
	border-left-color: #993300;
	padding: 5px 5px 5px 5px;
	float: right;
}

#contentRight p {
	font-size: 11px;
}

.contactHighlight {
	font-weight: bold;
	color: #993300;
}

#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C1C1C1;
}

#content a:link, #content a:visited, #content a:active
	{
	color: #993300;
	font-weight: bold;
	text-decoration: none;
}

#content a:hover
	{
	font-weight: bold;
	text-decoration: underline;
}

#bottomNav {
	background-color: #993300;
	width: 750px;
	height: auto;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 10px;
	text-align: center;
	clear: both;
}

#bottomNav a:link, #bottomNav a:visited
	{
	color: #FFF;
	font-weight: bold;
	padding: 0px 7px 0px 10px;
	text-decoration: none;
}

#bottomNav a:hover
	{
	font-weight: bold;
	text-decoration: underline;
}

#bottomNav ul {
	font-family: Arial, Helvetica, sans-serif;
	display: inline;
	margin-left: 0;
	padding-left: 0px;
	} 

#bottomNav ul li {
	margin-left: 0;
	list-style: none;
	border-left: 1px solid #FFFFFF;
	display: inline;
	}
	
#bottomNav ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}

#footer {
	background-color: #FFFFFF;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
}

#footer p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	text-align: center;
}

#footer a:link, #footer a:visited
	{
	color: #993300;
	text-decoration: none;
}

#footer a:hover
	{
	text-decoration: underline;
}

#mytable {
	width: 100%;
	padding: 0;
	margin: 0;
}

#mytable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #993300;
	border-right: 1px solid #d6d5c7;
	border-bottom: 1px solid #d6d5c7;
	border-top: 1px solid #d6d5c7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #E5E8C9 url(../images/bg_header.jpg) no-repeat;
}

#mytable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #d6d5c7;
	background: none;
}

#mytable td {
	border-right: 1px solid #d6d5c7;
	border-bottom: 1px solid #d6d5c7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}

#mytable td.header {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #993300;
	border-left: 1px solid #d6d5c7;
	border-right: 1px solid #d6d5c7;
	border-bottom: 1px solid #d6d5c7;
	border-top: 1px solid #d6d5c7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #E5E8C9 url(../images/bg_header_long.jpg) no-repeat;
}

#mytable td.subHeader {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
	border-left: 1px solid #d6d5c7;
	border-right: 1px solid #d6d5c7;
	border-bottom: 1px solid #d6d5c7;
	border-top: 1px solid #d6d5c7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #f6f7eb;
}

#mytable td.empty {
	border-right: 1px solid #FFF;
}

#mytable td.alt {
	background: #eeefe4;
	border-left: 1px solid #d6d5c7;
	border-top: 0;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

#mytable td.spec {
	border-left: 1px solid #d6d5c7;
	border-top: 0;
	background: #fff url(../images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#mytable td.specalt {
	border-left: 1px solid #d6d5c7;
	border-top: 0;
	background: #eeefe4 url(../images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

#mytable td.specaltWhite {
	border-left: 1px solid #d6d5c7;
	border-top: 0;
	background: #fff url(../images/bullet1_white.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	/*color: #797268;*/
}

#mytable td.altWhite {
	border-left: 1px solid #d6d5c7;
	border-top: 0;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	/*color: #797268;*/
}



#channelRed {
	width: 175px;
	background-image: url(../images/channelRedBg.gif);
	background-repeat: repeat-x;
	background-color: #f0dfd8;
	padding: 5px 5px 5px 5px;
	float: right;
}

#channelRed p {
	font-size: 11px;
}

#contentChannels
{
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
float: right;
}

#channel
{
	background-color: #f0dfd8;
	border: solid;
	border-width: 1px;
	border-color: #cccccc;
	width: 167px;
	padding: 0px 0px 0px 0px;
	margin: 5px 5px 5px 2px;
}

#channel a:link, #channel a:visited
{
	color: #a02822;
	text-decoration: none;
}

#channel a:hover 
{
	text-decoration: underline;
}

#channel h1
{	
	color: #a02822;
	font-size: 13px;
	margin: 0px;
	padding: 5px;
	background-color: #d49e87;
}

#channel p
{
	font-size: 11px;
	margin: 0px;
	padding: 5px;
}

#channel ul 
{
	font-size: 11px;
	list-style-type: none;
	padding-left: 0px;
	margin-left: 5px;
	margin-top: 0px;
}

#channel li
{
	padding-left: 10px;
	text-indent: -10px;
	margin-bottom: 2px;
}

#channelPurple
{
	background-color: #ece8ef;
	border: solid;
	border-width: 1px;
	border-color: #cccccc;
	width: 167px;
	padding: 0px 0px 0px 0px;
	margin: 5px 5px 5px 2px;
}

#channelPurple a:link, #channelPurple a:visited
{
	color: #492066;
	text-decoration: none;
}

#channelPurple a:hover 
{
	text-decoration: underline;
}

#channelPurple h1
{	
	color: #4d2469;
	font-size: 13px;
	margin: 0px;
	padding: 5px;
	background-color: #cbc0d4;
}

#channelPurple p
{
	font-size: 11px;
	margin: 0px;
	padding: 5px;
}

#channelPurple ul 
{
	font-size: 11px;
	list-style-type: none;
	padding-left: 0px;
	margin-left: 5px;
	margin-top: 0px;
}

#channelPurple li
{
	color: #492066;
	padding-left: 10px;
	text-indent: -10px;
	margin-bottom: 2px;
}

#channelGreen
{
	background-color: #eeefe4;
	border: solid;
	border-width: 1px;
	border-color: #cccccc;
	width: 90%;
	padding: 0px 0px 0px 0px;
	margin: 5px 5px 5px 2px;
}

#channelGreen a:link, #channelGreen a:visited
{
	color: #3f3128;
	text-decoration: none;
}

#channelGreen a:hover 
{
	text-decoration: underline;
}

#channelGreen h1
{	
	background: url(../images/header_bg.gif) repeat-x;
	color: #993300;
	font-size: 13px;
	margin: 0px;
	padding: 5px 5px 5px 11px;
	background-color: #d6d697;
}

#channelGreen p
{
	font-size: 11px;
	margin: 0px;
	padding: 5px;
}

#channelGreen ul 
{
	font-size: 11px;
	list-style-type: none;
	padding-left: 0px;
	margin-left: 5px;
	margin-top: 0px;
}

#channelGreen li
{
	/*color: #993300;*/
	padding-left: 10px;
	text-indent: -10px;
	margin-bottom: 2px;
}

#channelGreen li.nobullet
{
	color: #993300;
}

/* Additional Styles */

.contact_group {
	float: left;
	padding: 15px;
	width: 235px;
	}

.contact_group strong {
	font-weight: bold;
	font-size: 14px;
}

.contact_group .margin5px {
	margin-left: 5px;
	margin-top: 5px;
	}	

.STCgreen {
	color: #006453;
}

.bottomBorder {
	border-bottom: 1px dashed #ccc;
	padding-bottom: 15px;
}

.partnership_ul li {
	margin: 7px 0 0 0;
	list-style:url(../images/bullit.jpg);
}

/*Calendar of Events*/

#event {
	border-bottom: 1px dashed #ccc;
	padding-bottom: 15px;
}

.event-results-title {
	color: #993300;
	font-weight: bold;
	font-size: 12px;
}

.event-results-dates {
    font-size: 11px;
	font-weight: bold;
}

.event-results-summary {
	font-size: 11px;
}

/* New Styles - News - William */

#news_listing {
	width: 90%;
	}
	
#news_listing h1{
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: none;
	font-size: 16px;
	padding: 10px 0 5px 10px;
	color: #993300;
	}
	
#news_listing ul{
	margin: 20px 0 0 15px;
	padding: 0;
	}
	
	
#news_listing a:link, #news_listing a:visited
	{
	color: #666;
	font-weight: normal;
	text-decoration: none;
	font-size: 14px;
}

#news_listing a:hover
	{
	color: #993300;
	font-weight: normal;
	text-decoration: underline;

}

.news_title li{
	list-style: none;
	height: 23px;
	padding: 5px 0 0 25px;
	margin: 10px 0 0 0;
	font-weight: 0;
	background:url(../pr/images/news_li.jpg) top left no-repeat;
	}
	
.photocaption {
	font-size: .8em;
	}
	


div.sItem{
	cursor:pointer; 
	cursor:hand;
	margin: 0px;
	}

	

.collapse {
	color: #333;
	text-decoration: underline;
	font-size: 11px;

	}
	
.course-title {
	color: #993300;
	font-weight: bold;
	font-size: 12px;
}

/* News */

#content p.photocaption_200 {
	width: 200px;
	font-size:10px;
	float: left;
	clear: left;
	padding: 0 20px 10px 0px;
	margin: 0;
	}
	
#content p.photocaption_250 {
	width: 250px;
	font-size:10px;
	float: left;
	clear: left;
	padding: 0 20px 10px 0px;
	margin: 0;
	}
	
#content p.photocaption_300 {
	width: 300px;
	font-size:10px;
	float: left;
	clear: left;
	padding: 0 20px 10px 0px;
	margin: 0;
	}

#content p.photocaption_350 {
	width: 350px;
	font-size:10px;
	float: left;
	clear: left;
	padding: 0 20px 10px 0px;
	margin: 0;
	}
	
#content p.photocaption_500 {
	width: 500px;
	font-size:10px;
	padding: 0 0px 0px 0px;
	margin: 0;
	}	
img.picture_150 {
	width: 150px; 
	float: left; 
	padding: 0 20px 10px 0px;
	clear: left;
	}

img.picture_200 {
	width: 200px; 
	float: left; 
	padding: 0 20px 10px 0px;
	clear: left;
	}
	
img.picture_250 {
	width: 250px; 
	float: left; 
	padding: 0 20px 10px 0px;
	clear: left;
	}
	
img.picture_300 {
	width: 300px;
	float: left; 
	padding: 0 20px 10px 0px;
	clear: left;
	}
	
img.picture_350 {
	width: 350px;
	float: left; 
	margin: 0 20px 10px 0px;
	clear: left;
	}
	
img.picture_500 {
	width: 500px;
	margin: 0 0px 10px 0px;
	}

/* Big Quote */
	
.quote {
	float: right;
	padding: 0px 0 0px 15px;
	border-left: 1px solid #ccc;
	font-size: 17px;
	display: block;
	width: 150px;
	margin: 5px 0 5px 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	}
	
.big_quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style:italic;
	width: 200px;
	padding: 15px;
	margin: 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	float: right;
}

span.credentials {
	font-weight: normal;
}	
	
/* CSS added by Sam Pena for RAS Fact Book */

#contentNav {
	width: 535px;
	padding: 5px 15px 10px 15px;
	float: left;
	overflow:hidden;
}
 
#contentNav a:link, #contentNav a:visited, #contentNav a:active {
	color: #000000;
	text-decoration: underline;
}
 
#contentNav a:hover {
	color: #993300;
	text-decoration: underline;
}

#contentNav h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #000000;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #C1C1C1;
    width: 100%;
}
 
#contentNav h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	color: #993300;
}
 
#contentNav h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	color: #000000;
	display: normal;
	font-style: normal;
}
 
#contentNav ul {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px 0px 0px 20px;
	padding: 5px 0px 5px 1em;
	text-indent: -1em;
}
 
#contentNav li {
	line-height: 1.5em;
}

/* Added By William 11/19/2008 */
 
#content ul, #content ol {  /*  Added for NAHC lists   */
	line-height: 18px;
}
 
.subsection {
	padding: 10px;
}
                
.italics {
	font-weight:100;
	font-style: italic;
}
               
.red_text {
	color: #ff0000;
}

/*Degree Plan Table Styles*/
/*------------------------*/

table.styled {margin: 10px 11px 15px 11px; border-spacing: 1px; border-collapse: collapse; width: 490px; font-family: Verdana; font-size: 11px; font-weight: normal;}

table.margin {margin: 10px 0px 0px 0px; border-spacing: 1px; border-collapse: separate; width: 480px;}

* html table.margin {margin: 10px 10px 15px 10px; border-spacing: 1px; border-collapse: separate; width: 500px;}

table.styled tr td {padding: 4px 10px 4px 10px; line-height: 15px; color: #30312d;}

table.styled td.bold {}

table.styled tr.color {}

table.styled tr.bottom td {}

table.styled thead {}

table.styled thead tr  {}

table.styled td {border-bottom: 1px solid #eeefe4; background-color: #fff;}

table.styled thead td  {color: #993300; font-weight: bold; font-size: 12px; background-color: #eeefe4; border-top: 1px solid #993300; border-bottom: 0px solid white;}

table.styled thead tr.subtitle td{color: #993300; background-color: #FFF; font-size: 10px; font-weight: normal; border-top: 0px solid white;}

table.styled tr.subtitle td{color: #993300; background-color: #FFF; font-size: 10px; font-weight: normal; border-top: 0px solid white;}

table.styled thead tr.subtitleUnderline td{color: #993300; background-color: #FFF; font-size: 10px; font-weight: normal; border-bottom: 1px solid #C2D7E8; border-top: 0px solid white;}

table.styled thead tr.subtitleHeader td{color: #993300; background-color: #E7F2F6; font-size: 10px; font-weight: normal; border-top: 1px solid #407BA7;}


table.styled tr.tableFooter td {text-align: right; background-color: #eeefe4; border-top: 1px solid #993300; font-weight: bold; font-size: 12px; color: #993300; border-bottom: 0px solid white;}

table.styled tr.courseTitle td {color: #993300; border-top: 1px solid #993300; font-weight: bold;}

table.styled td.classTitle {width: 470px;}

table.styled td.classCredit {width: 20px; text-align: right;  padding-right: 10px;}

table.styled td.classBottomTitle {border-bottom: 0px solid white;}

table.styled td.classBottomCredit {width: 20px; border-bottom: 0px solid white; text-align: right; padding-right: 10px;}

table.styled thead tr.subhead th {}

span.andOrText {color: #993300; font-size: 10px;}

.news {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #cccccc;
	padding-bottom: 10px;
}

.news_title {
	color: #993300;
	font-weight: bold;
	font-size: 12px;
}

#article {
	margin: 0;
	padding: 0;
}

.tout1 {float:left; width:535px; padding:0 0 10px 0px; margin: 0 0 5px 0; border-bottom:1px solid #E0E0E0;}

.tout1 #copy {float:left; padding-left:2px; width:160px;}

.tout1 #copy p {text-align: left; font-size:11px; margin:5px 0 0 2px;}

.thumbnail {float:left; margin:0 7px 0 0; width: 360px;}

.thumbnail img, .thumbnail a img

{

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

border-top-color: #e2e2e2;

border-right-color: #e2e2e2;

border-bottom-color: #e2e2e2;

border-left-color: #e2e2e2;

}

.caption
{
	padding-right: 38px;
	padding-bottom: 0pt;
	padding-left: 5px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 11px;
	font-size-adjust: none;
	font-stretch: normal;
	color: #333333;
	line-height: 16px;
}

.caption p {
	text-align: left;
}

.thumbnail {float:left; margin:0 7px 0 0;}

#copy {float:left; padding-left:2px; width:160px;}

#mission
{
	background: url(../images/missionbkg.jpg) no-repeat;
}

#missionContent {
	width: 365px;
}
	
