@import url("level3.css");

/* general */
* {
    padding: 0;
    /*outline-color:currentColor;
    outline-style:none;
    outline-width:medium;*/
    margin: 0;
}
body {
    font-size: 62.5%; /* 1em = 10px | 1.2em = 12px | 2em = 20px | etc. */
    background: #e8f8f8;
    font-family: Arial, Helvetica, sans-serif;
}

a img {
    border: none;
}
a:hover {
    text-decoration: underline;
}
ul {
    list-style: none;
}
/* containers */
.container {
    width: 1008px;
    margin: 0 auto;
}
body#index .container {
    width: 1008px;
}
/* header */
.header {
    position: relative;
    z-index: 1234567890;
    width: 1008px;
}
.header-2 {
    height: 170px;
    background: url(../img/img-header-2.jpg) 100% 100% no-repeat;
}
.header-3 {
    height: 485px;
    margin-left: auto;
    width: 791px;
    background: url(../img/img-top-header-3.jpg) 100% 100% no-repeat;
}
.header-5 {
    height: 170px;
    background: url(../img/img-header-5.jpg) 100% 100% no-repeat;
}
.header-6 {
    height: 170px;
    background: url(../img/img-header-6.jpg) 100% 100% no-repeat;
}
.header-7 {
    height: 170px;
    background: url(../img/img-header-7.jpg) 100% 100% no-repeat;
}
.header-8 {
    height: 170px;
    background: url(../img/img-header-8.jpg) 100% 100% no-repeat;
}
.header-9 {
    height: 170px;
    background: url(../img/img-header-9.jpg) 100% 100% no-repeat;
}
.header-10 {
    height: 170px;
    background: url(../img/img-header-10.jpg) 100% 100% no-repeat;
}
body#index .header {
    height: 484px;
}
body#index .header .imgTop {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 12px;
    width: 996px;
    height: 484px;
    display: none;
}
body#index .header img#LTHimg1 {
    z-index: 5;
    display: block;
}
body#index .header img#LTHimg2 {
    z-index: 4;
}
body#index .header img#LTHimg3 {
    z-index: 3;
}
body#index .header img#LTHimg4 {
    z-index: 2;
}
body#index .header img#LTHimg5 {
    z-index: 1;
}
/* accessibility: WAI, Section 508, FAE, Illinois Information Technology Accessibility Act  */
.wai	{display: none;}

/* details home */
body#index .header .barBottom {
    background: url(../img/img-dark-bar-bot-header.png) 0 0 repeat-x;
    position: absolute;
    width: 996px;
    height: 78px;
    bottom: 0;
    right: 0;
    font-size: 0.01em;
    line-height: 0.01em;
    z-index: 123;
}
/* menu left top home */
ul#menuLeftTopHome {
    width: 182px;
    height: 199px;
    position: absolute;
    left: 12px;
    bottom: 37px;
    z-index: 12345;
}
ul#menuLeftTopHome li {
    width: 182px;
    height: 39px;
    margin-bottom: 1px;
}
ul#menuLeftTopHome li.btnLTH a {
    display: block;
    text-align: right;
    padding-right: 14px;
    width: 168px;
    background: url(../img/fon-menu-left-home.png) 0 0 no-repeat;
    height: 26px;
    padding-top: 13px;
}
ul#menuLeftTopHome li.btnLTH a:hover,
ul#menuLeftTopHome li.btnLTH a.on,
ul#menuLeftTopHome li.actual a,
div#menuLeftTopHomeNarrow div.on,
div#menuLeftTopHomeNarrow div.actual {
    background-position: 0 -39px;
}
div#menuLeftTopHomeNarrow {
    width: 7px;
    height: 199px;
    position: absolute;
    left: 5px;
    bottom: 27px;
    z-index: 12345;
}
div#menuLeftTopHomeNarrow div {
    width: 7px;
    height: 39px;
    margin-bottom: 1px;
    font-size: 0.01em;
    line-height: 0.01em;
    background: url(../img/img-detalle-menu-left-home.png) 0 0 no-repeat;
}
/* block info top home */
.blInfoTH {
    position: absolute;
    bottom: 0;
    right: 18px;
    background: url(../img/fon-block-info-top-home.png) 0 0 repeat;
    width: 323px;
    height: 41px; /* 163px expanded */
    z-index: 56031;
    padding: 24px 25px 46px 19px;
    font-family: Helvetica, Arial, sans-serif;
}
.blInfoTH .contentTH {
    color: #fff;
    height: 45px; /* 167px expanded */
    overflow: hidden;
    display: none;
}
.blInfoTH .contentTH1 {
    display: block;
}
.contentTH h2 {
    font-size: 1.6em;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.3em;
}
.contentTH p {
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.5em;
    display: none;
}
.contentTH p a {
    color: #88cece;
    text-decoration: none;
}
.contentTH p a:hover {
    text-decoration: underline;
}
/* button learn/hide home */
a.learnHide {
    display: block;
    position: absolute;
    right: 27px;
    bottom: 12px;
    background: url(../img/btn-learn-more.png) 0 0 no-repeat;
    width: 87px;
    height: 19px;
    z-index: 123456;
}
a.learnHide span    {display: none;;}
a.learnHideAct {
    background-position: 0 -19px;
}

.moreLink {
	position:relative;
	left:-999em;
	top:-999em;
	width:1em;
	overflow:hidden;
}


