#cse-search-results iframe {width: 400px; }

html {
	background: #005889;
	font-size: 100%;
	}
body {
	background: #ebebeb url(http://www.coastline.edu/images/ft.gif) repeat-x left bottom;
	font-size: 62.5%;
	}
body, input, select, textarea, td, th {
	color: #555555;
	font-family: Arial;
	}
body, form, fieldset, input, select, textarea {
	margin: 0;
	padding: 0;
	} 
a {
	color: #48759d;
	outline: none;
	text-decoration: underline;
	}
a:hover {text-decoration: none;}
.link{ color:#000000; font-size:12px; font-weight:bold; }
.resources{ color:#555555; font-size:12px; font-weight:bold; text-decoration:none; }
.link_2{ color:#000000; font-weight:bold; font-size:12px;}


img, fieldset, table {
	border: 0 none;
	}
img {
	vertical-align: top;
	}
input, select, textarea {
	font-size: 1em;
	}
p {
	margin: 0;
	padding: 0 0 1em 0;
	}
table {
	border-collapse: collapse;
	}
textarea {
	overflow: auto;
	}
td, th {
	padding: 0;
	vertical-align: top;
	}
ul {
	margin: 0;
	padding: 0 0 0 16px;
	}



#main {
	margin: 0 auto;
	width: 780px;
	}


#header {
	background: url(http://www.coastline.edu/images/h_cbg.gif) repeat-x left bottom;
	height: 116px;
	margin: 0 82px 0 0;
	position: relative;
	}
#header form {
	color: #e3e2e2;
	font-size: 1.1em;
	position: absolute;
	right: 0;
	top: 2px;
	}

/*Text on the header*/
#header form a {
	color: #e3e2e2;
	text-decoration: none;
	}
/*End*/
#header img,
#header input {
	vertical-align: middle;
	}
/*Search Input*/
#header input {
	background: #9e9fa1;
	border: 1px solid #d7d7d7;
	color: #FFF;
	width: 129px;
	margin-top: 0;
	margin-right: -5px;
	margin-bottom: 0;
	margin-left: 10px;
	padding-left: 2px;
	}
/*Button Style*/
#header .button {
	width: 25px;
	height: 16px;
	margin-right: 0;
	padding-left: 0;
	border: 0;
	
}
/*Search Input End*/

#header .corner-left {
	background: url(http://www.coastline.edu/images/h_lbg.gif) no-repeat left top;
	}
#header .corner-right {
	background: url(http://www.coastline.edu/images/h_rbg.gif) no-repeat right bottom;
	height: 116px;
	}


#menu {
	bottom: 0;
	padding: 0;
	position: absolute;
	right: -82px;
	}
#menu li {
	float: left;
	list-style: none;
	margin: 0 0 0 2px;
	width: 120px;
	}
#menu a {
	background: url(http://www.coastline.edu/images/m_lbg.gif) no-repeat left top;
	color: #FFF;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	}
#menu a span {
	background: url(http://www.coastline.edu/images/m_rbg.gif) no-repeat right top;
	cursor: pointer;
	display: block;
	}
#menu a span span {
	background: url(http://www.coastline.edu/images/m_cbg.gif) repeat-x left top;
	margin: 0 3px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	}

#menu a:hover,
#menu .active a {
	background: url(http://www.coastline.edu/images/m_lbg_a.gif) no-repeat left top;
	}
#menu a:hover span,
#menu .active span {
	background: url(http://www.coastline.edu/images/m_rbg_a.gif) no-repeat right top;
	}
#menu a:hover span span,
#menu .active span span {
	background: url(http://www.coastline.edu/images/m_cbg_a.gif) repeat-x left top;
	}


#wrap {
	background: #f5f5f5 url(http://www.coastline.edu/images/corner-top-left.gif) no-repeat left top;
	font-size: 1.2em;
	margin: 0 0 58px 0;
	}

#wrap h1 {
	border-bottom: 1px solid #eeeeee;
	height: 31px;
	margin: 0 0 15px 0;
	}

#wrap h2 {
	/*border-bottom: 1px solid #efefef;*/
	height: 35px;
	margin: 5px 5px 15px 0;
	font-size:1.5em
	}	

#wrap h3 {
	border-bottom: 1px solid #eeeeee;
	height: 31px;
	margin: 0 0 16px 0;
	}


#left {
	float: left;
	margin: 0 -249px 0 0;
	position: relative;
	width: 249px;
	}
#left .indent {
	padding: 8px 20px 8px 28px;
	}


#right {
	float: left;
	margin: 0 0 -59px 0;
	width: 100%;
	}
#right .indent {
	padding: 10px 4px 0 249px;
	}

.more{ text-align:right; margin:10px 3px 0 0;}


