/* CSS Document */

/*---------------------  GENERAL  ---------------------*/

html, body {
	margin: 0;
	padding: 0;
	height:100%;
	color: #333333;
}

a img,:link img,:visited img { border:none; }

body {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
p {
	color: #333333;
}

a:link{ color:#178fc9; }
a:visited { color:#178fc9; }
a:hover { color:#ef4e8e }
a:active{ color:#666; }
a:focus { outline: none; }


.clear {
	font-size: 1px;
	line-height: 0px;
	clear: both;
	height: 0px;
	overflow: hidden; }
.pink {color: #EE4C8E;}
.blue {color: #008ec5}
.green {color: #9dba38}
h1 {
	padding:0px;
	margin: 0px 0px 10px;
	color:#008ec5;
	font-size: 28px;
	line-height:30px;
}
h2 {
	margin-bottom:0px;
	padding-bottom:0px;}
h3 {
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:15px;
	padding:0px;
	margin:0px;
	margin-top:10px;}
	

/*---------------------  MASTER  ---------------------*/
#extra_container {
	background: #203000 url(../images/master/body_background.gif) repeat-y center;
	min-width: 834px;
	position:relative;
	min-height:100%;
	_height:100%; /* for IE6 as it does not understand the min-height property*/}

#container {
	background: url(../images/master/background.jpg) repeat-x center top;
	min-width: 834px;
	min-height:880px;	
	}

#body_wrapper {
	width: 834px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-bottom:100px; /* edit the '100px' to match the height of your footer */
}

#header {
	position: relative;
	height: 195px;
	padding-top:20px;
}

#footer {
	padding: 25px 30px 0px;
	height:75px;
	position: relative;
	margin-top:-100px; /* again edit the '100px' to match the height of your footer. This will move the footer up negatively exactly the same height as the footer so that its back in the view and always appears to rest at the bottom of the page */
	background: url(../images/master/footer_background.gif) repeat-x;
}
#cutout {
	float: left;
	position: absolute;
	top: -140px;
}
	#footer_wrapper {
	width: 834px;
	margin-left: auto;
	margin-right: auto;
	color: #a1b538;}
	#copyright {
		text-align:right;}
		#copyright a{
		color: #fff;}
.graph_bkgrnd {
	background:url(../images/master/graph_paper.gif) no-repeat;
	clear:both;
	padding:15px 0px;}

/*---------------------  Navigation  ---------------------*/
#nav_wrap {
	width: 163px;
	float: left;
	padding-top:20px;
}
#nav_wrap ul {
	width: 163px;
	padding: 0;
	margin: 0;
	position: relative;
}

#nav_wrap li {
	margin: 0;
	width: 163px;
	padding: 0;
	float: left;
	list-style: none;
	font-size: 12px;
}
	#nav_wrap li a {
		display: block;
		text-indent: -9999px; }
		#nav_wrap li.link01 a{ height: 35px; background: url(../images/master/navigation.gif) no-repeat 0px 0px;}
		#nav_wrap li.link02 a{ height: 32px; background: url(../images/master/navigation.gif) no-repeat 0px -35px;}
		#nav_wrap li.link03 a{ height: 32px; background: url(../images/master/navigation.gif) no-repeat 0px -67px;}
		#nav_wrap li.link04 a{ height: 46px; background: url(../images/master/navigation.gif) no-repeat 0px -99px;}
		#nav_wrap li.link05 a{ height: 30px; background: url(../images/master/navigation.gif) no-repeat 0px -145px;}
		#nav_wrap li.link01 a:hover{ background-position: -163px 0px;}
		#nav_wrap li.link02 a:hover{ background-position: -163px -35px;}
		#nav_wrap li.link03 a:hover{ background-position: -163px -67px;}
		#nav_wrap li.link04 a:hover{ background-position: -163px -99px;}
		#nav_wrap li.link05 a:hover{ background-position: -163px -145px;}
		#nav_wrap li.link01 .active{ background-position: -326px 0px;}
		#nav_wrap li.link02 .active{ background-position: -326px -35px;}
		#nav_wrap li.link03 .active{ background-position: -326px -67px;}
		#nav_wrap li.link04 .active{ background-position: -326px -99px;}
		#nav_wrap li.link05 .active{ background-position: -326px -145px;}
		#nav_wrap li.link01 a:hover.active { background-position: -326px 0px; cursor:auto}
		#nav_wrap li.link02 a:hover.active { background-position: -326px -35px; cursor:auto}
		#nav_wrap li.link03 a:hover.active { background-position: -326px -67px; cursor:auto}
		#nav_wrap li.link04 a:hover.active { background-position: -326px -99px; cursor:auto}
		#nav_wrap li.link05 a:hover.active { background-position: -326px -145px; cursor:auto}
		
