/* CSS Document */


/* ################################################## */
/* DEFAULT STYLES + GENERAL TYPOGRAPHY ############## */
/* ################################################## */

	/* define HTML5 elements for cross browser rendering */
	article, aside, dialog, figure, footer, header,
	hgroup, menu, nav, section { display: block; }
	
	/* suppress default browser margins */
	* {
		margin: 0; 
		padding: 0; 
		font-family: Helvetica, sans-serif; 
		font-size: 13px; 
		line-height: 16px;
	}
	
	/* for text that is only rendered by screen readers */
	.accessibility 
	{ 
		position: absolute;
		list-style:none;
		margin-left:0;
		padding-left:0;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}
	.clear {clear: both; float: none; height: .01em;}

	ul.bullet-star,
	ul.bullet-star li { list-style: none}
	ul.bullet-star li { padding-left: 20px; background: url("/subprojects/redesign2010/img/bullet-star.gif") 0 50% no-repeat;}


/* ################################################## */
/* CENTERED LAYOUT ################################## */
/* ################################################## */

	body
	{	background: url("/subprojects/redesign2010/img/body-bg.gif") repeat-x top left #e8e8d2;
		text-align: center;
	}
	#wrapper
	{
		background: url("/subprojects/redesign2010/img/wrapper-bg.gif") repeat-y top center #fff;
		margin: 21px auto;
		width:960px;
		text-align: left;
	}

	#header
	{
		background: url("/subprojects/redesign2010/img/south-university-logo.gif") no-repeat 0px 0px;
		padding-left: 36px;
	}
		#header-photo
		{
			float: left;
			margin-right: 25px;
			display: inline;
		}
		
		#header-home-link,
		#header-home-link a { height: 121px; width:256px; display: block;}

/* ############################################# */
/* JS SLIDESHOW */
/* ############################################# */


	#header-photo
	{
		float: left;
		margin-right: 25px;
		display: inline;
		height: 350px;
		width: 455px
	}

		/* container for slides */
		#header-photo {
			background:#fff;
		/*	border:1px solid #666; */
			position:relative;	
		/*	height:415px;
			
			width:640px;
			float:left;	
			margin:15px;
		*/	cursor:pointer;
			
			/* CSS3 tweaks for modern browsers */
		/*	-moz-border-radius:5px;
			-webkit-border-radius:5px;
			-moz-box-shadow:0 0 25px #666;
			-webkit-box-shadow:0 0 25px #666;	
		*/	padding: 0;
		}
		
		/* single slide */
		#header-photo .panel {
			display:none;
			position:absolute;
			top:0;
			left:0;		
			margin:0;
			padding:0;
		/*	height:415px;
			width: 640px;
		*/	font-size:12px;
		}
		
		/* header */
		#header-photo h3 {
			font-size:22px;
			font-weight:normal;
			margin:0 0 20px 0;
			color:#456;
		}
		
		/* tabs (those little circles below slides) */
		.tabs {
			clear:both;
			margin-left:330px;
		}
		
		/* single tab */
		.tabs a {
			width:8px;
			height:8px;
			float:left;
			margin:3px;
			display:block;
			display: inline;
			font-size:1px;		
		}
		
		/* mouseover state */
		.tabs a:hover {
			background-position:0 -8px;      
		}
		
		/* active state (current page state) */
		.tabs a.current {
			background-position:0 -16px;     
		} 	
		
		
		/* prev and next buttons */
		.forward, .backward {
			float:left;
			margin-top:192px; /* 415 (the height of the slide panel) - 30 (the height of the buttons) = 385 / 2 (to vertically center) = 192  */
			background:#000;
			display:block;
			display: inline;
			width:30px;
			height:30px;
			cursor:pointer;
			font-size:1px;
			text-indent:-9999em;	
		}
		
		/* next */
		.forward 				{ background-position: 0 -30px; clear:right; }
		.forward:hover 		{ background-position:-30px -30px; }
		.forward:active 	 	{ background-position:-60px -30px; } 
		
		
		/* prev */
		.backward:hover  		{ background-position:-30px 0; }
		.backward:active  	{ background-position:-60px 0; }
		
		/* disabled navigational button. is not needed when tabs are configured with rotate: true */
		.disabled {
			visibility:hidden !important;		
		}
		
		.accessibility 
			{ 
				position: absolute;
				list-style:none;
				margin-left:0;
				padding-left:0;
				left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
			}

/* ############################################# */
/* end JS SLIDESHOW */
/* ############################################# */


