html, body {
margin: 0;
padding: 0;
height:100%;
background-color: #fff;
background-image: url(/images/ises_bg.jpg);
background-position: 50% 0%;
background-repeat: no-repeat;
font-family: Lucida Grande, Lucida Sans Unicode,Garuda,sans-serif;
}
#global {
min-height: 100%;
margin-bottom: -100px;
position: relative;
}
a {
color: #457599;
}
a:hover {
color: #000;
}
a:active
{
outline: none;
}
a:focus
{
-moz-outline-style: none;
}
img {
border: none;
}
.thumb {
padding: 3px;
background: white;
border: 1px solid #ccc;
margin-right: 3px;
}
.thumb_desc {
display: block;
float: left;
line-height: 45px;
margin-right: 10px;
}
#wrapper {
width: 1000px;
margin:auto;
}
.wrapper {
width: 1000px;
margin:auto;
}
#wrapper_full {
width: 100%;

margin:auto;
background: #eee;
display: block;
float: left;
border-bottom: 8px solid #ccc;
background-image: url(images/registerbg.jpg);
background-position: 50% 0;
background-repeat: no-repeat;
}
#reg_block {
width: 100%;
height: 290px;
margin:auto;
display: block;
float: left;

}
#subwrapper {
width: 1000px;
margin:auto;

}

/*----------------HEADER------------------*/
.logo {
width: 535px;
height: 96px;
display: block;
float: left;
}
#header_block {
display: block;
float:right;
width: 465px;
}
#secondary_nav {
height: 31px;
width:465px;
display: block;
float: right;
}
#nav {
margin-top: 5px;
text-align: right;
float: right;
width: 465px;
display: block;
}
#nav a{
margin-right: 10px;
}
#nav a:hover {
border-bottom: 3px solid #eee;
color: #fff;
}
#split {
width:1000px;
height: 10px;
display: block;
float: left;
}
.split {
width:1000px;
height: 10px;
display: block;
float: left;
}
#split2 {
width:1000px;
height: 340px;
display: block;
float: left;
}
#split3 {
width:1000px;
height: 62px;
display: block;
float: left;
}
body#home a#homenav, body#about a#aboutnav, body#blogind a#blognav, body#program a#programnav, body#contact a#contactnav, body#register a#registernav, body#partners a#partnersnav, body#future a#futurenav, body#calgary a#calgarynav,body#publication a#publicationnav {
border-bottom: 3px solid #a5cfe1;
color: #fff;
}
/*---------BODY-------------*/
#content {
width: 100%;
min-height: 400px;
display: block;
float: left;
}
#application {
width:650px;
margin: auto;
padding: 50px;
color: #888;
font-size: 12px;
display: block;
background: #fefefe;
border: 1px solid #ccc;
}
#application h2 {
font-size: 16px;
color: #457599;
}
#contact {
width:1000px;
display: block;
float: left;
color: #888;
font-size: 11px;
line-height: 24px;
}
#contact .block {
margin-left: 60px;
display: block;
float: left;
}
#contact a {
color:#aaa;
}
#contact h2 {
font-size: 13px;
color: #457599;
}
#contact h1 {
display: block;
float: left;
width: 1000px;
margin-top: 40px;
margin-left: 20px;
font-size: 11px;
line-height: 30px;
}
.splash{
display: block;
float: left;
border-bottom: 0px solid #999;
}
.joint {
border-bottom: 6px solid #ddd;
}
.img_r {
float: right;
}
.img_l {
float: left;
}
.img_profile {
float: right;
margin-left: 20px;
margin-bottom: 20px;
}
.img_go {
float: right;
margin-left: 20px;
margin-bottom: 0px;
}
#p_abstract {
font-size: 13px;
color: #888;
line-height: 18px;
}
#p_abstract h2{
font-size: 13px;
color: #457599;
}
#p_abstract h3{
font-size: 15px;
color: #999;
}