/*---------------------  Sub-Navigation  ---------------------*/
ul#sub_nav {
	background:url(../images/master/subnav_bkgrnd.gif);
	height:31px;
	margin:0px;
	padding:0px;}
#sub_nav li{
	margin: 0px;
	padding:0px 10px;
	list-style:none;
	float:left;
	font-size:14px;
	line-height:31px;
}
#sub_nav a{
	text-decoration:none;}
	#sub_nav a:visited{
	color:#008ec5;}
	#sub_nav a.active{
	color:#6f8604;
	font-family: Arial Black;
	cursor:auto;}
	


/*---------------------  CONTENT GENERAL  ---------------------*/

#content {
	float: left;
	width: 655px;
	background: #FFFFFF;
	padding: 0px;}
	#content #left_col {
		float: left;
		width: 365px;
		padding: 0px 0px 0px 23px;}
	#content #right_col {
		float: right;
		width: 220px;
		min-height:90px;
/*		background: url(../images/master/rc_background.gif) no-repeat left top;
*/		padding: 0px 23px;
}

#sm_left_col {
		float: left;
		width: 220px;
		min-height:90px;
		padding: 13px 23px;}

#lrg_right_col {
		float: right;
		width: 365px;
		padding: 13px 23px 13px 0px;}
		
#content #one_col {
	padding:20px;
	clear:both
}
.ipcw_button{
	position: relative;
	top: -38px;
	right: -135px;
	height: 125px;
	width: 125px;
	margin-bottom: -40px;
}

#content #school_row, #content #index_school {
	clear: both;
	text-align: center;
}
#content #school_row img {
	padding: 5px 10px 5px;
	vertical-align:middle;
}

#content #index_school img {
	padding: 0px 2px 3px;
	vertical-align:middle;}

#index_school {
	float:right;
	padding-right:0px;}
	
#index_school .ipcw_button{
	position: relative;
	top: -58px;
	left: 287px;
	margin-bottom: -130px;
}

.already_registered{
	background:url(../images/master/blue_bkgrnd.jpg);
	padding:1px 12px;
	margin-top:8px;}

.promo_4c {
	background: url(../images/index/wii.jpg) no-repeat 0px 150px;
	padding-right: 100px;
	padding-top: 5px;
	padding-bottom: 10px;
}
.promo_ipcw {
	background: url(../images/index/ipcw_promo.jpg) no-repeat 0px 95px;
	padding-top: 10px;
	padding-bottom: 20px;}
	.promo_ipcw p{
		color:#ffffff;
		padding-left:13px;
		padding-top:33px;
		padding-right:105px;
		padding-bottom:10px;
		margin:0px;	}
.column {
	width:198px;
	font-size:11px;
	float:left;
	line-height: 15px;}
	.column ul, .column li{
		padding:0px;
		margin:0px;}
	.column li{
		width:175px;
		list-style-type:none;
		background:url(../images/master/arrow_bullet.gif) no-repeat 0px 3px;
		padding-left:12px;
		padding-bottom:2px;}
	.column a{
		text-decoration:none;
}
.school_name, .school_city, .school_enrollment {
	display: block;}
	.school_name {
	font-weight: bold; }
.tooltip {
	white-space: nowrap;
	text-align: left;
	color: #FFFFFF;
	padding: 5px 15px 5px 30px;
	font-size: 11px;
	line-height: 14px;
	height:32px;
	background: #57add6 url(../images/master/tool_tip_pushbutton.jpg) no-repeat left top;
	border-top: 1px solid #57add6;
	border-right: 1px solid #0075a2;
	border-bottom: 1px solid #0075a2;
	border-left: 1px solid #57ADD6;
}
.school_callout{
	width: 272px;
	position:relative;
	margin-right:-52px;
	}