/* ################################################## */
/* NAVIGATION - MAIN ################################ */
/* ################################################## */

	#nav
	{
		background: url("/subprojects/redesign2010/img/nav-bg.gif") no-repeat;
		height: 84px;
		list-style: none;
		padding-left: 32px;
		font-family: Arial, Helvetica, sans-serif;
	}

		/* rollover styles */
		#nav a:link		{ color: #606060; text-decoration: none; }
		#nav a:visited	{ color: #606060; text-decoration: none; }
		#nav a:hover	{ color: #000; text-decoration: underline; }
		#nav a:active	{ color: #ff6c00; text-decoration: underline; }

		/* the currently selected tab */
		#nav li,
		#nav li.current
		{
			list-style: none;
			display: block;
			float: left;
			display: inline;
			padding-left: 16px;
			margin-right: 4px;
			margin-top: 32px;
			height: 32px;
			font-weight: bold;
			width: 200px;
		}
		#nav li.current
		{
			background: url("/subprojects/redesign2010/img/nav-tab-left.gif") no-repeat 0px -1px #fff;
		}
		#nav li a,
		#nav li.current span
		{
			display: block;
			height: 100%;
			line-height: 30px;
			padding-right: 19px;
			text-decoration: none;
			color: #606060;
			white-space:nowrap;
		}
		#nav li.current span,
		#nav li.current a
		{
			background: url("/subprojects/redesign2010/img/nav-tab-right.gif") no-repeat right -1px #fff;
		}

/* end NAVIGATION ################################### */
/* ################################################## */


/* ################################################## */
/* ARTICLE aka PRIMARY CONTENT AREA ################# */
/* ################################################## */


	.article {
		padding-left: 48px;
		padding-top: 16px;
		padding-right: 48px;
		line-height: 16px;
	}
	
	/* large gradients that separate articles */
	.article-separator {
			background: url("/subprojects/redesign2010/img/section-divider.gif") no-repeat 0 30%;
			float: none;
			clear: both;
			height: 75px;
	}

	/* ################################################## */
	/* side column */
	.article .aside {
		width: 255px;
		margin-bottom: 14px;
		margin-right: 25px;
		float: left;
		display: inline;
	}

	.section-right { float: right; width: 583px; display: inline; }

		/* side column - sub sections*/
		.article .aside .section-oulines { margin-bottom: 25px;  }
		
			.section-oulines h1 { padding-left: 10px; }
			.section-oulines ol,
			.section-oulines ul,
			.section-oulines p	{ list-style: none; padding: 8px; border: 2px solid #ebe8dd;}
			.section-oulines li	{ list-style: none; font-size: 16px; margin: 8px 0;}

		.article .aside .section-bg { background: url("/subprojects/redesign2010/img/section-bg.gif") #ebe8dd repeat-x; }
		
			.section-bg h1	{ padding-left: 10px; font-weight: bold; color: #000; font-size: 16px; padding-top: 8px; }
			.section-bg ol,
			.section-bg ul,
			.section-bg p	{ list-style: none; padding: 8px; }
			.section-bg li	{ list-style: none; font-size: 13px; font-weight: bold; margin: 8px 0; padding: 3px 0 7px 35px; background: url("/subprojects/redesign2010/img/check-mark.gif") no-repeat 0 50%; }
		
	/* ################################################## */
	/* top of the article */

	.article h1 {
		font-size: 24px;
		font-weight: normal;
		margin-bottom: .5em;
		line-height: 1.25em;
	}

		.article h1 * { font-size: inherit; }
		.article h1 small { font-size: .75em; }

		.article > h2 { padding-bottom: .5em; }

	.article p,
	.article ul { margin-bottom: 1em; }
	.article > ul {margin-left: 2em;}

	.article .call-to-action{ color: #ff6c00; font-size: 24px; line-height: 24px; text-decoration: underline;}
	.article-photos img 	{ margin-right: 7px; }

	#map { float: left; width: 564px; overflow: hidden; display: inline; height: 214px; }
	#googleWrap {float: right; clear: right; margin-right: 2em; display: inline; }
	
	/* on the interior pages */
	.location-image-link {float: right; margin: 0 2em 1em 2em; display: inline;}
	/* on the home page */
	.location-float .location-image-link {float: none; margin: 0;}

	#maintextphoto{
		height:220px;
		width:620px;
		background:url("/subprojects/redesign2010/img/copymainphoto1.jpg") no-repeat
	}
	
	#virginia-beach-college-of-nursing #maintextphoto,
	#wpb-college-of-nursing #maintextphoto,
	#richmond-college-of-nursing #maintextphoto {
		background:url("/subprojects/redesign2010/img/nursing_westpalm.jpg") no-repeat
	}
	
	#virginia-beach-college-of-arts-and-sciences #maintextphoto,
	#tampa-college-of-arts-and-sciences #maintextphoto {
		background:url("/subprojects/redesign2010/img/ArtsandSciencesv2.jpg") no-repeat
	}
	
	#wpb-college-of-arts-and-sciences #maintextphoto {
		background:url("/subprojects/redesign2010/img/ArtsandSciences.jpg") no-repeat
	}
	
	
	#savannah-school-of-pharmacy #maintextphoto,
	#savannah-college-of-arts-and-sciences #maintextphoto,
	#columbia-college-of-arts-and-sciences #maintextphoto,
	#montgomery-college-of-arts-and-sciences #maintextphoto,
	#richmond-college-of-arts-and-sciences #maintextphoto {
		background:url("/subprojects/redesign2010/img/ArtsandSciences.jpg") no-repeat
	}
	
	#virginia-beach-college-of-business #maintextphoto,
	#savannah-college-of-business #maintextphoto,
	#tampa-college-of-business #maintextphoto,
	#wpb-college-of-business #maintextphoto,
	#columbia-college-of-business #maintextphoto,
	#montgomery-college-of-business #maintextphoto,
	#richmond-college-of-business #maintextphoto,
	#atlanta-college-of-business #maintextphoto {
		background:url("/subprojects/redesign2010/img/Business.jpg") no-repeat
	}
	
	
	#richmond-college-of-health-sciences #maintextphoto,
	#savannah-college-of-health-professions #maintextphoto,
	#tampa-college-of-health-professions #maintextphoto,
	#wpb-college-of-health-professions #maintextphoto,
	#columbia-college-of-health-professions #maintextphoto,
	#montgomery-college-of-health-professions #maintextphoto {
		background:url("/subprojects/redesign2010/img/collegeofhealthprofessions.jpg") no-repeat
	}


	/* ################################################## */
	/* article subsections */
	
	.article .section {
		margin-top:		20px;
		margin-bottom:	14px;
	}
	.article .degree-programs{ margin-bottom: 2em;}

		.article > h2,
		.article .section h1 {
			font-size: 17px;
			font-weight: bold;
			color: #000;
			padding-top: .25em;
			margin-bottom: 0;
		}
		.article > h3,
		.article .section h2 { font-size: 13px;}
		.article .section p { margin-bottom: 1.5em;}