/* conectors */
div.conectorWideHoriz {
    height: 1px;
    width: 633px;
    position: absolute;
    z-index: 123456;
    right: 114px;
    bottom: 21px;
    background: #babdc0;
    line-height: 0.01em;
    font-size: 0.01em;
}
div.conectorNarrowHoriz {
    height: 1px;
    width: 68px;
    position: absolute;
    z-index: 123456;
    left: 194px;
    background: #babdc0;
    line-height: 0.01em;
    font-size: 0.01em;
}
div.conectorNarrowHoriz1 {
    top: 268px;
}
div.conectorNarrowHoriz2 {
    top: 308px;
}
div.conectorNarrowHoriz3 {
    top: 348px;
}
div.conectorNarrowHoriz4 {
    top: 388px;
}
div.conectorNarrowHoriz5 {
    top: 428px;
}
div.conectorVert {
    width: 1px;
    position: absolute;
    z-index: 123456;
    background: #babdc0;
    line-height: 0.01em;
    font-size: 0.01em;
    left: 261px;
}
div.conectorVert1 {
    top: 269px;
    height: 193px;
}
div.conectorVert2 {
    height: 153px;
    top: 309px;
}
div.conectorVert3 {
    height: 113px;
    top: 349px;
}
div.conectorVert4 {
    height: 73px;
    top: 389px;
}
div.conectorVert5 {
    height: 33px;
    top: 429px;
}
/* logo */
.logo {
    background: url(../img/logo.png) 0 0 no-repeat;
    width: 231px;
    height: 198px;
}
.logo a {
    display: block;
    width: 222px;
    height: 195px;
    text-indent: -9999px;
}
body#index .logo,
.header-2 .logo {
    position: absolute;
    left: 1px;
    top: 0;
}
.header-3 .logo {
    left: -216px;
}
/* menu top */
.menuTop		{background: #060c12; height: 32px; color: #fff; font-family: helvetica, arial, sans-serif; font-weight: bold; font-size: 1.1em;}
.header-2 .menuTop	{position: absolute; top: 0; right: 0; z-index: 123; width: 790px; padding-right: 17px;}
.menuTop ul		{position: relative; z-index: 1234; float: right; height: 14px; padding: 8px 0 0 0; margin-right: 45px;}
.menuTop li		{float: left; margin-left: 13px;}
.menuTop li.login	{margin: 0;}
.menuTop li.login a	{background: url(../img/ico-login.png) 100% 5px no-repeat; padding-right: 12px;}
.menuTop li a		{color: #fff;text-decoration: none;}
.menuTop li a:hover	{text-decoration: underline;}

/* Layering + Home Page Exceptions  */ 
body#index .logo,
.header-2 .logo		    {z-index: 132456789;}
body#index .menuTop	    {z-index: 123456789; width: 783px; position: absolute; top: 0; right: 0; padding-right: 17px;}
body#index #loginNav	    {z-index: 12345678}
body#index ul.navBar	    {z-index: 1234567;}
body#index #menuTopItems    {z-index: 1234567;}

/* Login toggle, "inspired by" MGH  */ 
#loginNav		{position: absolute; background-color: #666; z-index: 1234; right: 0; top: 0px; height: 216px; margin: 0; font-family: helvetica, arial, sans-serif; font-weight: bold; font-size: 1em;}
.loginBtn		{display: block; position: absolute; bottom: 0; right: 0; width: 50px; color: #fff; text-align: right; text-decoration: none;}
#loginBtnOpen		{height: 48px; margin: 0; padding: 8px 18px 0 0;
 background: #666 url(../img/loginBtnOpen.gif) no-repeat 156px 37px;
  width: 152px;
   color: #cfebeb;
    display: none;
	}
#loginBtnClose		{height: 24px; margin: 0; padding: 8px 18px 0 0; background:transparent url(../img/loginBtnClose.gif) no-repeat 55px 12px;display:block;}
.menuTop #loginNav ul		    {float: left; margin: 0; padding: 0; width: 170px; height: 130px; background: #666; color: #ccc; font-size: 1.1em; padding: 20px 0 10px;}
.menuTop #loginNav ul li	    {float: none; text-align: right; line-height: 1.3em; margin: 8px 18px 0;}
.menuTop #loginNav li a		    {color: #fff; text-decoration: none;}
.menuTop #loginNav ul li a:hover    {text-decoration: underline;}
.hidden			{display: none;}
.hiddenH1		{position:absolute; left:-9999px}

/* block search */
.blockSearch {
    background: url(../img/fon-search.png) 0 0 no-repeat;
    width: 220px;
    height: 67px;
    padding: 17px 0 0 18px;
}
.header-2 .blockSearch {
    position: absolute;
    right: 0;
    top: 71px;
    height: 36px;
    padding-left: 20px;
    width: 218px;
}
.blockSearch .fonTxt {
    background: url(../img/fon-txt-search.png) 0 0 no-repeat;
    width: 168px;
    height: 24px;
    float: left;
    margin-right: 2px;
}
.blockSearch .fonTxt input {
    background: none;
    border: none;
    color: #262626;
    font-size: 1.2em;
    font-family: Arial, Helvetica, sans-serif;
    width: 153px;
    height: 19px;
    padding: 5px 0 0 7px;
}
.blockSearch .btnGo {
    float: left;
}
.btnGo {
    background: url(../img/btn-go.png) 0 0 no-repeat;
    width: 32px;
    height: 24px;
    border: none;
    cursor: pointer;
}
body#index .blockSearch {
    right: 0;
    top: 71px;
    position: absolute;
    z-index: 123;
}
/* Nav L1 */
ul.navBar		{height: 46px;}
ul.navBar li		{position: relative; height: 46px; float: left;}
ul.navBar li.first	{background: url(../img/fon-nav-bar.png) 0 0 repeat-x; width: 12px; line-height: 0.01em; font-size: 0.01em;}
ul.navBar li.last	{background: url(../img/fon-nav-bar.png) 0 0 repeat-x; width: 102px; line-height: 0.01em; font-size: 0.01em;}
ul.navBar li.nv1	{width: 80px;}
ul.navBar li.nv2	{width: 92px;}
ul.navBar li.nv3	{width: 86px;}
ul.navBar li.nv4	{width: 89px;}
ul.navBar li.nv5	{width: 111px;}
ul.navBar li.nv6	{width: 105px;}
ul.navBar li.nv7	{width: 69px;}
ul.navBar li a		{background-position: 0 0; background-repeat: no-repeat; display: block; height: 46px; width: 100%;}
ul.navBar li.on a	{background-position: 0 -48px;}
ul.navBar li a:hover,
ul.navBar li a.hover	{background-position: 0 -98px;}
ul.navBar li.nv1 a	{background-image: url(../img/btn-nv1.png);}
ul.navBar li.nv2 a	{background-image: url(../img/btn-nv2.png);}
ul.navBar li.nv3 a	{background-image: url(../img/btn-nv3.png);}
ul.navBar li.nv4 a	{background-image: url(../img/btn-nv4.png);}
ul.navBar li.nv5 a	{background-image: url(../img/btn-nv5.png);}
ul.navBar li.nv6 a	{background-image: url(../img/btn-nv6.png);}
ul.navBar li.nv7 a	{background-image: url(../img/btn-nv7.png);}

    /* Nav L1 "Current Page" */
    #about ul.navBar li.nv1 a,
    #academics ul.navBar li.nv2 a,
    #research ul.navBar li.nv3 a,
    #admission ul.navBar li.nv4 a,
    #financialaid ul.navBar li.nv5 a,
    #student-life ul.navBar li.nv6 a,
    #student-experiences ul.navBar li.nv6 a,
    #prospective_students ul.navBar li.nv1 a,
    #alumni ul.navBar li.nv7 a
	{background-position: 0 -48px;}
    #student-experiences .alumniFeatureSet ul.navBar li.nv6 a {
	background-position: 0 0;
    }
	#student-experiences .alumniFeatureSet ul.navBar li.nv6 a:hover {
	background-position: 0 -98px;
    }
    #student-experiences .alumniFeatureSet ul.navBar li.nv7 a {
	background-position: 0 -48px;
    }
    

