/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
BEGIN RESET CSS - removes and neutralizes the inconsistent default styling of HTML elements
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, img { 
	margin:0; 
	padding:0; 
} 

table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 
fieldset,img {  
	border:0; 
} 
address,caption,cite,code,dfn,/*em,strong,th,*/var { 
	font-style:normal; 
	font-weight:normal; 
} 
ul,li { 
	list-style:none; 
} 
ol li {list-style:decimal;}

caption,th { 
	text-align:left; 
} 
/*h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal;
} */
q:before,q:after { content:''; } 
abbr,acronym { border:0; } 

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
END RESET CSS
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/




/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
BEGIN LAYOUT CSS
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
html, body {height: 100%;}

form {height: 100%;} 

body 
{

	background-image: url(/schools/AIU/images/layout/bodybg.gif);
	background-repeat: repeat-y;
	background-position: center;
	/*white-space: pre-wrap; css3 word-wrap: break-word;*/ /*in IE this will wrap long words that pass the div width*/
}


#entirecontainer {
	width:800px;
	margin: 0 auto;
	position: relative;
	height: auto !important;  /*For newish browsers */
	height: 100%;  /*This is for crappy IE*/
	min-height: 100%;  /*For newish browsers*/
}


#topbar {
	width: 768px;/* 800 minus margins, borders */
	height:26px;
	margin:0px 0px 0px 10px; /*shadow left/right 9px plus 1 extra px each side for white border */	
	background-color:#02456e; 
	position: absolute;
	z-index: auto;
	top: 0px;
	border-left: 12px solid #0065a5;
}
#phone {
	width:301px;/*175px*/
	height:24px;
	padding-top:5px;
	/*border-left: 50px solid #bbbdc0;375px*/
	background-color:#0266a4; 
	float:left;
	text-align:center;
}
#phone h2, #phone h3 {display:inline; float:left;}
#phone .divider, #phone h2.divider {
	display:inline;
	padding:0px 5px 0px 5px;
	float:left;
}

#studentlogin {
	float:left;
	display:inline;
	width:210px;
	height:26px;
	padding-top:3px;
	background-color:#0266a4; }
#studentlogin .login {
	background:url(/schools/AIU/images/layout/bg-btn-left.gif) no-repeat;
	float:right;
	color:#0063a3;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	margin:0px 5px 0 0;
	display:inline;
	text-transform:uppercase;
}
#studentlogin .login span {
	background:url(/schools/AIU/images/layout/bg-btn-right.gif) no-repeat 100% 0;
	padding:2px 10px 8px 25px;
	display:block;
}

#search {
	float:left;/*right*/
	padding-left:7px;
	width:250px;/*270*/
}
#search label {float:left; margin-top:6px; display:block;}
#search input.text {float:left; margin-top:4px; margin-left:5px; padding:1px 1px 1px 0; width:163px; height:12px;}
#search input.image {float:left; margin-top:3px; margin-left:6px;}

#logout {float:right; padding-top:5px; text-align:center; width:64px; height:24px; background-color:#0266a4;}

#logoarea {
	width: 730px; /*800 minus margins, pading, borders */
	height:59px; /*NEW:105 minus margins, padding, borders*//* was 69px OLD:115 minus margins, pading, borders */
	margin:0px 9px; /* allows for shadow to show */
	padding: 12px 28px 34px 24px; /*allows white bg to cover body bg image*//*OLD:padding: 17px 28px 29px 24px decreased height by 10 adjust padding accrodingly*/
	background-color: #ffffff;
	position: absolute;
	top: 26px;
}
#logoarea .sectionlt {width:267px; float:left; }
#logoarea .sectionmid {width:257px; float:left; padding-top:15px;}
#logoarea .sectionrt {width:202px; float:left; padding-top:15px;}


#topnav {
	width: 772px; /*800 minus margins, borders */
	height:34px; /*35 minus margins, borders */
	margin:0px 14px;
	position: absolute;
	z-index: 10; /*displays top nav over logo area for ie padding issues*/
	top: 131px;/*OLD: was 141 when logo area was at 69 height - decreased by 10*/
	overflow: hidden;
	text-align:center;
	border-top: 1px solid #CCCCCC;
	background-color: #003366;
	background-image: url(/schools/AIU/images/layout/navtop_bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

#mastarea {	
	width: 772px; /*800 minus margins, borders */	
	margin:0px 14px;
	position: absolute;
	z-index: auto;
	top: 166px;/*OLD: was 176px when logo area was at 69 height - decreased by 10*/
}

#maincontainer {
	width: 772px;
	margin:0px 14px;	
	padding-bottom:78px; /*was 78px= the #footer height*/
	z-index: 20;
	height:100%;
}
#mainimage {
	width:562px; /* 563 minus border */
	float:left; 
	border-right: 1px solid #000000; 
}
#sidenav, #sideimage {
	width:209px;
	float:left;
	overflow : hidden; /* needed for Firefox (use this until css3 word-wrap works, [precautionary style]) */
}

/*THE FOLLOWING WERE FOR MASTHEADS AT 231PX HIGH
	#sidenav {padding-top:438px; }
	#sideimage {height:231px; background-image: url(/schools/AIU/images/layout/side_globebg.jpg);}
	#breadbar {top: 407px;}
	#maincontent {padding-top:417px;}
END 231PX STYLES*/

#sidenav {padding-top:399px; /*was 389px; moved it down to accomodate 2 lines in breadcrumbs*/ /*= the entire actual height of the header area*//*OLD: was 397px when logo area was at 69 height - decreased by 10 and by 8 here*/}
#sideimage {
	height:190px; 
	background-image: url(/schools/AIU/images/layout/side_globebg_sm.jpg);
	background-repeat: no-repeat; 
	background-color:#1f3a4f;
}
#sideimage .nav {
	margin-left:4px;
	position: absolute;
	bottom: 5px;
}
#breadbar {
	width: 772px; /*800 minus margins, borders */
	margin:0px 14px;
	position: absolute;
	top: 356px;/*OLD: was 366px when logo area was at 69 height - decreased by 10*/
	background-image: url(/schools/AIU/images/layout/breadcrumbs_bg.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	z-index: 5;
	}

#breadcrumbs {
	background-color:#a4a4a4;
	margin-bottom:7px; /* room for breadbar bg image to show through. */
	font-size: 1em;
	padding:7px 3px 2px 15px;
}	
#breadcrumbs img {margin-top:-1px; margin-bottom:-7px;}
#maincontent {
	width:523px; /* 563 minus padding */
	float:left; 
	padding:405px 20px 20px 20px; /*top = the entire actual height of the header area plus extra 20 padding */
								  /*OLD: was pad-top:417px when logo area was at 69 height decreased by 10, but 12 here*/
}

#footercontainer 
{
	width: 800px;
	position:absolute;
	bottom:-1;
	z-index: auto;
	background-image: url(/schools/AIU/images/layout/footer_bot_bg.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}
#footer {
	width: 782px;
	margin:0px 9px 17px 9px;
	background-color: #484848;
	background-image: url(/schools/AIU/images/layout/footer_top_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	/*height:78px;*/
}

#below_footer 
{
     margin-top: 115px;
     width: 100%;
     background-color: #ffffff;
}



/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
END LAYOUT CSS
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/