#upload{
font-size: 12px;
color: #888;
}
#upload h2{
font-size: 13px;
color: #457599;
}
#main_panel {
background: #fff;
display: block;
float: right;
width: 758px;
}
/*---------SHOULD BE ABLE TO DELETE ABOVE-------------*/
.main_panel {
background: #fff;
display: block;
float: right;
width: 758px;
}
#letter_panel {
background: #fff;
display: block;
float: right;
width: 758px;
}
/*---------SHOULD BE ABLE TO DELETE ABOVE-------------*/
.letter_panel {
background: #fff;
display: block;
float: right;
width: 758px;
}
#abstract {
display: block;
float: right;
width: 758px;
}
#homeblock {
width: 100%;
display: block;
float: left;
padding-bottom: 20px;
border-bottom: 1px solid #ddd;
}
#homenews{
width: 300px;
display: block;
float: left;
font-size: 11px;
line-height: 20px;
color: #555;
}
#homenews h1{
font-size: 12px;
color: #222;
border-bottom: 1px solid #ccc;
}
#homenews h2{
font-size: 11px;
font-weight: bold;
color: #444;
}
#homebrief{
width: 655px;
display: block;
float: right;
font-size: 12px;
color:#555;
line-height: 24px;
margin-top: 10px;
}
#homebrief h2{
font-size: 11px;
font-weight: bold;
color: #457599;
line-height: 28px;
}
#focus {
width: 600px;
min-height: 200px;
display: block;
float: left;
}
#news {
width: 400px;
min-height: 200px;
display: block;
float: right;
}
#brief{
width/**/:/**/ 510px;
width: 475px;
display: block;
float: left;
clear: right;
font-size: 15px;
color:#4E5E6B;
line-height: 28px;
padding-bottom: 20px;
}
.brief{
width/**/:/**/ 510px;
width: 475px;
display: block;
float: left;
clear: right;
font-size: 15px;
color:#4E5E6B;
line-height: 28px;
padding-bottom: 20px;
}
#sidebar{
display: block;
float: right;
width/**/:/**/ 220px;
width:200px;
margin: 20px 0 0 0;
min-height: 300px;
font-size: 12px;
line-height: 18px;
color: #aaa;
}
#sidebar h1{
font-size: 14px;
color: #457599;
}
#sidebar h2{
font-size: 12px;
text-transform: uppercase;
color: #888;
border-top: 1px solid #ddd;
padding-top: 8px;
}
#sidebar h3{
font-size: 11px;
font-style: italic;
color: #bbb;
padding-bottom: 3px;
}
.sidebar{
display: block;
float: right;
width/**/:/**/ 220px;
width:200px;
margin: 20px 0 0 0;
min-height: 300px;
font-size: 12px;
line-height: 18px;
color: #aaa;
}
.sidebar h1{
font-size: 14px;
color: #457599;
}
.sidebar h2{
font-size: 12px;
text-transform: uppercase;
color: #888;
border-top: 1px solid #ddd;
padding-top: 8px;
}
.sidebar h3{
font-size: 11px;
font-style: italic;
color: #bbb;
padding-bottom: 3px;
}
#widecolumn {
display: block;
float: left;
width/**/:/**/ 700px;
width: 680px;
margin-top: 20px;
padding-left: 40px;
margin-right: 10px;
padding-right: 15px;
font-size: 12px;
color: #888;
line-height: 24px;
margin-bottom: 30px;
}
#widecolumn .brief{
width/**/:/**/ 700px;
width: 680px;
display: block;
float: left;
clear: right;
font-size: 14px;
color:#4E5E6B;
line-height: 28px;
padding-bottom: 20px;
}
#widecolumn h2{
font-size: 13px;
margin-top: 20px;
color: #457599;
}
.widecolumn {
display: block;
float: left;
width/**/:/**/ 700px;
width: 680px;
margin-top: 20px;
padding-left: 40px;
margin-right: 10px;
padding-right: 15px;
font-size: 12px;
color: #888;
line-height: 24px;
margin-bottom: 30px;
}
.widecolumn .brief{
width/**/:/**/ 700px;
width: 680px;
display: block;
float: left;
clear: right;
font-size: 14px;
color:#4E5E6B;
line-height: 28px;
padding-bottom: 20px;
}
.widecolumn h2{
font-size: 13px;
margin-top: 20px;
color: #457599;
}
#reg {
padding: 20px;
font-size: 12px;
color: #888;
line-height: 24px;
}
#reg h1 {
font-size: 15px;

