body{
	margin:0;
	background-color:#fff;
	background-image:url(/common/shared/images/tnav_bg.gif);
	background-repeat:repeat-x;
	text-align:center;
}
.noShow {
	left: -9000px;
	position: absolute; 
}
h1,h2,h3,h4,h5,h6,div,form{ margin:0; padding:0; }

/* th,td needed for ie5/ie5.5 win #outer is for popups */
#overall, #outer, th, td, input{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}

#overall{
	width:768px;
	padding:0 4px;
}

#sitenav,
#footer{font-family:Arial, Helvetica, sans-serif;}

#sitenav, #header, #outer{width:760px;}
.popup #header{width:auto;}

body>#sitenav,
body>#header,
body>#outer,
body>#footer,
#overall>#sitenav,
#overall>#header,
#overall>#outer,
#overall>#footer{
	margin-left:auto;
	margin-right:auto;
}

/* header/footer */

#sitenav{
	position:relative;
	border-bottom:solid 1px #bae9fa;
}

#sitenav table, #header table{width:100%; padding:0px; margin:0px;}

#sitenav table td, #sitenav table th{vertical-align:middle; padding-bottom:4px;}

#sitenav,
#sitenav td{
	color:#bae9fa;
	background-color:#09f;
	font-size:10px;
	font-weight:bold;
	margin-bottom:6px;
	height:28px;
	padding:0 !important; /* for splash page */
}
*>#sitenav,
*>#sitenav td{height:28px;}

#sitenav td{font-family:Arial, Helvetica, sans-serif;}

#bottomnav{float:left;}

#bottomnav a,
#site-links a{margin-right:.35em;}

#sitenav label{text-transform:capitalize;}

#visitornav{
	position:absolute;
	left:-0.3em;
	top:6px;
	text-transform:uppercase;
}

#visitornav a {
	margin-left:0.3em;
}

#site-links,
#visitornav{padding-top:2px;}

*>#site-links,
*>#visitornav{padding-top:0;}

#site-links {
	position:absolute;
	right:0;
	text-align:right;
}
* > #site-links {
	top:6px;
}

#site-links span#myAccount {
	display:none;
}
#sitenav a{
	color:#BAE9FA;
	text-decoration:none;
}
#sitenav a:hover{color:#036;}

#sitenav input{vertical-align:middle;}

#site-links > input {
	margin-top:-2px;
}

*>#navsite,
*>#navcolleges{
	border-top:0 !important;
	margin-top:0;
}

#q{
	width:12em;
	font-size:10px;
	font-weight:normal;
	text-transform:none;
	border:0 none transparent;
	margin:4px 0 3px 0;
	padding-left:5px;
}
*>#q{margin:0;}

#signout a{margin-left:.3em;}

#footer{
	clear:both;
	color:#036;
	font-size:10px;
	margin:40px 0 25px 0;
	border-top:3px double #D3CBBF;
	padding:10px;
}
#footer table{/* legacy */
	width:100%;
	padding:0;
	margin:0;
}
#footer td{/* legacy */
	padding-top:2px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
#footer a{
	text-decoration:none;
	color:#5d5d5d;
}
#footer #trusteLogo{
	display:block;
	float:right;
	width:116px;
	height:32px;
	background-image:url(/common/shared/images/truste-certified-privacy.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	margin-top:5px;
}
#footer a:hover{color:#000;}
#bottomnav {
	float:none;
	text-transform:capitalize;
	font-size:11px;
}
#copyright {
	margin-top:5px;
	display:block;
	float:left;
	color:#959595;
}
#topjump,
#printlogo img{/* legacy */
	display:none;
}

/* legacy */
#printlogo{background:url(/common/shared/images/logos/logo_cyan.gif) no-repeat;}

#printlogo a{/* legacy */
	display:block;
	width:223px;
	height:50px;
	background-image:none;
}

#signout{
	text-transform:uppercase;
	text-align:right;
}

#forlogo,
#forlogo a{/* legacy */
	width:125px;
}

#forlogo a{/* legacy */
	height:50px;
	display:block;
	padding-left:20px;
	background:url(/common/shared/images/logo_box_arrow.gif) no-repeat 0 22px;
}

#forlogo a:hover{/* legacy */
	background-image:url(/common/shared/images/logo_box_arrow_on.gif);
}

td#vnav{width:36em;}
#vnav #visitornav{margin-top:0;}

#copyright{
	color:#b9b9b9;
	text-align:right;
}

/* header */

#header{height:70px;}