body#index ul.navBar {
    position: absolute;
    right: 0;
    top: 124px;
}
.header-2 ul.navBar {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 12;
}
.header-2 ul.navBar li.first {
    width: 20px;
}
.header-2 ul.navBar li.last {
    width: 133px;
}
.header-3 ul.navBar {
    top: 124px;
}
.header-3 ul.navBar li.first {
    width: 20px;
}
.header-3 ul.navBar li.last {
    width: 133px;
}
ul.navBar li.nv1 ul.subNavBar li a,
ul.navBar li.nv2 ul.subNavBar li a,
ul.navBar li.nv3 ul.subNavBar li a,
ul.navBar li.nv4 ul.subNavBar li a,
ul.navBar li.nv5 ul.subNavBar li a,
ul.navBar li.nv6 ul.subNavBar li a,
ul.navBar li.nv7 ul.subNavBar li a {
    background: none;
}
ul.navBar li ul.subNavBar {
    position: absolute;
    top: 46px;
    left: 0;
    background: #ccc;
    width: 153px;
    padding: 22px 20px 17px 17px;
    display: none;
}
ul.navBar li ul.subNavBar li {
    float: none;
    height: auto;
    margin-bottom: 7px;
}
ul.navBar li ul.subNavBar li a {
    background: none;
    font-size: 1.2em;
    line-height: 1.4em;	
    color: #333;
    text-decoration: none;
    height: auto;
    font-weight: bold;
}
ul.navBar li ul.subNavBar li a:hover {
    text-decoration: underline;
}
ul.navBar span	{display: none;}

/* main body */
.mainBody {
    width: 996px;
    margin: 0 auto;
    position: relative;
    z-index: 12;
    background: url(../img/fon-center.png) 0 100% no-repeat #fff;
}
body#index .mainBody {
    padding: 0 0 138px 16px;
    width: 980px;
}
.mainBody-2 {
    margin: 0;
    margin-left: auto;
}
h2.h2Copy {
    background: url(../img/logo-red.png) 0 0 no-repeat;
    padding-left: 58px;
    height: 14px;
    position: absolute;
    bottom: 8px;
    right: 0;
    width: 406px;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1em;
    color: #666;
    padding-top: 7px;
    word-spacing: 0.06em;
}
p.copyright {
    background: url(../img/logo-red.png) 0 0 no-repeat;
    padding-left: 58px;
    height: 14px;
    position: absolute;
    bottom: 8px;
    right: 0;
    width: 406px;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1em;
    color: #666;
    padding-top: 7px;
    word-spacing: 0.06em;
}
/* cols home */
.colsHome {
    float: left;
    width: 702px;
    padding-top: 23px;
}
.col {
    width: 200px;
    float: left;
    margin-right: 50px;
}
.col3 {
    width: 202px;
}
.col h2 {
    margin-bottom: 18px;
}
.col h2 img {
    margin-right: 4px;
}
.col h2 img.special {
    margin-right: 2px;
}
.col h2 a {
    text-decoration: none;
    font-size: 0.6em;
    color: #2c5581;
    font-weight: normal;
}
.col h2 a:hover {
    text-decoration: underline;
}
.col ul.ulItemsCol li img.imgItemCol {
    float: left;
    height: 70px;
    width: 70px;
    margin-right: 7px;
    margin-top: 3px;
}
.col ul.ulItemsCol li {
    margin-bottom: 17px;
}

ul.ulItemsCol li p {
       overflow: hidden;
}