color: #111;
}
#reg h2{
font-size: 13px;
margin-top: 20px;
color: #457599;
}
#single {
display: block;
float: left;
width/**/:/**/ 530px;
width: 480px;
margin-top: 20px;
padding-left: 40px;
margin-right: 10px;
padding-right: 20px;
font-size: 12px;
color: #888;
line-height: 24px;
margin-bottom: 30px;
border-right: 1px dotted #ccc;
}
#single .brief{
font-size: 16px;
color:#4E5E6B;
line-height: 28px;
}
.single {
display: block;
float: left;
width/**/:/**/ 530px;
width: 480px;
margin-top: 20px;
padding-left: 40px;
margin-right: 10px;
padding-right: 20px;
font-size: 12px;
color: #888;
line-height: 24px;
margin-bottom: 30px;
border-right: 1px dotted #ccc;
}
.single .brief{
font-size: 15px;
color:#4E5E6B;
line-height: 28px;
}
#sectionbar {
width: 100%;
display: block;
float: left;
height: 45px;
border-bottom: 1px solid #ddd;
}
.sectionbar {
width: 100%;
display: block;
float: left;
height: 45px;
border-bottom: 1px solid #ddd;
}
.sectionbar .title {
display: block;
float: left;
margin-top: 15px;
font-size: 11px;
padding-left: 40px;
font-weight: bold;
text-transform: uppercase;
color:#000;
}
.img_rr {
display: block;
float: right;
margin: 10px 20px 0 0px;
}
/*----------DELETE BELOW ------------*/
#sectionbar .title {
display: block;
float: left;
margin-top: 15px;
font-size: 11px;
padding-left: 40px;
font-weight: bold;
text-transform: uppercase;
color:#000;
}
/*----------SINGLE ------------*/
#single h1 {
display: block;
float: left;
margin-top: 15px;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
color:#000;
border-bottom: 1px solid #ddd;
width: 100%;
line-height: 40px;
}
#single h2{
font-size: 13px;
margin-top: 20px;
color: #457599;
}
.single h1 {
display: block;
float: left;
margin-top: 15px;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
color:#000;
border-bottom: 1px solid #ddd;
width: 100%;
line-height: 40px;
}
.single h2{
font-size: 13px;
margin-top: 20px;
color: #457599;
}
/*-----------COLUMN CLASS------------*/
.column {
display: block;
float: left;
height: 360px;
padding-top: 10px;
padding-left: 18px;
padding-right: 18px;
width/**/:/**/ 190px;
width: 160px;
font-size: 12px;
color: #888;
line-height: 24px;
border-right: 1px solid #eee;
}
.column h1{
font-size: 13px;
color: #457599;
}
.column h2{
font-size: 13px;
color: #457599;
text-align: center;
}
.column .ico {
margin: auto;
display: block;
margin-bottom: 10px;
}
/*-----------COLUMN ------------*/
#column {
display: block;
float: left;
height: 360px;
padding-top: 10px;
padding-left: 18px;
padding-right: 18px;
width/**/:/**/ 190px;
width: 160px;
font-size: 12px;
color: #888;
line-height: 24px;
border-right: 1px solid #eee;
}
#column h1{
font-size: 13px;
color: #457599;
}
#column h2{
font-size: 13px;
color: #457599;
text-align: center;
}
#column .ico {
margin: auto;
display: block;
margin-bottom: 10px;
}
.column_double {
display: block;
float: left;
height: 880px;
padding-top: 10px;
padding-left: 18px;
padding-right: 18px;
width/**/:/**/ 390px;
width: 360px;
font-size: 12px;
color: #888;
line-height: 22px;
border-left: 1px solid #eee;
}
.column_double h2{
font-size: 13px;
color: #457599;
}
#column_double {
display: block;
float: left;
height: 880px;
padding-top: 10px;
padding-left: 18px;
padding-right: 18px;
width/**/:/**/ 390px;
width: 360px;
font-size: 12px;
color: #888;
line-height: 22px;
border-left: 1px solid #eee;
}
#column_double h2{
font-size: 13px;
color: #457599;
}
#column_double_ls {
display: block;
float: left;
padding-top: 10px;
padding-left: 18px;
padding-right: 18px;
width/**/:/**/ 390px;
width: 360px;
font-size: 12px;
color: #888;
line-height: 20px;
border-right: 1px solid #eee;
}
#column_double_ls h2{
font-size: 13px;
color: #457599;
}
#column_double_l {
display: block;
float: left;
height: 220px;
padding-top: 10px;
padding-left: 18px;
padding-right: 18px;
width/**/:/**/ 390px;
width: 360px;
font-size: 12px;
color: #888;
line-height: 20px;
border-right: 1px solid #eee;
}
#column_double_l h2{
font-size: 13px;
color: #457599;
}
#column_full {
width: 1000px;
display: block;
float: left;
padding-top: 10px;
padding-left: 18px;
padding-right: 18px;
font-size: 12px;
color: #888;
line-height: 24px;
border-top: 1px solid #eee;
}
#column_full h1{
font-size: 13px;
color: #457599;
}
.column_f {
display: block;
float: left;
padding-top: 10px;
padding-left: 18px;
padding-right: 18px;
width/**/:/**/ 190px;
width: 160px;
font-size: 12px;
color: #888;
line-height: 24px;
}
.column_f h1{
font-size: 13px;
color: #457599;
}
.column_f h2{
font-size: 13px;
color: #457599;
text-align: center;
}
.column_f .ico {
margin: auto;
display: block;
margin-bottom: 10px;
}
.column_f .mini {
font-size: 11px;
}
/*-----REG COLUMN -------*/
.hl {
color: #eee;
}
.regcolumn {
display: block;
float: left;
height: 200px;
padding-left: 18px;
padding-right: 18px;
width/**/:/**/ 185px;
width: 155px;
font-size: 12px;
color: #777;
line-height: 20px;
border-right: 1px solid #ccc;
}
.regcolumn a:hover{
color:#000;
}
.regcolumn h2{
font-size: 13px;
color: #333;
text-align: center;
}
#regcolumn_l {
display: block;
float: left;
height: 200px;
padding-left: 18px;
padding-right: 18px;
width/**/:/**/ 185px;
width: 155px;
font-size: 12px;
color: #777;
line-height: 20px;
}
#regcolumn_l a:hover{
color:#000;
}
#regcolumn_l h2{
font-size: 13px;
color: #333;
text-align: center;
}
#regcolumn_f {
display: block;
float: left;
padding-left: 18px;
padding-right: 18px;
height: 420px;
width/**/:/**/ 190px;
width: 160px;
font-size: 12px;
color: #777;
line-height: 20px;
border-right: 1px solid #ccc;
}
#regcolumn_f .mini{
font-size: 11px;
}
#regcolumn_f a:hover{
color:#fff;
}
#regcolumn_f h2{
font-size: 13px;
color: #333;
text-align: center;
}
#regcolumn_w {
display: block;
float: left;
height: 200px;
padding-left: 18px;
padding-top: 18px;
padding-right: 18px;
width/**/:/**/ 800px;
width: 763px;
font-size: 12px;
color: #777;
line-height: 20px;
border-top: 1px solid #ccc;
}
#regcolumn_w_left{
width: 350px;
float: left;
}
#regcolumn_w_left .text{
padding-left: 25px;
}
.regcolumn_w_right{
float:right;
}
#regcolumn_w a:hover{
color:#fff;
}
#regcolumn_w h2{
font-size: 13px;
color: #ccc;
text-align: center;
}
/*---------LIST-------------*/
ul { list-style-type: circle; } 
.list {
border-collapse: collapse;
display: block;
float: left;
}
.list th{
background: #fafafa;
}
.list td {
padding: 5px;
}
.list tr {
border-bottom: 1px solid #ccc;
}
/*---------LIST-------------*/
ul { list-style-type: circle; } 
.delist {
width: 1000px;
border-collapse: collapse;
display: block;
float: left;
}
.delist th{
background: #fafafa;
}
.delist td {
padding: 5px;
}
.delist tr {
border-bottom: 1px solid #ccc;
}
.delist tr:hover {
background: #fafafa;
}
.delist td a {
color: black;
}
/*---------REGTABS-------------*/
#regtabs{
width: 1000px;
height: 37px;
background-image: url(images/registerbtnbg.jpg);
}
#regtabs .selected {
display: block;
float: left;
position: relative;
top:5px;
width: 195px;
height: 37px;
color: #444;
background-image: url(images/rtab.jpg);
border-bottom: 3px solid #fff;
}