#header h1 a,
#header h2 a{
	text-indent:-1000em;
	display:block;
	text-decoration:none;
}

#header h1{
	position:absolute;
	background-image:url(/common/shared/images/logos/logo_cyan.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
#header h1,
#header h1 a{
	height:52px;
	width:173px;
}

#header h1 img{display:none;}

.popup #header h1{background-image:url(/common/shared/images/logos/logo_cyan_popup.gif);}

#header h2{
	background-repeat:no-repeat;
	background-position:21px 0;
	position:absolute;
}

#header h2 a{
	background-image:url(/common/shared/images/logo_box_arrow.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
#header h2 a:hover{background-image:url(/common/shared/images/logo_box_arrow_on.gif);}

/* styled html elements */

h1, h2, h3, h4{color:#036;}
h1{
	font-size:18px;
	font-weight:normal;
}
h2{font-size:14px;}
h3{font-size:13px;}
h4,h5{font-size:12px;}

a{color:#036;}
a:visited{color:#333;}
a:hover{color:#69c;}
a img{
	border:none;
	margin:0;
	padding:0;
}

p{margin:0 0 10px 0;}

hr, div.hr{
	border-width:0;
	border-top:1px solid #ccc;
}

td{vertical-align:top;}
th{text-align:left;}

ul{
	margin:0 0 10px 16px;
	padding:0;
}
ol{
	margin:0 0 10px 22px;
	padding:0;
}
ol.roman{
	margin-top:0;
	margin-left:50px;
}
ol.roman li{list-style-type:upper-roman;}
ol li{
	list-style-type:decimal;
	margin-top:10px;
	margin-left:10px;
}
ol.alpha li{list-style-type:upper-alpha;}
ol.numeric li{list-style-type:decimal;}
ol.roman_lower li{list-style-type:lower-roman;}
ol.alpha_lower li{list-style-type:lower-alpha;}

ul.none{
	margin:0 0 10px 0;
	padding:0;
}

ul li{
	list-style-image:url(/common/shared/images/bullet.gif);
	list-style-type:square;
	margin-bottom:10px;
}

ul.none li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin:0 0 3px 0;
	padding:0;
}

ul.top li{margin-bottom:0;}

#content ul li ul li{list-style-image:url(/common/shared/images/hyphen.gif);}

#overall{
	margin-right:auto;
	margin-left:auto;
	padding:0;
	border:none;
	text-align:center;
}

#sitenav,
#header,
#outer,
#footer,
#footerAds{
	margin-right:auto;
	margin-left:auto;
	text-align:left;
}

#left,
#right,
#left h3,
#right h3,
#left h4,
#right h4,
.sidebar,
.sidebar h3,
.sidebar h4{
	font-size:11px;
}

#left{
	width:182px;
	float:left;
	padding:0;
	margin:0 0 10px 0;
	clear:left;
}
#left h1{
	float:left;
	clear:left;
	padding:0;
	margin:0 0 4px 0;
}
#left h1.wrap{padding-top:13px;}
#left div{clear:both;}

#lnav{
	clear:left;
	margin-bottom:10px;
}
#lnav ul{
	padding:0;
	margin:0;
}
#lnav ul li{
	margin:0;
	padding:2px 0 1px 0;
	list-style-type:none;
	list-style-image:none;
	background-image:url(/common/shared/images/dottedrule.gif);
	background-position:top left;
	background-repeat:repeat-x;
}
#lnav ul li ul{padding-bottom:0;}
#lnav ul li ul li{padding:2px 2px 0 10px;}

#lnav ul li.current ul,
#lnav ul li.current ul li.current ul,
#lnav ul li.current ul li.current ul li.current ul,
#lnav .lnavshow ul{
	visibility:visible;
	display:block;
}
#lnav a{
	display:block;
	width:100%;
	padding:4px 0;
	font-size:11px;
	text-decoration:none;
}
#lnav a,
#lnav a:visited{color:#036;}

/* for ie pc broken box */

#lnav ul li a{width:171px;}
#lnav ul ul li a{width:161px;}
#lnav ul ul ul li a{width:151px;}
#lnav > ul li a,
#lnav > ul ul li a,
#lnav > ul ul ul li a{width:auto;}

.sidebar{
	margin:0 0 10px 0;
	padding:10px 10px 1px 10px;
	background-color:#e4e2f4;
}

.sidebar h3{
	margin:0 !important;
	background-color:transparent !important;
	padding:0 !important;
	color:#000;
}