/* end ARTICLE ###################################### */
/* ################################################## */


/* ################################################## */
/* CONTENT SPECIFIC STYLING ######################### */
/* ################################################## */

	/* ################################################## */
	/* LOCATION FLOATS */
	
	.location-float{
		width: 285px;
		float: left;
		display: inline;
		padding-bottom: 30px;
	}
	
	.location-float p,
	.location-float ul,
	.location-float li
	.location-float img	{ width: 237px; list-style: none;}

	a.location-image-link img { height: 223px; }
		a.location-image-link:link img		{ border: 1px solid #204e9b; }
		a.location-image-link:visited img	{ border: 1px solid #204e9b; }
		a.location-image-link:hover img		{ border: 1px solid #ff6c00; }
		a.location-image-link:active img	{ border: 1px solid #ff6c00; }

	.location-float h1,
	.location-float h1 a { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; line-height: 18px; }
		.location-float h1 a:link		{ color: #ff6c00; text-decoration: underline; }
		.location-float h1 a:visited	{ color: #ff6c00; text-decoration: underline; }
		.location-float h1 a:hover		{ color: #204e9b; text-decoration: underline; }
		.location-float h1 a:active		{ color: #204e9b; text-decoration: underline; }

	.nav-programs a { padding-left: 15px; background: url("/subprojects/redesign2010/img/bullet.gif") no-repeat center left;}
		.nav-programs a:link	{ color: #204e9b; text-decoration: underline; }
		.nav-programs a:visited	{ color: #204e9b; text-decoration: underline; }
		.nav-programs a:hover	{ color: #ff6c00; text-decoration: underline; }
		.nav-programs a:active	{ color: #ff6c00; text-decoration: underline; }

	/* ################################################## */
	/* PROGRAM FLOATS */
	
	.program-float{
		width: 280px;
		float: left;
		display: inline;
		padding-bottom: 30px;
	}
	
	.program-float.left { margin-right: 23px; clear: both;  }
	
	.program-float h1,
	.program-float p,
	.program-float ul,
	.program-float li,
	.program-float img { width: 279px; list-style: none }

	.program-float h1,
	.program-float h1 span { background: #008ca5; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #fff }
	.program-float h1 span { padding: 8px; display: block; }

	.green-dot { background: url("/subprojects/redesign2010/img/green-dot.gif") center no-repeat; color: #fff; line-height: 21px; padding: 10px; }
	
	.nav-campuses a { font-weight: bold; }
		.nav-campuses a:link	{ color: #204e9b; text-decoration: underline; }
		.nav-campuses a:visited	{ color: #204e9b; text-decoration: underline; }
		.nav-campuses a:hover	{ color: #ff6c00; text-decoration: underline; }
		.nav-campuses a:active	{ color: #ff6c00; text-decoration: underline; }
		
	/* ################################################## */
	/* CAAHE LISTS */
	
	#caahe-schools-participants{ background: url("/subprojects/redesign2010/img/caahe-schools-participants.gif") no-repeat top left; padding-top: 10px; margin-top: 25px; }
	#caahe-schools-participants .section { float: left; width: 275px; margin-left: 72px; display: inline;}
	#caahe-schools-participants .section h1 { font-size: 20px; margin-bottom: 20px;}

/* end CONTENT SPECIFIC ############################# */
/* ################################################## */


/* ################################################## */
/* FOOTER (PRIMARY) ################################# */
/* ################################################## */

	#footer
	{
		background: url("/subprojects/redesign2010/img/footer-bg.gif") top left no-repeat #e8e8d2;
		padding: 60px 0 0 0 ;
		float: none;
		clear: both;
		font-size: 12px;
		color: #777;
	}
		#footer h1,
		#footer h2,
		#footer h3,
		#footer h4,
		#footer p,
		#footer hr
		{
			margin-left: 15px;
			margin-bottom: 1em;
			width: 930px;
		}
		#footer hr
		{
			color: #bbbbb2;
			background-color: #bbbbb2;
			height: 1px;
			clear:both;
			border: 0;
		}
		#footer p.address
		{
			font-size: 11px;
			float: left;
			display: block;
			display: inline;
			width: 248px;
			height: 72px;
			overflow: hidden;
			font-weight: bold;
			margin: 0;
			color: #4e4e4e;
			white-space:nowrap;
		}


	/* footer logo image that is hyperlinked to the home page */
	#south-university-home-link
	{
		background: url("/subprojects/redesign2010/img/southuniversity-logo-footer.gif");
		display: block;
		width: 212px; 
		height: 267px;
		position: relative;
		top: -40px;
		float: left;
		display: inline;
	}
	
/* end FOOTER ####################################### */
/* ################################################## */
  
/* ################################################## */
/* FORM ############################################# */
/* ################################################## */

	#form-container{
		width:440px;
		float:right;
		clear:right;
		display:inline;
		background:url("/subprojects/redesign2010/img/formBot.png") 0 100% no-repeat;
		padding:10px 0 20px 0
	}
	
	#mpf { }

	/* ################################################## */
	/* Top of the form */

	#form-container h4{
		display:block;
		font-size:30px;
		margin:0 0 0 0;
		font-family: "Myriad Pro", "Arial", "Helvetica", "sans-serif";
		font-weight:normal ;
	}
	#form-container p{
		font-size:19px;
		margin:0;
		padding:8px 36px 10px 0;
		line-height: 23px;
	}

	/* ################################################## */
	/* input fields */

	#form-container div{
		float: none;
		clear: both;
		padding-top: 6px;
	}

	#form-container input,
	#form-container label,
	#form-container select{
		float:left;
		width: 135px; 
		display: inline;
	}
	#form-container label{
		font-size:15px;
		font-weight: bold;
		text-align: right;
		line-height: 20px;
		margin-right: 12px;
	    margin-bottom: 5px;
		}
	/* the actual input boxes */
	#form-container .textBox{
		height:20px;
		width:135px;
		color:#6b6b6b;
		line-height:1.2;
		padding:4px 0 0 5px;
		margin-bottom: 5px;
	}
	#form-container input#submitBtn{
		margin-left: 113px;
		width: 184px;
	}
	
	/* field specific styling */
	
	#form-container select#program 			{ width: 256px; }
	#form-container input#address 			{ width: 247px; }
	#form-container select#education		{ margin-top: 12px; }
	
	/* ################################################## */
	/* additional steps */

	#error{
		width:100%;
		color:#f00;
		font-size:1.4em;
		padding:20px 0
	}
	#errors
	{
		margin-bottom: 1em;
		margin-left: 0;
		font-size:1.2em;
		width: 403px;
	}
		#errors ul {
			margin: 0;
			padding: 0;
			color:#f00;
			background: #fee;
			padding: 4px;
			border: 2px solid #f55;
		}
		
		#errors ul li {
			margin: 0 0 0 15px;
			padding: 0;
			list-style: disc;
			background: none;
		}
	
	#thanks h1
	{
		font-size:2em;
		margin-left: 0;
		color: #ff6c00;
	}

/* end FORM */
/* ################################################## */