/* =========================================================== */
/* These Styles are for the layout of the Argosy Web Pages     */
/* =========================================================== */

#container {
	width: 790px;
	text-align: left;
	background: #fff url(../images/logoLarge.jpg) top center no-repeat;   
	border-left: 1px solid #9c9b97;
	border-right: 1px solid #9c9b97;
	margin: 0px auto;	  
	padding: 0px;
}	

#formContainer {  
	background-color: none;
	width: 790px;	
	padding-top:5px;
}	  

#homePageDescription {	
	float: left;
	width: 740px;	 
	padding: 5px 25px;	 
	text-align: justify;
}

#splashPhoto  {
 width: 260px;	
 float: right; 
 margin-bottom: 40px;
 padding-left:30px;
   }

#homePageFooter {
	line-height: 40px;
	text-align: center;
	border-top: 2px solid #ffe14c;
	width: 790px;
}

#content {
	width: 43%;
	position: relative;
	float: left;   
	text-align: justify;
	font-size: 10px;
	margin: 130px 0px 0px 0px;
	padding-left:12px;	
	background-color: none;
}

#form {
	width: 51%;
	float: right;
	margin: 130px 0px 0px 0px;
	position: relative;
	background-color: none;		 
	font-size: 10px;
}

#description {
	width: auto;
}

#programs {
	width: 99%;
	padding: 5px; 
	text-align: left;
}
#programs ul {
	margin: 0px;
}
#programs ul li{
	list-style: none;
	font-size: 10px;
	margin: 0px;
	padding-left: -10px;
	padding-bottom: 2px;
}
#programs ul li a:link, #programs ul li a:visited {
	font-size: 11px;
	color: #0b8762;
	text-decoration: underline;
}
#programs ul li a:hover {
	text-decoration: none;
}

.otherSchools {
	width: auto;
	padding: 5px;
}
.otherSchools ul {
	margin: 0px;
}
.otherSchools ul li{
	list-style: none;
	font-size: 9px;
	font-weight: bold;
	padding-left: -10px;
	padding-bottom: 2px;
}

.otherSchools ul li a:link, 
.otherSchools ul li a:visited {
	
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}

#collegeAddress {
	width: auto;
	margin-top: 10px;
	padding: 5px;
	font-size: 12px;
	text-align: center;
}

#accreditation {
	width: auto;
	padding: 5px;
	margin-top: 10px;
	font-size: 10px; 
	text-align: center;
}

#formLogo {
	padding: 0px 0px 0px;
	width: 50%;
}

/* Bottom of the page */
#footer {
}	   

/* *****location box styles***** */	 

#campusLocations {
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 15px;	 
	margin-top: 130px;
	color: #76B46D;
}

#locationListBox {
	background: none;
	width: 790px;;	 
	margin: 0px 0px 10px 0px;
}

.locationList {
	padding: 0px 0px 10px 28px;
	width: 20%;
	float: left;
	text-align: left;
}
.locationList a:link, .locationList a:visited {
	line-height: 20px;
	font-size: 12px;
}
.locationList a:hover {
	text-decoration: underline;
	color: #76B46D;
}
/* *****end location box styles***** */		   

/* *****nav box styles***** */
.nav { 
	position: relative;
	top: 131px;
	background: none;	 
	font-size: 10px;
	font-weight: bold;
	width: 790px;	 
	margin: 0px 0px 10px 0px;
}

.nav a {
 padding: 2px 5px;
} 	   


/* *****end nav box styles***** */




/* FORM Specific CSS rules */
/* formElementBox is used to "contain" formElementLabel and formElementItem */
.formElementBox {
	font-size: 10px;
	width: 99%;
	padding-left: 2px;
	padding-top: 1px;
	padding-bottom: 5px;
	clear: both;
}
/* formElementLabel is what you see next to a form field */
.formElementLabel {
	float: left;
	width: 95%;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 2px;
}  

/* formElementItem is the actual form element, i.e. input, sleect, radiop, etc.. */
.formElementItem {
	float: left;
	width: 95%;
}
.formElementItem input {  
	font-size: 10px;
}
.formElementItem select {
	font-size: 9px;
}	

/* formElementItemSubmit is used for the submit button "block" level element */
.submitButton {
	text-align: center;
	margin: 15px auto 0px auto; 
	width: auto; 
}
/* formElementText is used to display certain informational things on a form, i.e. US only at this time.
	These hidden and dispaly values ca n be overriden per specific div tag
*/
.formElementText {
	clear: both;
	font-weight: bold;
	padding: 5px;
	display: none;
}
/* formElementIntro is used to display any "greeting" at the top of the form. */
.formElementIntro {
	clear: both;
	color: #000000;
	padding: 5px;
}
/* formElementErrorMessage is used to display and Error Messages received when the form was submitted */
.formElementErrorMessage {
	color: #FF0000;
	padding: 5px;
	display: none;
	visibility: hidden;
}


/* Misc. Styles for misc. reasons */
/* title is used for the school name on the description */
.title {
	padding-top: 10px;
	font-weight: bold;
}  

/* clearBoth is used to CLEAR the FLOATS from left/right, etc.. */
.clearBoth {
	clear: both;
}