#lnav a.current,
#lnav li.current a.current,
#lnav a:hover,
#lnav li.current a:hover{
	text-decoration:none;
	cursor:pointer; /* added for safari on mac */
}

#middle{
	padding:0;
	margin:0 200px 0 0;
}

#right,
.rightContainer{
	width:182px;
	float:right;
	margin-bottom:10px;
	padding-left:10px;
}

#right ul,
.sidebar ul{margin-bottom:15px;}

#right .hrule,
.sidebar .hrule{margin:10px 0;}

#tools ul, #tools ul li,
#jumpto ul, #jumpto ul li,
#related ul, #related ul li{
	margin:0 0 10px 0;
	padding:0;
	list-style-type:none;
	list-style-image:none;
}
#tools ul li,
#jumpto ul li,
#related ul li{
	margin-bottom:2px;
	padding:1px 0;
}
#related ul li p{
	padding-left:12px;
	margin:0;
}

#tools a,
#jumpto a,
#related a{display:block;}

/* generic class for left nav modules */
.module{
	margin:10px 0 15px 0;
	padding-bottom:7px;
	background:url(/common/shared/images/dottedrule.gif) repeat-x bottom left;
}

#contenthead{margin-bottom:10px;}
#ads img{margin-bottom:15px;}

/* breadcrumb
span must be used around the section name (unlinked at end of crumb) if used. :hover
is standard a:hover color and inherited.
*/
#bread{
	color:#999;
	font-size:10px;
	padding-top:10px;
	margin-bottom:20px;
	width:540px;
}
#bread span{color:#000;}
#bread a, #bread a:visited{
	text-decoration:underline;
	color:#333;
	font-weight:normal;
}
#bread a:hover{color:#69c;}

/* dataTable - standard table class. no width defined for ie - must use a pixel width less that or
the width of #content to define it, can't use 100% or layout will break. */

table.dataTable{
	margin-bottom:10px;
	margin-right:0;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-collapse:collapse;
}
table.dataTable td,
table.dataTable th{
	font-size:11px;
	padding:5px;
	margin:0;
	vertical-align:top;
	background-color:#fff;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

table.dataTable .tableDark,
table.dataTable tr.tableDark td,
table.dataTable tr.tableDark th{background-color:#F6F6F6;}

table.dataTable .tableHeader{
	font-size:14px;
	background-color:#F6F6F6;
}
table.dataTable .tableSubhed,
table.dataTable .tableSubhed a{
	color:#fff;
	background-color:#999;
}

/* appForm class
appForm is a container which places a border around its content. it has a title (h1) and
sub-titles (h3) associated with it. the title has a bg color and a 3px margin. subtitles have
the same bg color but no margin. also associated with appForm is appSection, which creates
padding for appForms content. see more specific information at: /phase3/templates/appForms.html
*/
.appForm{border:1px solid #ccc;}

.appForm,
.appSection,
.appForm td, #content .appForm td,
.appForm th, #content .appForm th,
.appForm input,
.appForm select,
.appForm textarea{font-size:11px;}

.appForm h1{
	color:#fff;
	font-weight:normal;
	background-color:#e4e2f4;
	padding:3px 1px 3px 5px;
	margin:3px;
}
.appForm h3{
	background-color:#e4e2f4;
	color:#002C5D;
	padding:3px 1px 3px 5px;
	font-size:11px;
}
.appForm h4{font-size:11px;}
.appForm .appSection{margin:10px 7px;}

.appSection .sidebar{
	width:182px;
	float:right;
	margin-left:10px;
}
.appSection > .sidebar{width:162px;}

/* button class
this class places an arrow surrounded by a box to the right of the specified anchor or
input field. note that because ie does not support :hover on anything but an anchor, the
class buttonover was created. js in global.js buttonhover() controls the hover state
*/

a.button,
a.backtop,
input.button,
input.buttonover{
	margin:0;
	border:none;
	padding:2px 0 2px 20px;
	height:17px;
	background-image:url(/common/shared/images/arrow_box_button.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	text-align:left;
	text-decoration:none;
	font-size:11px;
	color:#036;
}

a.button:hover,
a.backtop:hover,
input.button:hover,
input.buttonover,
input.buttonover{background-image:url(/common/shared/images/arrow_box_button_on.gif);}

/* bigButton class */
a.bigButton{
	display:block;
	width:180px;
	border:1px solid #ccc;
	text-decoration:none;
	background-image:url(/common/shared/images/arrows/arrow-66b1ea.gif);
	background-repeat:no-repeat;
	background-position:6px 50%;
	background-color:#fff;
}
a.bigButton:hover{
	background-image:url(/common/shared/images/arrows/white-arrow.gif);
	background-color:#036;
}
.bigButton span{
	display:block;
	margin-left:19px;
	border-left:1px solid #ccc;
	padding:2px;
	padding-left:4px;
	color:#036;
	background-color:#eef5ff;
	font-weight:bold;
}

/* arrow class
this class places an arrow (no box) to the right of the specified anchor. it may be
necessary to redefine the class for sections to change the color of the arrow.
*/
a.arrow,
.arrow a,
a.b2t,
#tools a,
#jumpto a,
#related a{
	margin:0;
	border:none;
	padding:1px 0 2px 12px;
	background-repeat:no-repeat;
	background-position:0 5px;
	background-color:transparent;
	text-decoration:none;
	background-image:url(/common/shared/images/arrows/default_arrow_right.gif);
}

a.arrow:hover,
.arrow a:hover,
a.b2t:hover,
#tools a:hover,
#tools a.current,
#jumpto a:hover,
#jumpto a.current,
#related a:hover{
	color:#000 !important;
	background-image:url(/common/shared/images/arrows/default_hover_arrow_right.gif);
	cursor:pointer;
	text-decoration:none;
}

ul.arrow li{
	margin:0 0 10px 0;
	list-style-type:none;
	list-style-image:none;
}

/*b2t class-uses arrow class and replaces background images*/
a.b2t{font-size:11px;}
a.b2t{background-image:url(/common/shared/images/arrows/top-arrow.gif);}
#content a.b2t:hover{background-image:url(/common/shared/images/arrows/top-hover-arrow.gif);}

/* callout-places a border around text for special announcements.*/
.callout{
	border:solid 1px #92B04F;
	margin:0 0 10px 0;
}
.callout h3{
	padding:5px 8px 5px 8px;
	margin:0 0 10px 0;
}
.callout p{margin:0 8px 5px 8px;}
.callout ol,
.callout ul{padding:0 10px;}

/* popup - place class="popup" into <div id="outer"> */
#outer.popup{
	width:auto !important;
	margin:0 20px;
	padding:0;
}
.popup #closebutton{
	padding-top:21px;
	width:5.3em; /* for ie */
	float:right;
}
/* commented backslash hack for ie5 mac \*/
#header > #closebutton{width:auto;}
/* end hack */