#regtabs a{
display: block;
float: left;
width: 195px;
line-height: 37px;
height: 37px;
font-size: 13px;
color: #888;
text-decoration: none;
margin: auto;
text-align: center;
border-bottom: 2px solid #000;

}
#regtabs a:hover{
display: block;
float: left;
color: #457599;
widows: 195px;
}
/*---------SUBNAVP-------------*/
#subnavp{
width: 240px;
font-size: 11px;
border-top: 1px solid #dfdfdf;
display: block;
float: left;
margin-top: 12px;
}
#subnavp .section {
width: 242px;
font-size: 14px;
display: block;
float: left;
background: #ccc;
}
#subnavp .thumbnail{
display: block;
float: left;
width: 70px;
height: 70px;
position: relative;
top:-16px;

}
#subnavp .info{
width: 140px;
margin-top: 16px;
display: block;
float: left;
}
#subnavp .selected {
background-color: #E6EEF1;
}
#subnavp a {
float: left;
padding-top: 16px;
padding-right: 15px;
height/**/:/**/ 70px;
height: 54px;
width/**/:/**/ 240px;
width: 225px;
display: block;
color: #888;
border: 1px solid #dfdfdf;
border-width: 0 1px 0 1px;
background-color: #fdfdfd;
border-bottom: 1px solid #dfdfdf;
text-decoration: none;
}
#subnavp a:hover {
background-color: #f3f3f3;
}
/*---------SUBNAV-------------*/
#subnav{
width: 240px;
font-size: 11px;
border-top: 1px solid #dfdfdf;
display: block;
float: left;
}
#subnav .section {
width: 242px;
font-size: 14px;
display: block;
float: left;
background: #ccc;
}
#subnav .thumbnail{
display: block;
float: left;
width: 70px;
height: 70px;
}
#subnav .info{
width: 140px;
margin-top: 16px;
display: block;
float: left;
}
#subnav .selected {
background-image: url(images/subnav_bg_h.jpg);
background-color: #E6EEF1;
}
#subnav a {
float: left;
padding-top: 16px;
padding-right: 15px;
height/**/:/**/ 70px;
height: 54px;
width/**/:/**/ 240px;
width: 225px;
display: block;
color: #888;
background-image: url(images/subnav_bg.jpg);
border: 1px solid #dfdfdf;
border-width: 0 1px 0 1px;
background-color: #fff;
border-bottom: 1px solid #dfdfdf;