.col ul.ulItemsCol h3,
.col ul.ulItemsCol h4,
.col ul.ulItemsCol h3.h3Bis {
    font-size: 1.14em;
    font-weight: bold;
}
.col ul.ulItemsCol h4 {
    line-height: 1.46em;    
}
.col ul.ulItemsCol h4 a,
.col ul.ulItemsCol h3.h3Bis a {
    color: #ba0000;
    text-decoration: none;
}
.col ul.ulItemsCol h4 a:hover,
.col ul.ulItemsCol h3.h3Bis a:hover {
    text-decoration: underline;
}
.col ul.ulItemsCol p {
    font-size: 1.2em;
    line-height: 1.36em;
}
a.aMore {
    color: #ba0000;
    font-weight: bold;
    text-decoration: none;
}
a.aMore:hover {
    text-decoration: underline;
}
/* right bar home */
.barRightHome {
    float: right;
    width: 238px;
    height: 337px;
    position: relative;
    background: url(../img/img-bar-rig-home.png) 0 0 no-repeat;
}
.barRightHome ul {
    padding-top: 17px;
}
.barRightHome ul li {
    margin-bottom: -1px;
}
h2.supportUniversity {
    width: 250px;
    height: 96px;
    left: 0;
    top: 182px;
    position: absolute;
}
/* Nav L2 (aka "left bar") */
.barLef				    {float: left; width: 198px; padding-left: 7px; padding-top: 55px; background: url(../img/fon-bar-left.png) 0 24px no-repeat #25557f; min-height: 707px;}
.barLef ul.menu			    {font-size: 1.3em; font-weight: bold;}
.barLef ul.menuClosed		{padding-top: 13px; padding-top: 0;}
.barLef ul.menu li		    {padding-left: 10px; line-height: 1.1em; margin-bottom: 11px;}
.barLef ul.menu li ul.subMenu	    {padding-top: 5px; padding-left: 5px; }
.barLef ul.menu li ul.subMenu li	{line-height: 1.2em; margin-bottom: 7px;}
.barLef ul.menu a		    {color: #fff; text-decoration: none; line-height: 1.3em;}
.barLef ul.menu a:hover		    {text-decoration: underline;}

.barLef-student-life		    {position: relative; top: -315px; margin-bottom: -315px; padding-top: 53px; min-height: 693px;}

    .barLef ul.menu li.on {
	background: #fff;
	padding-top: 13px;
	padding-bottom: 8px;
	margin-bottom: 15px;
    }
	.barLef ul.menu li.on a { color: #2f465c; }
	.barLef ul.menu li.on a.on,
	.barLef ul.menu li.on li.on a { color: #cc0000; }

/*
#history .barLef ul.menu li.facts .subMenu a, 
#visit .barLef ul.menu li.pstudents .subMenu a,	
#orientation .barLef ul.menu li.visit .subMenu .orientation a,	
#directions .barLef ul.menu li.visit .subMenu .directions a,	
#campusmaps .barLef ul.menu li.visit .subMenu .campusmaps a,	
#arounduic .barLef ul.menu li.visit .subMenu .arounduic a,  
#vtour .barLef ul.menu li.visit .subMenu .vtour a,  
#dcenters .barLef ul.menu li.duic .subMenu a,	
#cities .barLef ul.menu li.community .subMenu .cities a,    
#medical .barLef ul.menu li.community .subMenu .medical a,  
#chicago .barLef ul.menu li.community .subMenu .chicago a,  
#janeadams .barLef ul.menu li.community .subMenu .janeadams a,
#gallery400 .barLef ul.menu li.community .subMenu .gallery400 a,	
#board .barLef ul.menu li.chancellor .subMenu .board a,	
#about .barLef ul.menu li.chancellor .subMenu .plan a
    {color: #c00;}
*/

/* share link */
.shareLink {
    overflow: hidden;
}
    .shareLink a {
	background: transparent url(../img/share_btn.png) no-repeat left top;
	display: block;
	height: 19px;
	width: 58px;
	float: right;
	margin: 5px;
    }
	.shareLink a span {
	    position: absolute;
	    left: -9999px;
	}

/* full bar (for map) */
.fullBar {
    width: 791px;
}
.fullBar .lef {
    float: left;
    width: 791px;
    padding-top: 31px;
    padding-left: 28px;
}


/* bar right */
.barRig {
    float: right;
    width: 791px;
}
.barRig .lef {
    float: left;
    width: 494px;
    padding-top: 31px;
    padding-left: 28px;
}

.barRig .lef-long {
    float: left;
    width: 741px;
    padding-top: 31px;
    padding-left: 28px;
}

.barRig .rig {
    float: right;
    width: 237px;
}
/* breadcrumb */
ul.breadCrumb {
    font-size: 1.5em;
    font-weight: bold;
    color: #48617c;
    margin-bottom: 10px;
    padding-left: 6px;
}
ul.breadCrumb li {
    display: inline;
}
ul.breadCrumb a {
    color: #48617c;
    text-decoration: none;
}
ul.breadCrumb a:hover {
    text-decoration: underline;
}


/* inner pages content */
.contentsType-2 h1,
body#student-experiences h1 {
    color: #48617c;
    font-weight: bold;
    font-size: 3.6em;
    margin-bottom: 7px;
    padding-left: 3px;
    line-height: 1.05em;
}
body#student-experiences h1 {
    padding-left: 1px;
}
.contentsType-2 img.alignCenter {
    display: block;
    margin: 0 auto 13px auto;
}
.contentsType-2 p {
    color: #000;
    font-size: 1.3em;
    margin-bottom: 8px;
    line-height: 1.4em;
}
h2.h2Select {
    color: #25557f;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 18px;
    padding-top: 13px;
}
h2.h2Select select {
    font-size: 0.9em;
    margin-left: 10px;
    width: 185px;
}
.contentsType-2 h2 a {
	color: #48617c;
    text-decoration: none;
}

.contentsType-2 h2 a:hover {
    text-decoration: underline;
}

/* block quote style */

.contentsType-2 h3 {
    font-weight: bold;
    margin-bottom: .3em;
    margin-top: 1.1em;
    line-height: 1.3em;
    font-size: 1.4em;

}

.contentsType-2 blockquote {
    margin-bottom: 2em;
    margin-left: 2.2em;
    line-height: 1.5em;
    font-size: 1.2em;
}



/* table styles */

.contentsType-2 table {
    border: 1px solid #2C5581;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 20px 0px 20px 0px;
	background-color: #f4f6f9;

}

.contentsType-3 p {
    color: #000;
    font-size: 1.3em;
    margin-bottom: 8px;
    line-height: 1.4em;
}

.contentsType-3 ul {
    list-style-type:disc;
}

.contentsType-3 li {
    color: #000;
    font-size: 1.3em;
    line-height: 1.4em;
}

.contentsType-3 table {
    margin: 5px 0px 5px 0px;
}

.contentsType-3 h1 {
    color: #48617c;
    font-weight: bold;
    font-size: 3.6em;
    margin-bottom: 7px;
    padding-left: 3px;
    line-height: 1.05em;
}

.contentsType-3 h3 {
    font-weight: bold;
    margin-bottom: .3em;
    margin-top: 1.1em;
    line-height: 1.3em;
    font-size: 1.4em;

}

.contentsType-3 blockquote {
    line-height: 1.5em;
    font-size: 1.2em;
}

.contentsType-3 a { color:#2C5581; text-decoration:none }
.contentsType-3 a:hover { color:#2C5581; text-decoration:underline }

.contentsType-2 table caption {
    color: #333;
    font-weight: bold;
    line-height: 1.6em;
    text-align: left;
}

.contentsType-2 table th {
    border: 1px solid #2C5581;
    border-collapse: collapse;
    padding: 8px;   
    line-height: 1.3em;
    font-size: 1.1em;
}


.contentsType-2 table td {
    border: 1px solid #ccd7e7;
    border-collapse: collapse;
    padding: 8px;   
    line-height: 1.3em;
    font-size: 1.1em;
}

.contentsType-2 table tbody th {
    border: 1px solid #ccd7e7;
	border-right: 3px solid #ccd7e7;
    border-collapse: collapse;
    padding: 8px;   
    line-height: 1.3em;
    font-size: 1.1em;
    background-color: #f4f6f9;
    color: black;
    font-weight: normal;
    text-align: left;
    
}

.contentsType-2 .border-right {
	border-right: 3px solid #ccd7e7;    
}

.contentsType-2 table .evenRow {
    background-color: #ffffff;
}


.contentsType-2 table th {
    background-color: #2C5581;
    color: #ffffff;
}



/* unordered list styles */

.contentsType-2 ul {
    padding-left: 30px;
    margin-bottom: 6px;
    line-height: 1.6em;
    list-style-type: disc;

}

.contentsType-2 ul li {
    margin-bottom: 6px;
    font-size: 1.2em;
}

.contentsType-2 ul li ul {
    padding-left: 30px;
    margin-bottom: 6px;
    line-height: 1.6em;
    list-style-type: circle;
}

.contentsType-2 ul li ul li {
    margin-bottom: 6px;
}



/* ordered list styles */

.contentsType-2 ol {
    padding-left: 30px;
    margin-bottom: 6px;
    line-height: 1.6em;
}

.contentsType-2 li {
    margin-bottom: 6px;
    font-size: 1.2em;
}

.contentsType-2 ol li ol {
    padding-left: 30px;
    margin-bottom: 6px;
    line-height: 1.6em;
	font-size: 1.2em;
}

.contentsType-2 ol li ol li {
    margin-bottom: 6px;
    font-size: 1.2em;
}

/* courses */
ul.ulCourses {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 1px;
}
ul.ulCourses a {
    color: #459999;
    text-decoration: none;
}
ul.ulCourses a:hover {
    text-decoration: underline;
}
ul.ulCourses li {
    margin-bottom: 10px;
}
a.aBackTop {
    font-size: 1.3em;
    font-weight: bold;
    color: #cc0000;
    text-decoration: none;
}
p a.aBackTop {
    font-size: 1.1em;
}
.aBackTop {
    display: block;
    margin-top: 25px;
}

/* UIC Internships */
.blockUICInternships {
    background: #cfebeb;
    padding: 28px 18px 15px 16px;
    font-family: Helvetica, Arial, sans-serif;
    margin-bottom: 29px;
}
.blockUICInternships .tmbShadow {
    float: left;
    width: 57px;
    height: 58px;
    margin: 1px 15px 0 -3px;
    background: url(../img/fon-tmb-shadow.png);
    display: block;
}
.blockUICInternships .tmbShadow img {
    width: 48px;
    height: 48px;
    margin: 4px;
}
.blockUICInternships h2 {
    margin-bottom: 14px;
}
.blockUICInternships p {
    font-size: 1.2em;
    color: #333;
    margin-bottom: 11px;
    line-height: 1.48em;
}
.blockUICInternships ul {
    padding-left: 0px;
}
.blockUICInternships ul li {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.5em;
}
.blockUICInternships ul a {
    text-decoration: none;
    color: #549a9a;
}
.blockUICInternships ul a:hover {
    text-decoration: underline;
}
/* block support student */
.blockSupportStudent {
    padding-left: 12px;
    padding-right: 26px;
    margin-bottom: 46px;
}
.blockSupportStudent h2 {
    margin-bottom: 12px;
}
.blockSupportStudent h3 {
    margin-bottom: 5px;
    font-size: 1.4em;
    font-weight: bold;
    color: #2c5581;
}
.blockSupportStudent ul {
    margin-bottom: 15px;
}
.blockSupportStudent li {
    margin-bottom: 1.2em;
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 5px;	
}
.blockSupportStudent li a {
    color: #459999;
    text-decoration: none;
}
.blockSupportStudent li a:hover {
    text-decoration: underline;
}
.blockSupportStudent .moreResources {
    border-top: 1px solid #999;
    margin-top: 21px;
}
.blockSupportStudent .moreResources a {
    font-size: 1.3em;
    font-weight: bold;
    color: #334a7c;
    text-decoration: none;
}
.blockSupportStudent .moreResources a:hover {
    text-decoration: underline;
}
/* student experiences */
.blockStudentExperiences {
    padding-left: 15px;
    padding-right: 13px;
    padding-bottom: 24px;
    margin-bottom: 31px;
}
.blockStudentExperiences .tmbShadow {
    margin-top: -1px;
    margin-left: -2px;
}
.blockStudentExperiences p {
    margin-bottom: 9px;
}
.blockStudentExperiences h2 {
    margin-bottom: 12px;
}
.blockStudentExperiences h3 {
    font-weight: bold;
    color: #333;
    font-size: 1.3em;
    margin-bottom: 2px;
}
.blockStudentExperiences h4 {
    font-weight: normal;
    color: #333;
    font-size: 1.3em;
    margin-bottom: 12px;
}
.blockStudentExperiences p {
    font-size: 1.2em;
}
.blockStudentExperiences p a {
    color: #549a9a;
    font-weight: bold;
    text-decoration: none;
}
.blockStudentExperiences p a:hover {
    text-decoration: underline;
}
/* diversity resources */
.blockDiversity {
    margin-bottom: 39px;
}
.blockDiversity h2 {
    margin-bottom: 15px;
}
.blockDiversity li {
    margin-bottom: 10px;
}

/*
.blockDiversity .moreResources {
    margin-top: 20px;
    padding-top: 3px;
}*/


.theClearer {
    background: url(../img/fon-blue-gral.png) 0 0 repeat-y;
    width: 100%;
}
.theClearer2 {
    background: url(../img/fon-blue-gral2.png) 0 0 repeat-y;
    width: 100%;
}
.contentsType-2 p a {
    color: #003366;
    text-decoration: underline;
}
.contentsType-2 p a:hover {
    color: #cc0000;
    text-decoration: underline;
}
.contentsType-2 p a.aBackTop {
    color: #cc0000;
    text-decoration: none;
    font-size: 1em;
}
.contentsType-2 p a.aBackTop:hover {
    text-decoration: underline;
}

/* follow uic online */
.followUIC {
    padding-left: 12px;
}
.followUIC h2 {
    margin-bottom: 16px;
}
.followUIC li {
    margin-bottom: 7px;
}
/* student experiences */
body#student-experiences {
    
}
body#student-experiences .barRig {
    width: 761px;
    float: right;
    padding-top: 31px;
    overflow: hidden;
    min-height: 400px;
}
body#student-experiences .barRig ul.breadCrumb {
    padding-left: 4px;
}
/* carrousel */
.carrousel {
    background: #cfebeb;
    height: 130px;
    margin-bottom: 30px;
    position: relative;
    z-index: 13245;
}
.carrousel .antSig {
    float: left;
    width: 55px;
    height: 130px;
    cursor: pointer;
    position: relative;
    z-index: 12345679;
}
.carrousel .carrContainer {
    float: left;
    width: 651px;
    height: 130px;
    position: relative;
    color: #fff;
    z-index: 12;
}
.carrousel .carrContainer ul {
    height: 120px;
    position: absolute;
    top: 0;
    left: 0;
}
.carrousel .carrContainer li {
    width: 130px;
    height: 120px;
    padding-top: 10px;
    position: relative;
    float: left;
}
.carrousel .carrContainer li.on {
    height: auto;
    padding-bottom: 7px;
    padding-top: 12px;
    top: -2px;
    background: #adcdd5;
}
.carrousel .carrContainer li a {
    margin: 0 auto 7px auto;
    display: block;
    width: 110px;
    height: 110px;
}
.carrousel .carrContainer li h2,
.carrousel .carrContainer li p {
    display: none;
    font-size: 1.1em;
    font-weight: bold;
    color: #fff;
}
.carrousel .carrContainer li h2 {
    margin-bottom: 4px;
}
.carrousel .carrContainer li.on h2,
.carrousel .carrContainer li.on p {
    display: block;
}
.carrousel .carrContainer li .info {
    width: 114px;
    margin: 0 auto;
}
/* student experience */

.studentExperience {
    position: relative;
    z-index: 12;
    overflow: hidden;
    margin-bottom: 2em;
}
.studentExperience .lef {
    float: left;
    width: 355px;
    background: #cfebeb;
    padding: 0 0 100px 0;
}
.studentExperience .lef .info {
    padding-left: 18px;
}
.studentExperience .lef h2 {
    font-size: 1.4em;
    color: #2c5581;
    font-weight: bold;
    margin-bottom: 11px;
}
.studentExperience .lef h3 {
    font-size: 1.2em;
    color: #2c5581;
    font-weight: bold;
    margin-bottom: 5px;
    padding-left: 1px;
}
.studentExperience .lef p {
    font-size: 1.2em;
    color: #459999;
    font-weight: bold;
    margin-bottom: 25px;
    padding-left: 1px;
}
.studentExperience .rig {
    float: right;
    padding: 0;
    width: 355px;
    padding-right: 32px;
    font-family: Helvetica, Arial, sans-serif;
    margin-top: -5px;
}
.studentExperience .rig h2 {
    font-size: 2em;
    color: #2c5581;
    font-weight: normal;
    margin-bottom: 4px;
    text-transform: uppercase;
}
.studentExperience .rig h3 {
    font-size: 1.4em;
    color: #2c5581;
    font-weight: bold;
    margin-bottom: 32px;
}
.studentExperience .rig h4 {
    font-size: 1.3em;
    color: #000;
    font-weight: bold;
    margin-bottom: 6px;
}
.studentExperience .rig p {
    font-size: 1.3em;
    color: #000;
    font-weight: normal;
    margin-bottom: 16px;
    line-height: 1.36em;
}
.studentExperience .lef img {
    width: 355px;
    height: 237px;
    display: block;
    margin-bottom: 27px;
}
/* student life */
.blockStudentLife {
    position: absolute;
    bottom: 0;
    width: 344px;
    background: #000;
    height: 134px;
    z-index: 5;
    right: 381px;
    padding: 18px 21px 0 15px;
    color: #fff;
}
.blockStudentLife h2 {
    font-size: 2.4em;
    font-weight: bold;
    margin-bottom: 10px;
}
.blockStudentLife p {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.5em;
}
/* cols student life */
.colsSL {
    padding: 22px 0 50px 32px;
    float: left;
    width: 459px;
}
.colsSL .col {
    margin-right: 59px;
}
.colsSL .col h2 {
    margin-bottom: 21px;
}
/* */
body#student-life .rite {
    float: right;
    width: 240px;
}
body#student-life .followUIC {
    padding-left: 15px;
}