.popup #closebutton a{
	background-image:url(/common/shared/images/arrow_box_tnav.gif);
	background-repeat:no-repeat;
	color:#fff;
	text-indent:0;
}
.popup #closebutton a:hover{
	background-image:url(/common/shared/images/arrow_box_tnav_on.gif);
	color:#000;
}

#popupheader{margin-bottom:24px;}

#outer.popup #contenthead{
	padding-top:0 !important;
	margin-bottom:20px !important;
}
#outer.popup #contenthead h1{width:100%;}

.popup #footer{
	text-align:right;
	width:auto;
	margin-top:20px;
}

.popup #actions{
	width:15em;
	text-align:right;
	margin:0;
}

/*
innernav is a specific type of navigation that is used either at the top or bottom of a
table or container. see more specific information at:
/phase3/templates/student_csearch_template.html
*/
.innernav{
	background-color:#e4e2f4;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	height:20px;
}

.toc{height:20px;}

a.navLeft,
a.navRight,
a.navCenter,
a.navPrev,
div.navCenter a.arrow{
	background-repeat:no-repeat;
	background-color:transparent;
	background-position:0 5px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#002C5D;
}

.innernav a.navLeft,
.innernav a.navRight,
.innernav a.navCenter,
.innernav a.navPrev,
.innernav div.navCenter a.arrow{
	background-position:.75em 45%;
	height:14px;
	padding:1px 7px 3px 7px;
	font-weight:bold;
}

.navCenter{
	text-align:center;
	font-weight:normal;
}
.innernav .navCenter{font-size:11px;}
a.navCenter{display:block;}

div.navLeft,
div.navCenter,
div.navRight{padding:1px 7px 3px 7px;}

a.navLeft,
a.navRight{background-image:url(/common/shared/images/arrows/default_arrow_right.gif);}

a.navPrev{background-image:url(/common/shared/images/arrows/default_arrow_left.gif);}