.school_callout p{
	position:absolute;
	top:85px;
	left:0px;
	padding:0px 25px 0px 25px;
	margin:0px;
	font-size:11px;
	}
ul.photo_gallery {
	position:absolute;
	top:105px;
	left:0px;
	padding:0px 0px 0px 20px;
	margin:0px;
}
	ul.photo_gallery li{
	position:relative;
	list-style-type:none;
	width:100px;
	height:40px;
	overflow: hidden;
	float: left;
	margin: 5px;
	padding:0px;}
	ul.photo_gallery li img {
	overflow:hidden;
	margin-top:-40px;
	margin-left:-40px;
}
.testimony {
	background:url(../images/master/graph_paper.gif) no-repeat;
	clear:both;
	padding:15px 25px;}
	.testimony p {
		color:#666666;
		font-size:12px;
		line-height:17px;}
		.testimony em {
			color:#8ca53c;}
		.testimony strong {
			color:#8ca53c;
			font-size: 13px;}
	.testimony_img {
		background-color:#8ca53c;
		float:left;
		padding:4px;
		margin-right:10px;
		margin-bottom:10px;}
.school_visit {
	color:#FFFFFF;
	display:block;
	height:51px;
	padding:30px 10px 0px 105px;
	clear:both;
	background: url(../images/take-a-tour/bkgrnd_school_visit.jpg) no-repeat 50px 0px;
}
.body_indent {
	padding:8px;}
.think_bullets li{
	height:30px;
	list-style:none;
	font-size:14px;
	line-height:30px;}
	.think_bullets li img{
	float:left;}
.bot_callout {
	float:left;}
	.bot_callout p{
	padding:0px 10px;
	color:#008ec5;
	width:170px;
	margin: 0px 4px 50px;
}
.float_left {
	float:left}
.float_right {
	float:right}
.flynn{
	float:right;
	padding-top:5px;}
	.flynn a{
		width:125px;
		height:26px;
		display:block;
		background: url(../images/master/flynnwright_logo.gif) no-repeat}
	.flynn a:hover{
	background: url(../images/master/flynnwright_logo.gif) no-repeat 0px -26px;
}
	.flynn p{
		visibility:hidden;
		padding:0px;
		margin:0px}
	

/*---------------------  FORMS  ---------------------*/
.form {
	background-color: #FFF;
	border-top: 15px solid #FFF;
	border-bottom: 15px solid #FFF;
	width: 450px;
	float:left}

	.form td {padding-bottom:10px;
}
	.form td.button_row {
		text-align: center;
		padding-top: 10px; }
	.form input {}
	.form textarea {
		font-family:"Lucida Grande", Myriad, Arial, sans-serif;
		font-size:11px;
		padding:5px;}
	
	.form .button {
		background-color:#003366;
		padding:10px;}
.required {
	color: #cc3533 }
.form .rules {
	font-size:11px;
	color:#666; }
.form .day {
	border-bottom: solid 5px #fff;}
	.form .day td{
	padding:8px;}
.formGrid td{
	border-bottom: solid 1px #CCCCCC;
	padding-bottom:5px;
	padding-top:5px;}
.form_promo {
	float:right;
	background: #6e8205 url(../images/iowa-private-college-week/promo-img_footer.jpg) no-repeat center bottom;
	width:140px;
	}
	.form_promo p {
	color:#fff;
	padding: 0px 15px}
	.form_promo a:link, .form_promo a:visited {
	color:#fff;}
.preview_right_col {
	float:right;
	width:140px;
	background:url(../images/master/graph_paper.gif) no-repeat;
	padding:8px}

/*---------------------  NEWS  ---------------------*/

/*---------------------  FAQ  ---------------------*/

/* png ie6 hack
-------------------------------------------------------------- */
* html img{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "/support/images/master/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}
form {
	height:100%;
	display:block}