﻿/* 
body
{
	background: #a0b8d7 url(../images/bg.gif) repeat-x top left;
	font: 62.5% Arial, Tahoma, Helvetica, sans-serif;
	text-align: center;
	color: #555;
	line-height: 1;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	left: 0px;
	top: 0px;
}
table
{
	border: 0;
	margin: 0;
	padding: 0;
}
*/
table#header0
{
	width: 100%;
	height: 26px;
	background: url(../Images/bg-welcome.gif) no-repeat bottom left;
	font-family: Arial;
	font-size: 11px;
	color: #004d86;
	font-weight: normal;
	text-decoration: none;
	margin: 0;
	padding: 0 0 1px 0;
	border: 0;
}

.welcome
{
	color: #a80532;
	font-size: 1.2em;
	padding: 0px 3px 0px 2px;
	display: inherit;
}
.selectanotherregion
{
	border: 0;
	height: 20px;
	position: relative;
	top: 2px;
	font-size: 0.9em;
	background-color: Transparent;
}

.topnavbotton0
{
	display: inline;
	cursor: hand;
	color: #004d86;
	text-decoration: none;
}

table#header1
{
	width: 100%;
	margin: 0;
	padding: 0;
	border: None;
	height: 100px;
	background: url(../Images/bg-header.jpg);
	font-family: Arial;
	font-size: 11px;
	color: #004d86;
	font-weight: normal;
	text-decoration: none;
}

table#header2
{
	width: 100%;
	margin: 0;
	padding: 0;
	border: None;
	height: 25px;
	font-family: Arial;
	font-size: 11px;
	background: url(../Images/bg-navigation.gif);
	color: #004d86;
	font-weight: normal;
	text-decoration: none;
}

table#breadcrumb
{
	width: 100%;
	margin: 0;
	padding: 0;
	border: None;
	height: 24px;
	font-family: Arial;
	font-size: 11px;
	background: url(../Images/bg-breadcrumb.gif);
}

.breadcrumblink, .breadcrumblink:link, .breadcrumblink:visited, .breadcrumblink:active
{
	color: #004d86;
	text-decoration: none;
}

.SubMenu
{
	margin: 0;
	width: 134px;
	padding: 10px 8px 3px 10px;
	background: url(../Images/bg-nav-hover.jpg) no-repeat top left;
}
p#btnContact
{
	display: block;
	width: 166px;
	height: 93px;
	position: relative;
	top: 4px;
	overflow: hidden;
	cursor: pointer;
	background: url(../images/btn-contact.jpg) no-repeat;
}
p#btnContact:hover
{
	background-position: bottom left;
}

	
.sidebar-quick-links
{
	/* background: url(../images/bg-sidebar.gif) repeat-y top left; */
	font-size: 1.1em;
	padding: 0px;
	margin: 0px;
	border: 0;
	text-decoration: none;
}

.secondary-navigation
{
	padding: 6px 6px 6px 27px;
	font-size: 1.2em;
	border: 0;
	font-weight: bold;
	color: #2e6b98;
	text-align: left;
	width: 100%;
}

.secondary-navigation-current
{
	background: url(../images/bg-secondary-nav.gif) no-repeat top left;
	padding: 6px 6px 6px 27px;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	border: 0;
	text-align: left;
	width: 100%;
}

.secondary-navigation-currentcategory
{
	background: url(../images/bg-secondary-nav.gif) no-repeat top left;
	padding: 6px 6px 6px 27px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	border: 0;
	text-align: left;
	width: 100%;
	text-transform: uppercase;
}

td#tdcontainerNavQL
{
	background: url(../images/bg-container.gif) repeat-y top left;
}

td#tdcontainerQL
{
	background: url(../images/bg-container_home.gif) repeat-y top left;
}

td#tdcontainer
{
	background: url(../images/bg-container.gif) repeat-y top left;
}