.navLeft,
.navPrev{
	float:left;
	text-align:left;
}
.innernav .navLeft,
.innernav .navPrev{border-right:1px solid #fff;}

.navRight{
	float:right;
	text-align:right;
}
.innernav .navRight{border-left:1px solid #fff;}

.innernav a.navLeft,
.innernav a.navRight,
.innernav a.navPrev{padding-left:18px;}

.innernav a:hover{
	color:#002C5D;
	background-color:#B2D8EF;
}

.toc a.navLeft,
.toc a.navRight,
.toc a.navPrev{padding-left:12px;}

.toc a.navLeft:hover,
.toc a.navRight:hover,
.toc div.navCenter a.arrow:hover{
	color:#000;
	text-decoration:none;
	background-image:url(/common/shared/images/arrows/default_hover_arrow_right.gif);
}
.toc a.navPrev:hover{
	color:#000;
	text-decoration:none;
	background-image:url(/common/shared/images/arrows/default_hover_arrow_left.gif) !important;
}

a.navPrev,
a.navLeft,
a.navRight{width:1px;}

/* commented backslash hack for ie5 mac \*/
*>a.navPrev,
*>a.navLeft,
*>a.navRight{width:auto;}
/* end hack */

/* related resources */
#resources.sidebar{height:1px;}
*>#resources.sidebar{height:auto;}

#resources.sidebar img{
	float:left;
	margin-right:10px;
}

#resources.sidebar ul{
	margin-left:80px;
	height:105px;
}
#resources.sidebar>ul{
	min-height:105px;
	height:auto;
}
#resources.sidebar ul li{margin-bottom:10px;}
#resources.sidebar ul li a{display:block;}

/* Print and Email nav */
#actions{
	margin:10px 0;
	font-size:11px;
}
#actions ul{
	margin:0;
	padding:2px 0 0 0;
	background-image:url(/common/shared/images/dottedrule.gif);
	background-position:top left;
	background-repeat:repeat-x;
}
#actions ul li{
	margin:0;
	padding:1px 0 2px 0;
	background-image:url(/common/shared/images/dottedrule.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	list-style-type:none;
	list-style-image:none;
}
#actions a{
	display:block;
	margin-right:3px;
	padding:3px 0 4px 2px;
	text-decoration:none;
}
#actions a:hover{color:#000 !important;}
#actions a img{background-color:#036;}
#actions a:hover img{background-color:#000;}

/* alerts */
.alertA1,
.alertA2,
.alertA3{
	padding:8px;
	border:solid 1px #c00;
}
.alertA3{
	border-color:#000;
	background-color:#ff9;
}
.alertA1 h1,
.alertA2 h1,
.alertA3 h1{
	font-weight:bold;
	font-size:12px;
	color:#c00;
	margin-bottom:10px;
}
.alertA1 h1{
	padding-left:20px;
	background-image:url(/common/shared/images/icon_error.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
.alertA3 h1{color:#000;}
.alertA1 p{padding-left:8px;}

/* utility classes */

.defaultTopMargin, .dtm{margin-top:10px !important;}

#help{
	float:right;
	margin:8px 0 0 10px;
	width:4em; /* width and text-align for ie mac */
	text-align:right;
}

#help a{text-decoration:none !important;}

.borderTop{
	margin-bottom:1px;
	padding-top:2px;
	background-image:url(/common/shared/images/inavBorderTop.gif);
	background-position:top left;
	background-repeat:repeat-x;
}

.borderBottom{
	margin-top:1px;
	background-image:url(/common/shared/images/inavBorderBottom.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
}

.hrule,
.vrule{
	background-image:url(/common/shared/images/dottedrule.gif);
	padding:1px 0;
}
.hrule{background-repeat:repeat-x;}
.vrule{background-repeat:repeat-y;}

.textSm{font-size:11px;}
.textTen{font-size:10px;}

.cbText{
	font-weight:bold;
	color:#036;
}

.required,
.requiredText,
.emphasizeText{color:#c00;}

.legal{
	font-size:10px;
	color:#555;
}

.error{
	color:#c00;
	background-image:url(/common/shared/images/icon_error.gif);
	background-repeat:no-repeat;
	padding:2px 0 2px 18px;
	margin:10px 0;
}

.right{
	float:right;
	margin:10px 0 10px 10px;
	padding:2px 0 2px 2px;
}

.left{
	float:left;
	margin:10px 10px 10px 0;
	padding:2px 2px 2px 0;
}

.hidden{ display:none; }

.indent{margin-left:40px !important;}

.border{
	border:1px solid #ccc;
	padding:7px;
}

.nowrap{white-space:nowrap;}

/* jump navigation for non compliant browsers */
#contentjump,
#topjump{
	position:absolute;
	left:-900em;
	width:75px;
}

/* UIL release 1.3.1 */