/* Set bottom margin for all site pages */

body .mainBody-2 {
    padding-bottom: 179px;
}


body#student-life .mainBody-2 {
    /*padding-bottom: 41px;*/
}
body.typical .mainBody-2 {
    padding-bottom: 179px;
}
body#prospective-students .mainBody-2 {
    padding: 29px 21px 80px 29px;
    width: 946px;
}

body#student-experiences .mainBody-2 {
    padding-bottom: 132px;
}

body#academics .mainBody-2 {
    padding-bottom: 119px;
}





/* */
.slAUIC {
    background: #ebebeb;
    padding: 22px 17px 13px 15px;
    margin-bottom: 19px;
}
.slAUIC h2 {
    margin-bottom: 13px;
}
.slAUIC ul {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.3em;	
    margin-bottom: 17px;
}
.slAUIC li {
    margin-bottom: 10px;
}
.slAUIC ul a {
    color: #459999;
    text-decoration: none;
}
.slAUIC ul a:hover {
    text-decoration: underline;
}
.slAUIC ul a.on {
    color: #2c5581;
}
.slAUIC .imgSL li,
.slAUIC .imgSL li img,
.slAUIC .imgSL li src {
    width: 40px;
    height: 40px;
    display: block;
}
.slAUIC .imgSL li {
    float: left;
    margin: 0 2px 2px 0;
}
.imgSL {
    width: 208px;
    height: 250px;
    margin: 0 auto;
    display: block;
    background: url(../img/img-student-life.png) no-repeat 0 0;
}
/* prospective students */
.header-4 {
    background: url(../img/img-top-4.jpg) no-repeat 100% 100%;
    height: 270px;
    margin-left: auto;
    width: 996px;
}