.bg-bottom .corner-left {
	background: url(http://www.coastline.edu/images/corner-bottom-left.gif) no-repeat left top;
	}
.bg-bottom .corner-right {
	background: url(http://www.coastline.edu/images/corner-bottom-right.gif) no-repeat left top;
	}
.bg-bottom .corner-left,
.bg-bottom .corner-right {
	height: 9px;
	overflow: hidden;
	width: 9px;
	}

.bg-bottom,
.bg-top {
	font-size: 0;
	line-height: 0;
	}

.bg-bottom .corner-left,
.bg-top .corner-left {
	float: left;
	}
.bg-bottom .corner-right,
.bg-top .corner-right {
	float: right;
	}


.bg-left {
	background: url(http://www.coastline.edu/images/bg-left.jpg) no-repeat left 112px;
	}

.bg-right {
	background: url(http://www.coastline.edu/images/bg-right.jpg) no-repeat right 112px;
	padding: 11px 18px 0 18px;
	}


.box {
	width: 100%;
	}

.box .corner-left,
.box .corner-right {
	height: 12px;
	width: 12px;
	}
.box .bg-bottom .inner,
.box .bg-top .inner {
	height: 12px;
	padding: 0;
	}

.box .bg-bottom .corner-left {
	background: url(http://www.coastline.edu/images/b_corner-bottom-left.png) no-repeat left top;
	}
.box .bg-bottom .corner-right {
	background: url(http://www.coastline.edu/images/b_corner-bottom-right.png) no-repeat left top;
	}
.box .bg-bottom .inner {
	background: url(http://www.coastline.edu/images/b_bg-bottom.png) repeat-x left top;
	}

.box .bg-left {
	background: url(http://www.coastline.edu/images/b_bg-left.png) repeat-y left top;
	}

.box .bg-right {
	background: url(http://www.coastline.edu/images/b_bg-right.png) repeat-y right top;
	padding: 0;
	}

.box .bg-top .corner-left {
	background: url(http://www.coastline.edu/images/b_corner-top-left.png) no-repeat left top;
	}
.box .bg-top .corner-right {
	background: url(http://www.coastline.edu/images/b_corner-top-right.png) no-repeat left top;
	}
.box .bg-top .inner {
	background: url(http://www.coastline.edu/images/b_bg-top.png) repeat-x left top;
	}

.box .inner {
	background: #FFF;
	margin: 0 12px;
	padding: 10px 18px 18px 26px;
	}

.inner .floatImages {float:left; margin:3px 20px 0 0;}


.block {
	margin: 0 0 0 -60px;
	position: relative;
	}
.block .item {
	float: left;
	margin: 0 0 20px 60px;
	width: 180px;
	}
* html .block .item {
	display: inline;
	}
.block .item h4 {
	font-size: 1em;
	margin: 0;
	}
.block .item img {
	border: 1px solid #eeeeee;
	float: left;
	margin: 0 20px 0 0;
	padding: 3px;
	}

/*Start block Code for pages with gaphics/services (Counseling, Academics)*/

.blockCode {
	margin: 0 0 0 -20px;
	position: relative;
	}
.blockCode .itemCode {
	float: left;
	margin: 0 0 20px 60px;
	width: 250px;
	}
* html .blockCode .itemCode {
	display: inline;
	}
.blockCode .itemCode h4 {
	font-size: 1em;
	margin: 0;
	}
.blockCode .itemCode img {
	border: 1px solid #eeeeee;
	float: left;
	margin: 0 20px 0 0;
	padding: 3px;
	}

/*End block code*/

.clear {
	overflow: hidden;
	width: 100%;
	}


.f_left {	
	float: left;
	}
.f_right {	
	float: right;
	}


.list {
	padding: 0;
	position: relative;
	}
.list li {
	background: url(http://www.coastline.edu/images/ar.gif) no-repeat left 3px;
	font-weight: bold;
	list-style: none;
	padding: 0 0 8px 18px;
	}

/*List feature for Quick Links*/
.listQL {
	padding: 0;
	position: relative;
	}
.listQL li {
	background: url(http://www.coastline.edu/images/ar.gif) no-repeat left 3px;
	font-weight: bold;
	list-style: none;
	padding: 0 0 8px 18px;
	}
/*End List feature for Quick Links*/

/*Page Navigation Start*/
#navigation{
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	}
/*Page Navigation End*/

.logo {
	left: 38px;
	position: absolute;
	top: 15px;
	}


.log-in {
	/*border-bottom: 1px solid #eeeeee;*/
	margin: 0.55em 0 0.1em 0;
	padding: 0 0 0.1em 0;
	text-align: center;
	}

.helpdesk {
	border-bottom: 1px solid #eeeeee;
	text-align: center;
	margin-top: 0.2em;
	margin-right: 0;
	margin-bottom: 0.6em;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: .6em;
	padding-left: 0;
	}

.applyButtons {
	/*border-bottom: 1px solid #eeeeee;*/
	margin: 0.2em 0 1.4em 0;
	padding: 0 0 0.7em 0;
	text-align: center;
	}

.pic {
	background: url(http://www.coastline.edu/images/p_px.gif) repeat-y left top;
	margin: 0 9px;
	}

.pic .corner-left,
.pic .corner-right {
	height: 4px;
	width: 4px;
	}

.pic .bg-bottom {
	background: url(http://www.coastline.edu/images/p_px.gif) repeat-x left bottom;
	}
.pic .bg-bottom .corner-left {
	background: url(http://www.coastline.edu/images/p_corner-bottom-left.gif) no-repeat left top;
	}
.pic .bg-bottom .corner-right {
	background: url(http://www.coastline.edu/images/p_corner-bottom-right.gif) no-repeat left top;
	}

.pic .bg-top {
	background: url(http://www.coastline.edu/images/p_px.gif) repeat-x left top;
	}
.pic .bg-top .corner-left {
	background: url(http://www.coastline.edu/images/p_corner-top-left.gif) no-repeat left top;
	}
.pic .bg-top .corner-right {
	background: url(http://www.coastline.edu/images/p_corner-top-right.gif) no-repeat left top;
	}

.pic .inner {
	background: url(http://www.coastline.edu/images/p_px.gif) repeat-y right top;
	text-align: center;
	}


.slogan {
	position: absolute;
	right: 74px;
	top: 46px;
	}


.top-bg {
	background: url(http://www.coastline.edu/images/top-bg.gif) repeat-x left top;
	}
	
/*Footer Start*/
#footer {
	color: #efefef;
	font-size: 1.08em;
	height: 30px;
	text-align: center;
	}
#footer a {
	color: #FFF;
	}
#footer img {
	margin: 0 5px 0 0;
	vertical-align: middle;
	}
/*Footer End*/