text-decoration: none;
}
#subnav a:hover {
background-image: url(images/subnav_bg_a.jpg);
background-color: #eee;
}

/*---------TABS (PROGRAM)-------------*/
#program_tab {
display: block;
float: left;
margin-top: 20px;
font-size: 9px;
width:680px;
border-top: 1px solid #ccc;
}
/*---------DELETE ABOVE-------------*/
.program_tab {
display: block;
float: left;
margin-top: 20px;
font-size: 9px;
width:680px;
border-top: 1px solid #ccc;
}
.program_table {
border-collapse: collapse;
display: block;
float: left;
width: 100%;
}
.program_table th{
background: #fafafa;
color: #000;
line-height: 50px;
font-size: 14px;
text-align: left;
padding-left: 12px;
}
.program_table td {
padding: 5px;
}
.program_table tr {
border-bottom: 1px solid #ddd;
line-height: 25px;
}
.program_table tr:hover {
background: #eee;
}
.program_head {
font-size: 10px;
font-weight: bold;
color: #457599;
text-align: center;
padding: 2px;
}
.ps {
background: #F7FEFF;
color: #111;
border-left: 1px solid #eee;
text-align: center;
padding: 2px;
}
.ps h2 {
font-size: 10px;
font-weight: bold;
border-bottom: 1px solid #eee;
}
.rt {
background: #457599;
color: #fff;
text-align: center;
padding: 2px;
}
.rt a{
color: #fff;
}
.social_events {
background: #fafafa;
color: #000;
font-size: 10px;
font-weight: bold;
text-align: center;
padding: 2px;
}
.program_minor {
border: 1px dotted #aaa;
border-width: 1px 0 1px 0;
font-size: 11px;
text-align: center;
font-style: italic;
}
.program_titles {
font-weight: bold;
color: #333;
text-align: center;
padding: 2px;
}
#tabs {
width: 400px;
display: block;
float: left;
font-size: 10px;
}
#tabs .selected {
border: 1px solid #ccc;
line-height: 30px;
float: left;
color: #8DABC7;
}
#tabs a {
border: 1px solid #fff;
line-height: 30px;
float: left;
color: #777;
padding: 0 11px 0 11px;
text-decoration: none;
}
#tabs a:hover {
border: 1px solid #eee;
text-decoration: none;
color: #8DABC7;
}
/*---------TOOLBOX-------------*/
#toolbox {
float: left;
display: block;
width: 1000px;
margin: auto;
margin-top: 30px;
font-size: 11px;
border: 1px solid #cecece;
background-color: #f7f7f7;
}
#toolbox h2{
font-size: 13px;
font-weight: bold;
}
#toolbox a {
font-weight: bold;
color: #457599;
}
#toolbox .panel{
width/**/:/**/ 250px;
width: 210px;
height/**/:/**/ 150px;
height: 110px;
padding: 20px;
border-right: 1px solid #cecece;
border-top: 1px solid #fff;
float: left;
display: block;
}
#toolbox .panel1{
width/**/:/**/ 250px;
width: 140px;
padding: 20px;
padding-right: 90px;
height/**/:/**/ 150px;
height: 110px;
background-image: url(/images/panel1.jpg);
border-right: 1px solid #cecece;
border-top: 1px solid #fff;
float: left;
display: block;
}
#toolbox .panel2{
width/**/:/**/ 250px;
width: 130px;
padding: 20px;
padding-right: 100px;
height/**/:/**/ 150px;
height: 110px;
background-image: url(/images/panel2.jpg);
border-right: 1px solid #cecece;
border-top: 1px solid #fff;
float: left;
display: block;
}
#toolbox .panel3{
width/**/:/**/ 250px;
width: 130px;
padding: 20px;
padding-right: 100px;
height/**/:/**/ 150px;
height: 110px;
background-image: url(/images/panel4.jpg);
border-right: 1px solid #cecece;
border-top: 1px solid #fff;
float: left;
display: block;
}
#toolbox .panel4{
width/**/:/**/ 240px;
width: 200px;
height/**/:/**/ 150px;
height: 110px;
padding: 20px;
float: left;
display: block;
border-top: 1px solid #fff;
}
/*---------FOOTER-------------*/
#footer {
clear: both;
background: #eee;
height: 100px;
margin-top: 30px;
width: 100%;

font-size: 10px;
color: #999;
border-top: 1px solid #ddd;
}
#footer .content{
width:980px;
margin: auto;
}
.clearfooter {
display: block;
float: left;
height: 50px;
clear: both;
}