.header-4a {
	background-image: url(../img/img-top-8.jpg);
}

.header-4b {
    background-image: url(../img/img-top-5.jpg);
}
.header-4c {
    background-image: url(../img/img-top-6.jpg);
}

.header-4d {
	background-image: url(../img/img-top-7.jpg);
}


.header-4 .logo {
    left: -11px;
}
.header-4 .blockStudentLife {
    right: 474px;
    padding: 12px 8px 0 21px;
    width: 259px;
    height: 43px;
}
.header-4 ul.navBar li.last {
    width: 133px;
}
.header-4 ul.navBar li.first {
    width: 18px;
}
/* */
.header-4 .blockStudentLife h2 {
    margin: 0;
}
/* */
body#prospective_students .mainBody-2 {
    padding-top: 29px;
    padding-right: 21px;  
    padding-left: 29px;
    width: 946px;
    }
/* cols ps */
.colPS {
    float: left;
}
.colPS1 {
    width: 206px;
    margin-right: 65px;
}
.colPS1 h2 {
    margin-bottom: 14px;
}
.colPS1 ul {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 22px;
}
.colPS1 ul.secondUl {
    margin-bottom: 26px;
}
.colPS1 li {
    line-height: 1.3em;
    margin-bottom: 8px;
}
.colPS1 li.blue {
    color: #2c5581; 
}
.colPS1 a {
    color: #459999;
    text-decoration: none;
}
.colPS1 a:hover {
    text-decoration: underline;
}
.colPS1 h3 {
    color:#25557F;
    font-size:1.2em;
    line-height:1.3em;
    font-weight:bold;
    margin-bottom:8px;
}
.colPS2 {
    width: 430px;
}
.colPS3 {
    float: right;
    width: 204px;
}
.colPS3 .col {
    float: none;
    position: relative;
    top: -1px;
    margin: 0;
    margin-bottom: 41px;
    padding-left: 4px;
}
.colPS3 .col h2 {
    margin-bottom: 21px;
}
.colPS3 .followUIC {
    padding-left: 3px;
}
/* explore UIC */
.exploreUIC {
    margin-bottom: 19px;
}
.imgExploreUIC {
    width: 200px;
    height: 200px;
    float: left;
    display: block;
    margin-right: 23px;
}
.exploreUIC .info {
    float: left;
    width: 207px;
    margin-top: -1px;
}
.exploreUIC h2 {
    margin-bottom: 13px;
    margin-left: 1px;
}
.exploreUIC h3 {
    font-weight: bold;
    color: #25557f;
    font-size: 1.2em;
    margin-bottom: 5px;
}
.exploreUIC ul {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 12px;
}
.exploreUIC li {
    margin-bottom: 5px;
}
.exploreUIC a {
    color: #459999;
    text-decoration: none;
}
.exploreUIC a:hover {
    text-decoration: underline;
}

/* alumni authors */

.alumniauthor {
	border-bottom: thin solid #25557f;
	width: 500px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	
}