.footer
{
	width: 100%;
	font-family: Arial;
	font-size: 11px;
	color: #004d86;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	background: url(../images/bg-footer.gif) repeat-y top left;
	clear: left;
}

td#td_u-can-because-we-care
{
	background: url(../images/u-can-because-we-care.gif) no-repeat bottom center;
}

/* Paragraph Style Start */

.paragraphBulletinList
{
	background: url(../images/bullet.gif) no-repeat center left;
	padding-left: 10px;
	margin-left: 5px;
	width: 100%;
}

.paragraphHead1
{
	font-size: 2em;	
	margin-bottom: 20px;
	width: 100%;
}

.paragraphHead2
{
	padding-bottom: 16px; font-size: 1.1em; text-transform: uppercase; color: #666;
	width: 100%;
}

.paragraphHead3
{
	font-size: 1.0em;	
	width: 100%;
}

.paragraphNormal
{
	padding-bottom: 14px;
	width: 100%;
}

.paragraphCompact
{
	padding-bottom: 2px;
	width: 100%;
}

/* Paragraph Style End */

.find-a-campusText { border-top: 1px solid #c2c2c2; border-right: 1px solid #969696; border-bottom: 1px solid #494949; border-left: 1px solid #969696; color: #666; font-size: 1em; float: left; padding: 1px 3px; margin-left: 11px; width: 100px; }
.find-a-campusGoButton:hover { background-position: bottom left; }

/* AJAX STYLE */
/* WaterMarked */
.watermarked
{
	border: 1px solid #BEBEBE;
	background-color: #F0F8FF;
	color: gray;
}
/*Modal Popup*/
.modalBackground
{
	background-color: Silver;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background-color: white;
	width: 250px;
	margin: 0px;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 1px;
	border-right: black 1px groove;
	border-top: black 1px groove;
	border-left: black 1px groove;
	border-bottom: black 1px groove;
}


/****************************************************************/
/* Footer fix position Style */
.iefooter
{
	/* 	width: 950px; 	position: absolute; 	bottom: auto; 	clear: both; 	top: expression(eval(document.compatMode && document.compatMode==             'CSS1Compat' ) ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) - 1 : document.body.scrollTop +(document.body.clientHeight-this.clientHeight) - 1); */
}

.footer_spacer
{
	height: 60px;
}
/* This height should be equal to or greater than the footer. his ensures content is not cut off by your footer */
#footer
{
	position: fixed; /* keeps it from moving at all */
	bottom: 0; /* keeps it at the bottom of the screen */
	width: 100%; /* stretches to fill the width of the body tag */
	height: 30px; /* sets the height. should be equal to or less than the footer_spacer height */
}
/*
<div class = "footer_spacer"></div> <!--Nothing goes in here. This is just a spacer. -->
<div id = "footer"> Enter Footer Content Here </div> <!--This is the actual footer. Use CSS to style to your needs -->
*/

/*
following the several css change.
method: change the old css from "form" to "div"
*/
/* filter results */
div#content div.filter-results { border: 1px solid #c7d8ee; background: #f0f6fd; margin-bottom: 15px; padding: 12px 15px 18px; }
div#content div.filter-results h4 { padding-bottom: 13px; }
div#content div.filter-results li { float: left; }
div#content div.filter-results li strong { letter-spacing: 2px; vertical-align: middle; padding-right: 2px; }
div#content div.filter-results label { float: left; font-weight: bold; vertical-align: middle; padding-top: 2px; }
div#content div.filter-results div input, div#content div.filter-results div select { border-top: 1px solid #c2c2c2; border-right: 1px solid #969696; border-bottom: 1px solid #494949; border-left: 1px solid #969696; color: #666; font-size: 1em; float: left; padding: 1px 3px; margin-left: 11px; width: 130px; margin-right: 17px; }
div#content div.filter-results div select { padding: 0; width: 245px; }
div#content div.filter-results div input.filter { margin: 1px 5px 0 0; border: 0; background: url(../images/btn-filter.gif) no-repeat top left; font-weight: bold; color: #004d86; width: 51px; height: 19px; display: block; font-size: 1em; cursor: pointer; }
div#content div.filter-results div input.reset { margin: 1px 5px 0 0; border: 0; background: url(../images/btn-reset.gif) no-repeat top left; font-weight: bold; color: #004d86; width: 56px; height: 19px; display: block; font-size: 1em; cursor: pointer; }
div#content div.filter-results div input.filter:hover, div#content div.filter-results div input.reset:hover { background-position: bottom left; } 

/* find a campus */
div#sidebar div.find-a-campus { margin-bottom: 37px; }
div#sidebar div.find-a-campus-short { margin-bottom: 7px; }
div#sidebar div.find-a-campus h3 { padding-top: 17px; margin-bottom: 9px; }
div#sidebar div.find-a-campus div { padding-left: 5px; }
div#sidebar div.find-a-campus div input { border-top: 1px solid #c2c2c2; border-right: 1px solid #969696; border-bottom: 1px solid #494949; border-left: 1px solid #969696; color: #666; font-size: 1em; float: left; padding: 1px 3px; margin-left: 11px; width: 100px; }
div#sidebar div.find-a-campus div input.go { border: 0; background: url(../images/btn-go.gif) no-repeat top left; font-weight: bold; color: #004d86; width: 23px; height: 19px; display: block; font-size: 1em; cursor: pointer; }
div#sidebar div.find-a-campus div input.go:hover { background-position: bottom left; }

/* course search */
div#sidebar div.course-search { margin-bottom: 37px; background: url(../images/bg-sidebar2.gif) repeat-y top left; }
div#sidebar div.course-search h3 { padding-top: 17px; margin-bottom: 9px; }
div#sidebar div.course-search div { padding-left: 5px; }
div#sidebar div.course-search div label { vertical-align: middle; padding-top: 1px; cursor: pointer; margin-left: 2px; }
div#sidebar div.course-search div input, div#sidebar div.course-search div select { border-top: 1px solid #c2c2c2; border-right: 1px solid #969696; border-bottom: 1px solid #494949; border-left: 1px solid #969696; color: #666; font-size: 1em; padding: 1px 3px; margin-left: 11px; width: 135px; margin-bottom: 10px; }
div#sidebar div.course-search div select { width: 143px; padding: 0; }
div#sidebar div.course-search div select.last { margin-bottom: 7px; }
div#sidebar div.course-search div input.checkbox { width: auto; border: 0; float: left; border: 0 none; }
div#sidebar div.course-search div input.search { margin-top: 11px; float: right; margin-right: 21px; border: 0; background: url(../images/btn-search.gif) no-repeat top left; font-weight: bold; color: #004d86; width: 56px; height: 19px; display: block; font-size: 1em; cursor: pointer; }
div#sidebar div.course-search div input.search:hover { background-position: bottom left; }

/* contact form */
div#content div.contactform fieldset.submit { background: url(../images/bg-gradient2.gif) repeat-x top left; padding: 11px 5px; }
div#content div.contactform fieldset.submit input { float: right; }
div#content div.contactform input, div#content div.contactform select, div#content div.contactform textarea { border-top: 1px solid #5f5f5f; border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; border-left: 1px solid #969696; color: #555; font-size: 1em; padding: 1px 3px; }
div#content div.contactform li { margin-bottom: 9px; }
div#content div.contactform li.short { width: 456px; float: left; }		/* 446->456 */
div#content div.contactform li.shortlast { width: 413px; }
div#content div.contactform li.long { width: 100%; float: none; clear: left; }
div#content div.contactform li label, div#content div.contactform li span.label { padding-top: 2px; display: block; cursor: pointer; width: 115px; float: left; font-weight: bold; padding-left: 15px; }
div#content div.contactform li.shortlast label, div#content div.contactform li.shortlast span.label { width: 113px; }
/* add special style label and span for required */
div#content div.contactform li.required label { padding-top: 2px; display: block; cursor: pointer; width: 100px; float: left; font-weight: bold; padding-left: 15px; }
div#content div.contactform li.required span { padding-top: 2px; display: block; cursor: pointer; width: 13px; float: left; font-weight: bold; padding-left: 0px; }

div#content div.contactform li label.seclabel { padding-left: 0; padding-top: 0; width: auto; font-weight: normal; vertical-align: middle; padding-top: 2px; margin-right: 15px; }
div#content div.contactform li.required label, div#content div.contactform li.required span.label { padding-left: 0; }
div#content div.contactform li strong, div#content strong span.requiredfield { float: left; text-indent: -9999em; background: url(../images/bullet-blue.gif) no-repeat center left; width: 5px; height: 5px; margin-top: 7px; margin-right: 10px; }
div#content div.contactform li strong.strong { font-weight: bold; float: none; text-indent: 0; background: none; width: auto; height: auto; margin: 0; }
div#content strong span.requiredfield { margin-top: 5px; }
div#content div.contactform input, div#content div.contactform select { width: 278px; float: left; }
div#content div.contactform select { padding: 0; width: 286px; }
div#content div.contactform li.shortlast input, div#content div.contactform li.shortlast select { width: 277px; float: left; }
div#content div.contactform li.shortlast select { padding: 0; width: 283px; }
div#content div.contactform li.long input { width: 731px; float: none; }	/* 721->731 */
div#content div.contactform li input.radio, div#content div.contactform li input.checkbox { border: 0 none; width: auto !important; vertical-align: middle; }
div#content div.contactform fieldset.submit input { width: auto; height: auto; }
div#content div.contactform li p, div#content div.contactform li p input.radio { float: left; }
div#content div.contactform li.clear { clear: left; }
div#content div.contactform li li { float: left; background: none; padding: 0; margin: 0; }
div#content div.contactform li li.indent { margin-left: 126px; }
div#content div.contactform li.fieldofinterest { margin-bottom: 33px; padding-top: 0px; }
div#content div.contactform li.viewmap select { width: 211px; }
div#content div.contactform li textarea { width: 731px; float: left; margin-bottom: 17px; }	/* 721->731 */
div#content div.contactform li.unstrong label { font-weight: normal; width: auto; }
div#content div.contactform li.unstrong input { width: 168px; }
div#content div.contactform li.subscribe { margin-left: 11px; }
div#content div.contactform li.subscribe label { padding-left: 9px; padding-bottom: 11px; } 
div#content div.contactform li.unstrong input.checkbox { float: left; width: auto; }
div#content div.contactform li label.col1label { width: 57px; padding-left: 4px; }
div#content div.contactform li label.col2label { width: 128px; padding-left: 4px; }
div#content div.contactform li label.col3label { width: 98px; padding-left: 4px; }
div#content div.contactform li label.col4label { width: 114px; padding-left: 4px; }
div#content div.contactform li label.col5label { width: 126px; padding-left: 4px; }
/* add special style for checkbox label */
div#content div.contactform li label.collabel { width: 146px; padding-left: 4px; }

div#content div.contactform li li { margin-bottom: 10px; }
div#content div.contactform li.fieldofinterest span.label { width: 111px; padding-top: 8px; }
div#content div.contactform a.arrow { margin-left: 10px; }
div#content div.contactform li.captcha input { margin: 0 10px 0 10px; }
div#content div.contactform li.captcha span { padding-top: 2px; } 
div#content div.contactform li.captcha img { vertical-align: middle; }
div#content div.contactform fieldset.submit input.reset, div#content div.contactform fieldset.submit input.submit { margin: 1px 5px 0 0; border: 0; background: url(../images/btn-reset.gif) no-repeat top left; font-weight: bold; color: #004d86; width: 56px; height: 19px; display: block; font-size: 1em; cursor: pointer; }
div#content div.contactform fieldset.submit input.submit { background: url(../images/btn-submit.gif) no-repeat top left; width: 51px; }
div#content div.contactform fieldset.submit input.reset:hover, div#content div.contactform fieldset.submit input.submit:hover { background-position: bottom left; } 
div#content div.contactform li.required span, div#content div.contactform li.required span.requirederror { display: block; background: url(../images/bg-arrow-red.gif) no-repeat center right; }
div#content div.contactform li span.labellong { width: 160px; background: none; } 

div.welcome div#region { float: left; font-size: 0.8em; margin: 1px 0 0 8px; width: 100px; } 
div.welcome div#region select { background: #d8dada; border: 1px solid #898989; cursor: pointer; }

div.sendtofriend { text-align: left; font-size: 1.2em; z-index: 999; border: 5px solid #84a2c8; width: 332px; padding: 12px 14px 0; background: #fff url(../images/bg-gradient3.gif) repeat-x bottom left; }
div.sendtofriend h4 { margin-bottom: 12px; padding-bottom: 16px; font-size: 1.2em; color: #a80532; text-transform: uppercase; }
div.sendtofriend p { padding-bottom: 8px; }
div.sendtofriend p.close { padding: 0; float: right; }
div.sendtofriend p.close a { font-weight: bold; font-size: 0.9em; padding-right: 14px; background: url(../images/ico-x.gif) no-repeat center right; text-decoration: none; }
div.sendtofriend div fieldset.submit { background: none; border: 0; }
div.sendtofriend div input, div.sendtofriend div textarea { border-top: 1px solid #c2c2c2; border-right: 1px solid #969696; border-bottom: 1px solid #494949; margin-bottom: 13px; border-left: 1px solid #969696; color: #666; font-size: 1em; padding: 1px 3px; width: 323px; }
div.sendtofriend div input.submit, div.sendtofriend div input.cancel { float: right; margin-left: 5px; border: 0; background: url(../images/btn-submit.gif) no-repeat top left; font-weight: bold; color: #004d86; width: 51px; height: 19px; display: block; font-size: 1em; cursor: pointer; } 
div.sendtofriend div input.cancel { background: url(../images/btn-cancel.gif) no-repeat top left; width: 56px; }
div.sendtofriend div input.submit:hover, div.sendtofriend div input.cancel:hover { background-position: bottom left; }

/* quick-links video copy from relative link */
div#sidebar div.quick-links ul li.videolink { background: url(../images/ico-video.gif) no-repeat top left; padding-left: 23px; text-decoration: none; font-size: 0.9em; }

/* promotion-copy */
div#content div.promotion-copy ol li { line-height: 1.5em; margin-left: 20px; list-style: disc; }

/* testimonial video link */
div#content div.view-testimonials p { background: url(../images/ico-video.gif) no-repeat 0 6px; padding-left: 23px; line-height: 23px; margin-right: 25px; float: right; }

/* toggling */   
#TJK_DL dt strong { cursor: pointer; } 
/*=============================================================*/

/* Jump page additions */
body.jump-page div#content form.contactform li.required label { padding-top: 2px; display: block; cursor: pointer; width: 100px; float: left; font-weight: bold; }
body.jump-page div#content form.contactform li.required span { padding-top: 2px; display: block; cursor: pointer; width: 15px; float: left; font-weight: bold; }
body.jump-page div#content form.contactform li span.labellong { width: 158px; } 
body.jump-page div#content form.contactform li.captcha { margin-bottom: 0; width: 450px; }
body.jump-page div#content form.contactform li.captcha label { width: auto; }
body.jump-page div#content form.contactform li.captcha input { margin-top: 2px; width: 258px; margin-left: 16px; }
body.jump-page div#content form.contactform li.captcha img { vertical-align: middle; margin-bottom: 3px; }
body.jump-page div#content form.contactform li.captcha span { padding: 4px 2px 0px 0px;}