/* student experiences block */
.SUBlock {
    width: 410px;
    height: 130px;
    padding: 20px 17px 21px 20px;
    background: #ebebeb;
}
.SUBlock .imgSU {
    float: left;
    width: 110px;
    height: 110px;
    margin-right: 20px;
}
.SUBlock .info {
    float: left;
    width: 275px;
    padding-top: 5px;
}
.SUBlock h2 {
    margin-bottom: 12px;
}
.SUBlock h3 {
    color: #459999;
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 8px;
}
.SUBlock p {
    color: #459999;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
}
.SUBlock p.pMore {
    margin: 0;
    color: #2c5581;
}
.SUBlock p.pMore a {
    color: #2c5581;
    text-decoration: none;
}
.SUBlock p.pMore a:hover {
    text-decoration: underline;
}
/* footer */
.footer {
    height: 200px;
    padding-top: 13px;
    background: #ebebeb;
    margin-left: 12px;
    width: 972px;
    padding-left: 24px;
}
.footer ul#ulBig li {
    float: left;
    background: url(../img/sep-items-footer.png) 100% 0 no-repeat;
    height: 164px;
    padding-right: 32px;
    padding-left: 38px;
}
.footer ul#ulBig li.two {
    padding-right: 39px;
}
.footer ul#ulBig li.three {
    padding-left: 31px;
    padding-right: 39px;
}
.footer ul#ulBig li.four {
    padding-left: 31px;
    padding-right: 3px;
}
.footer ul#ulBig li.five {
    width: 180px;
}
.footer ul#ulBig li ul.straightList {
    background: none;
}
.footer ul#ulBig li ul.straightList li {
    display: block;
    background: none;
    width: auto;
    height: auto;
    padding: 0;
    float: none;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 2.15em;
}
.footer ul#ulBig li ul.straightList li a {
    color: #333;
    text-decoration: none;
}
.footer ul#ulBig li ul.straightList li a:hover {
    text-decoration: underline;
}
.footer ul#ulBig li.five ul.straightList li {
    /*line-height: 1.4em;
    margin-bottom: 8px;*/
}
/* estilos para los selects */
.select-estilo {
    border: none;
    /* para que funcione */
    position: relative;
    z-index: 5;
}
.span-estilo {
    overflow: hidden;
    padding: 0 0 0 0;
    position: absolute;
    background: #000 url(../img/ico-login.png) no-repeat scroll 100% 5px;
}
.select-estilo,
.span-estilo {
    font-size: 1em;
    color: #fff;
    height: 13px;
    width: 43px;
    cursor: pointer;
}
.select-estilo {
    color: #000;
}
/* helpers */
.limpia,
.clearThis {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
}
.trns {
    /* */
}
/* margins */
.nm {
    margin: 0 !important;
}
.nmRig {
    margin-right: 0 !important;
}
.nmLeft {
    margin-left: 0 !important;
}
.nmTop {
    margin-top: 0 !important;
}
.nmBot {
    margin-bottom: 0 !important;
}
/* borders */
.nb {
    border: none !important;
}
.nbRig {
    border-right: none !important;
}
.nbLef {
    border-left: none !important;
}
.nbTop {
    border-top: none !important;
}
.nbBot {
    border-bottom: none !important;
}
/* paddings */
.np {
    padding: 0 !important;
}
.npRig {
    padding-right: 0 !important;
}
.npLef {
    padding-left: 0 !important;
}
.npTop {
    padding-top: 0 !important;
}
.npBot {
    padding-bottom: 0 !important;
}
/* background */
.nBg {
    background: none !important;
}
/* do not show */
hr {
    display: none !important;
    font-size: 0.0000001em;
    line-height: 0;
}


/***** reddit content *****/

#redditWrap {
    font-family: Arial,Helvetica,sans-serif;
}
    #redditWrap a { color: #ba0000; text-decoration:none; }
    #redditWrap a:hover { text-decoration: underline; }
    #redditWrap .rembeddit {
    }
	#redditWrap .reddit-header {
	}
	    #redditWrap .reddit-header h3 {
		text-transform:capitalize;
		font-size: 1.2em;
		line-height: 1.36em;
		margin-bottom:1.2em;
		overflow: hidden;
	    }
		#redditWrap .reddit-header .reddit-title a.first {
		    background: transparent url(../img/reddit.png) no-repeat left top;
		    height: 32px;
		    width: 32px;
		    display: block;
		    float: left;
		    margin-right: 8px;
		}
		#redditWrap .reddit-header .reddit-title a.last {
		    text-transform:lowercase;
		    display: block;
		}
		    #redditWrap .reddit-header .reddit-title a img { display: none; }
		#redditWrap .reddit-header .reddit-title a {
		}
	#redditWrap .rembeddit-content {
	}
	    #redditWrap .reddit-link {
		overflow: hidden;
	    }
		#redditWrap .reddit-link .reddit-voting-arrows {
		    position: relative;
		    margin-left: -15px;
		    float: left;
		    height: 55px;
		    width: 35px;
		    overflow: hidden;
		}
		#redditWrap .reddit-link .reddit-entry {
		    font-size:1.14em;
		    font-weight: bold;
		    line-height: 1.46em;
		    margin:2px 0 0 24px;
		}
		    #redditWrap .reddit-link .reddit-entry small {
			font-size:1em;
			font-weight:normal;
		    }
			#redditWrap .reddit-link .reddit-entry small a {
			    display:block;
			    background: transparent url(../img/comment_icon.png) no-repeat right 1px;
			    padding-right: 32px;
			    height: 20px;
			    width: 33px;
			}

			#redditWrap .rembeddit-content div .reddit-link even first-half thing id-t3_af26h  .reddit-entry entry unvoted .reddit-link-title {
			}
			#redditWrap .rembeddit-content div .reddit-link even first-half thing id-t3_af26h  .reddit-entry entry unvoted small {
			}
			    #redditWrap .rembeddit-content div .reddit-link even first-half thing id-t3_af26h  .reddit-entry entry unvoted small .reddit-comment-link {
			    }
		    #redditWrap .rembeddit-content div .reddit-link even first-half thing id-t3_af26h  .reddit-link-end {
		    }
		#redditWrap .rembeddit-content div .reddit-link odd first-half thing id-t3_aezuy  {
		}
		    .rembeddit-content div .reddit-link odd first-half thing id-t3_aezuy  .reddit-voting-arrows {
		    }
			.rembeddit-content div .reddit-link odd first-half thing id-t3_aezuy  .reddit-voting-arrows script {
			}
			.rembeddit-content div .reddit-link odd first-half thing id-t3_aezuy  .reddit-voting-arrows iframe {
			}
		    .rembeddit-content div .reddit-link odd first-half thing id-t3_aezuy  .reddit-entry entry unvoted {
		    }
			.rembeddit-content div .reddit-link odd first-half thing id-t3_aezuy  .reddit-entry entry unvoted .reddit-link-title {
			}
			.rembeddit-content div .reddit-link odd first-half thing id-t3_aezuy  .reddit-entry entry unvoted small {
			}
			    .rembeddit-content div .reddit-link odd first-half thing id-t3_aezuy  .reddit-entry entry unvoted small .reddit-comment-link {
			    }
		    .rembeddit-content div .reddit-link odd first-half thing id-t3_aezuy  .reddit-link-end {
		    }
		.rembeddit-content div .reddit-link even second-half thing id-t3_aeo8x  {
		}
		    .rembeddit-content div .reddit-link even second-half thing id-t3_aeo8x  .reddit-voting-arrows {
		    }
			.rembeddit-content div .reddit-link even second-half thing id-t3_aeo8x  .reddit-voting-arrows script {
			}
			.rembeddit-content div .reddit-link even second-half thing id-t3_aeo8x  .reddit-voting-arrows iframe {
			}
		    .rembeddit-content div .reddit-link even second-half thing id-t3_aeo8x  .reddit-entry entry unvoted {
		    }
			.rembeddit-content div .reddit-link even second-half thing id-t3_aeo8x  .reddit-entry entry unvoted .reddit-link-title {
			}
			.rembeddit-content div .reddit-link even second-half thing id-t3_aeo8x  .reddit-entry entry unvoted small {
			}
			    .rembeddit-content div .reddit-link even second-half thing id-t3_aeo8x  .reddit-entry entry unvoted small .reddit-comment-link {
			    }
		    .rembeddit-content div .reddit-link even second-half thing id-t3_aeo8x  .reddit-link-end {
		    }

/* Login bar when no javascript is present */

#loginNav.noScript {
    position: absolute;
    top: 32px;
    left: 297px;
    width: 600px;
    height: auto;
}

#loginNav.noScript ul {
    width: auto;
    height: auto;
    
    padding: 5px 10px;
    margin: 0;
}

.menuTop #loginNav.noScript li, #loginNav.noScript li a {
    display: inline;
    padding: 0;
    margin: 0 0 0 10px;
}


#loginNav.noScript #loginBtnOpen {display: none;}
#loginNav.noScript #loginBtnClose {
    position: absolute;
    left: 436px;
	top: -32px;
}

/* a-z search */

#a-z-bar { padding-top:3px; padding-bottom:3px; background-color:#2C5581; text-align:center; width:inherit }

#a-z-bar a { color:#FFF; font-size:1.3em; padding:2px; text-decoration:none }

#a-z-bar a:hover { background-color:#CC0000; padding:2px }

#unit-list-search { margin:20px 0px 0px 0px; padding-bottom:15px }

#unit-list-search label { font-size:1.5em; font-weight:bold; margin-right:8px }

.kwords { 
    background: url(../img/fon-txt-search.png) 0 0 no-repeat;
    width: 168px;
    border: none;
    color: #262626;
    font-size: 1.2em;
    line-height:1.2em;
    font-family: Arial, Helvetica, sans-serif;
    padding: 5px 0 2px 7px
}

.ktextarea { 
    background: url(../img/fon-txtarea-search.png) 0 0 no-repeat;
    width: 300px;
    height: 150px;
    border: none;
    color: #262626;
    font-size: 1.2em;
    font-family: Arial, Helvetica, sans-serif;
    padding: 5px 0 0 7px
}

/* phonebook search */

#searchbox, 
.searchbox {
    background-color:#F4F6F9;
    border: 1px solid #2C5581;
    width:inherit;
    overflow:hidden
}

#searchbox a, .searchbox a { color:#2C5581; text-decoration:none }
#searchbox a:hover, .searchbox a:hover { color:#2C5581; text-decoration:underline }

#searchbox-heading,
.searchbox-heading {
    background-color:#2C5581;
    line-height:1.8em;
    text-indent:6px;
    color:#FFF;
    font-family:Arial, sans-serif;
    font-size: 1.5em;
    font-weight:bold;
    text-align:left
}

#searchbox-formbox,
.searchbox-formbox {
    padding:5px;
    float:left;
    width:280px;
    overflow:hidden
}

#tipbox, .tipbox {
    float:left; 
    padding:5px; 
    width:280px;
    font-size: 1.2em;
    overflow:hidden
}

#searchbox-addformbox,
.searchbox-addformbox {
    padding:5px;
    float:left;
    width:410px;
    margin-left:15px;
    overflow:hidden
}

#addtipbox {
    float:left; 
    padding:10px; 
    width:280px;
    font-size: 1.2em;
    overflow:hidden
}

#searchbox h4, .searchbox h4 { font-size:1.5em; font-weight:bold }

#searchbox label, .searchbox label { font-size:1.2em; margin:0px 0px 0px 10px; width:100px }

.pbookfield { 
    background: url(../img/fon-txt-search.png) 0 0 no-repeat;
    width: 118px;
    border: none;
    color: #262626;
    font-size: 1.2em;
    line-height: 1.2em;
    font-family: Arial, Helvetica, sans-serif;
    padding: 5px 0 2px 7px
}

.pbookfield-small { 
    background: url(../img/fon-txt-search.png) 0 0 no-repeat;
    width: 50px;
    border: none;
    color: #262626;
    font-size: 1.2em;
    line-height: 1.2em;
    font-family: Arial, Helvetica, sans-serif;
    padding: 5px 0 2px 7px
}

.searchbox-submit {
    padding:2px;
    height:25px;
    background-color:#CC0000;
    font-family:Arial Narrow, Arial, sans-serif;
    font-weight:bold;
    font-size:1.5em;
    color:#FFF;
    border:none;
    cursor:pointer;
}

#fieldlabel, .fieldlabel { float:left; width:120px }
#fieldinput, .fieldinput { float:left }
#submit-div, .submit-div { padding:3px 0px 3px 0px; width:245px; text-align:right }

/* calendar and add event page(s) */

#left-calendar-block {
    width:270px; float:left
}

#right-calendar-block {
    width:450px; margin-left:20px; float:left }

#events-header { width:440px; text-align:center; margin-bottom:5px; padding:5px; background-color:#333; font-size:1.6em; color:#FFF; font-weight:bold }

.cal-info { margin:0px; font-size:1.2em; line-height:1.6em }

.cal-info th a { text-decoration:none; color:#2C5581; font-size:1.2em }

.table-info { margin:0px; font-size:1.3em; line-height:1.3em }

.table-info a { text-decoration:none; color:#2C5581; font-size:1.3em }

.search-header { margin:0px; font-size:1.1em; line-height:1.1em }

.add-event-info { margin:0px; font-size:1em; line-height:1.2em }

.add-event-info label { margin:0px; font-size:1em; font-weight:bold; line-height:1.2em }

.add-event-info h3 { margin:0px; font-size:1.3em; color:#2C5581; font-weight:bold; line-height:1.3em }

.add-event-info p { margin:0px; font-size:1.3em; line-height:1.3em }

.add-event-info select { font-size: 1.2em; height:20px }

.phonebook-results { margin:0px; font-size:1.3em; line-height:1.2em }

.phonebook-results th { margin:0px; text-indent:3px; padding:3px; font-size:1.3em; color:#FFF; background-color:#2C5581; font-weight:bold; line-height:1.2em }

.phonebook-results td { margin:0px; padding:5px; color:#000 }

.key-search-div { text-align:center; width:240px; margin:auto; margin-bottom:5px }

.red-text { color:#FF0000 }

/* ROW ALTERNATING COLORS */

.tableRollOverEffect1{
	background-color:#FFFFCC;
	color:#000000;
    }

.tableRollOverEffect2{
	background-color:#FFFFCC;
	color:#000000;
    }
    
.tableRowClickEffect1{
	background-color:#FFFFFF;
	color:#000000;
    }
    
.tableRowClickEffect2{
	background-color:#FFFFFF;
	color:#000000;
    }

/* contact webmaster form */
#qblock {
    margin-left:10px; font-size:1.2em; line-height:1.3em
}

/* emergency include */
div.emergencyAlert {
    margin	: .5em 0 2em 0;
    font-size	: 1.2em;
    background	: #b90000;
    color	: #fff;
    padding	: .5em;
    line-height	: 1.36em;
}
div.emergencyAlert .msgSubject {
    font-weight	: bold;
    font-size	: 120%;
    display	: inline;
}
div.emergencyAlert .msgSubject:after {
    content	: ': ';
}
div.emergencyAlert .timeStamp {
    margin-top	: .75em;
}