*.hide { display:none; }
html, body { margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif;}
body {height:100%;}
#cols div#container {background-image: url(../common_images/cols_bg.gif);background-repeat:no-repeat;background-position:-1px 125px;width:760px; position:absolute; left:50%; margin-left:-380px; min-height: 100%;}
body#cols {background-image: url(../common_images/cols_bg2.gif);background-repeat:no-repeat;background-position:50% 0px;}
#home div#container {width:760px; position:absolute; left:50%; margin-left:-380px;}


#cols div#nav ul { list-style-type:none; margin:0px 9px 9px 9px; padding:0px; }
#cols div#nav ul li { margin: 8px 0px 30px 0px; }
#cols div#nav ul li, #cols div#nav ul li a { margin: 9px 0px 0px 0px; }

#cols div#mainContent h1 { margin: 0px 0px 18px 0px; }
#cols div#mainContent h2, #cols div#mainContent dl { margin: 10px 0px 10px 0px; padding:0px; clear:left; }
#cols div#mainContent h3, #cols div#mainContent h4, #cols div#mainContent h5, #cols div#mainContent h6  { margin: 0px 0px 0px 0px; padding:0px; clear:left; }
#cols div#footer p { display: inline; }

#cols div#mainContent form .field {border:1px solid #226;padding:0px 0px 0px 2px;width:200px;background:#fafaff;}
#cols div#mainContent form .fieldShort {border:1px solid #226;padding:0px 0px 0px 2px;width:62px;background:#fafaff;}
div.highlight {margin:1.12em 40px;text-align:left;padding:0 10px;}
div.highlight_cen {margin:1.12em 40px;text-align:center;padding:0 10px;}

#cols div#mainContent dt, #cols div#mainContent dd { margin: 0px;padding-top: 0px; font-weight: normal; }

div#mainContent div#diploma blockquote a, div#mainContent div#diploma ul li a, div#mainContent div#report p a { color: #24a; }

div#mainContent div#diploma blockquote a:hover { text-decoration: none; }
div#mainContent div#diploma ul li a:hover { text-decoration: none; }
div#mainContent div#diploma p.flash a { color: #fa0; }
#cols div#mainContent div#report p a { color: #f92; }
div#quickjump ul li a { color: #226; text-decoration: underline; }
div#quickjump ul li a:hover { color: #226; text-decoration: none; }
#home div#mainContent div#report p { margin: 0px; padding: 0px; font-size: 12px; line-height: 16px; color: #24a; position: relative; top: 18px; }

#cols div#mainContent div#quickjump { width: 172px; float: right; background-image: url(../common_images/diploma_cols_div_bg.gif); background-position: bottom left; background-repeat: no-repeat; margin: 0px 0px 18px 18px; clear: right; }
#cols div#mainContent div#quickjump h3 { font-weight: bold; font-size: 18px; color: #fff; background-image: url(../common_images/diploma_cols_heading_bg.gif); background-repeat: no-repeat; margin:0px; padding:9px 15px; }

#cols div#mainContent div#report h3 { font-weight: bold; font-size: 18px; color: #fff; background-image: url(../common_images/diploma_cols_heading_bg.gif); background-repeat: no-repeat; margin:0px; padding:9px 15px; }
#cols div#mainContent div#report h3 span, #cols div#mainContent div#quickjump h3 span { font-weight: normal; }

#cols div#mainContent div#report p { color: #f92; font-size: 12px; line-height: 14px; margin: 13px 25px 18px 25px; }
#cols div#mainContent ul li, #cols div#mainContent ol li { padding-top: 3px; padding-left:0px; margin:0px; }

.error {color:#f00!important;}

/* banner css */
div#banner { width:760px; height:85px; font-size:0.1em; color: #00a; margin: 0px 0px 1px 0px;}
div#banner img {margin:0px;padding:0px;height:85px;width:760px; }

/* tabs css */
div#tabs ul { list-style-type:none; margin:0px; padding:0px; border-bottom: 5px solid #fa0;	height: 33px; font-size: 13px; }
div#tabs ul li  { background-image:url(http://www.inst.org/alumni/members/common_images/tab_bg.gif); background-position:top left; background-repeat: no-repeat; display:inline; padding:0px; margin:0px 1px; line-height: 32px; float: left; text-align:center; }
div#tabs ul li.home, div#tabs ul li.homeActive { width: 60px; margin-left: 0px; }
div#tabs ul li.become, div#tabs ul li.becomeActive  { width: 170px; }
div#tabs ul li.already, div#tabs ul li.alreadyActive { width: 178px; }
div#tabs ul li.need, div#tabs ul li.needActive { width: 159px; }
div#tabs ul li.articles, div#tabs ul li.articlesActive { width: 103px; }
div#tabs ul li.about, div#tabs ul li.aboutActive  { width: 80px; margin-right: 0px; }
div#tabs ul li.homeActive, div#tabs ul li.becomeActive, div#tabs ul li.alreadyActive, div#tabs ul li.needActive, div#tabs ul li.articlesActive, div#tabs ul li.aboutActive  { background-image:url(../common_images/tab_bg_active.gif); }
div#tabs ul li.homeActive a, div#tabs ul li.becomeActive a, div#tabs ul li.alreadyActive a, div#tabs ul li.needActive a, div#tabs ul li.articlesActive a, div#tabs ul li.aboutActive a { background-image:url(../common_images/tab_right_bg_active.gif); height:33px; }
div#tabs ul li a { background-image:url(http://www.inst.org/alumni/members/common_images/tab_right_bg.gif); background-position:top right; background-repeat: no-repeat; padding:0px; margin:0px; height: 32px; display: block;}


#home div#mainContent div#preamble { margin: 18px; width:347px; float:left; display: inline;/* <- hack to prevent ridiculous IE double-margin error http://www.positioniseverything.net/explorer/floatIndent.html */ }
#home div#mainContent div#preamble h1 { color: #24a; font-size:26px; margin-top:0px; padding-top:0px;}
#home div#mainContent div#preamble h1 span { font-size: 14px; display: block; }
#home div#mainContent div#preamble blockquote { text-align: center; padding: 20px 50px; margin:0px; position: relative; top: -7px; }
#home div#mainContent div#preamble blockquote p { font-weight: bold; font-style: italic; font-size: 16px; color: #24a; margin: 0px; padding: 0px; line-height: 18px; }

#home div#right { width: 359px; float: left; margin: 18px 18px 18px 0px; width: 358px;}

#home div#mainContent div#diploma, #home div#mainContent div#report { width: 359px; background-image: url(http://www.inst.org/alumni/members/common_images/diploma_div_bg.gif); background-position: bottom left; background-repeat: no-repeat; margin: 0px 0px 18px 0px; float: left; }
#home div#mainContent div#diploma h3, #home div#mainContent div#report h3 { font-size: 26px; color: #fff; background-image: url(http://www.inst.org/alumni/members/common_images/diploma_heading_bg.gif); background-repeat: no-repeat; margin:0px; padding:9px 15px; }
#home div#mainContent div#diploma h3 span, #home div#mainContent div#report h3 span { font-weight: normal; margin: 0px; padding: 0px; }
#home div#mainContent div#diploma img { margin:18px 18px 0px 18px; border:0px; float:left; }
#home div#mainContent div#diploma ul { list-style-type: none; margin: 0px; padding:18px 0px 0px 0px; font-size: 11px; font-weight: bold; color: #24a; line-height: 14px; width:150px; text-indent: 0px; marker-offset: 0px; float:left; }
#home div#mainContent div#diploma ul li { margin: 0px 0px 10px 0px; padding:0px; text-indent: 0px; marker-offset: 0px; }
#home div#mainContent div#diploma p.flash { clear: both; color: #f92; font-size: 14px; font-weight: bold; text-align: center; margin: 0px; }
#home div#mainContent div#diploma p.flash #star { margin: 0px; position: absolute; top: 310px; left: 405px; }
#home div#mainContent div#diploma p.flash strong { display: none; }
#home div#mainContent div#diploma img.case_study { margin: 18px; padding: 0px; float: left; }
#home div#mainContent div#diploma blockquote { margin: 18px; }
#home div#mainContent div#diploma blockquote p { margin: 0px; padding: 0px; font-size: 12px; line-height: 13px; color: #24a; }

#home div#mainContent div#report h3 { font-size: 19px!important; text-indent: 100px!important; padding:6px 15px;}
#home div#mainContent div#report img { margin: 0px 18px 0px 18px; border:0px; padding: 0px; position:relative; top: -43px; float: left; }

/* sub navigation */
#cols div#nav { background: #24a; position: absolute; top: 136px; left: 0px; width: 153px; text-align: right; margin: 0px;}

/* cols main content */
#cols div#mainContent { width: 606px; padding: 18px; position: relative; left: 155px; voice-family: "\"}\""; voice-family:inherit; width: 570px; }
#cols {}

#cols div#mainContent dt { font-weight: bold; padding-top: 10px; }
#cols div#mainContent ul, #cols div#mainContent ol { color: #226; font-size: 12px; line-height: 16px; margin-left: 0px; padding-left:20px; }

/* quickjump */
div#quickjump ul { list-style-type: none; margin: 18px; padding: 0px; color: #226; }
div#quickjump ul li { margin: 0px 0px 0px 18px; padding: 0px;}

/* cols report */
#cols div#mainContent div#report { width: 172px; float: right; background-image: url(../common_images/diploma_cols_div_bg.gif); background-position: bottom left; background-repeat: no-repeat; margin: 0px 0px 18px 18px; clear: right; }
#cols div#mainContent div#report img { margin: 18px 25px 0px 25px; }
#cols div#mainContent div#report p strong { display: none; }
#cols div#mainContent div#report p.flash #star { position: absolute; top: 165px; left: 480px; }
#cols div#mainContent div#report p.flash {text-align:center;}
#cols div#mainContent p.case img { margin-right:10px; }
#cols div#mainContent p.case { float:left;width:50%; }
#cols div#mainContent p.case a { text-decoration: underline; }
#cols div#mainContent p.case a:hover { text-decoration: none; color: #f92; }
#cols div#mainContent img.icon { margin: 0px; text-decoration: none; border: 0px; }

/* footer */
div#footer img { border:0px; }

/* cols footer */
#cols div#footer { width: 559px; text-align: right; margin: 0px 18px 18px 0px; position: relative; top: -18px; left: 175px; }
#cols div#footer p.copy { float: left; text-align:left;font-weight:bold; }
#cols div#footer p.top { border-right: 1px solid #f92; padding-right: 5px; margin-right: 5px; }
#cols div#footer p.print {  }
#cols div#footer p.print img {
	border: 0px;
	position:relative;
	top: 3px;
}
#cols div#mainContent p.top_right { font-size: 10px; }
#cols div#footer div#uk {float:left;margin-top:0px;text-align:left;clear:both;}
#cols div#footer div#us {float:left;margin-top:0px;text-align:left;clear:both;}
#cols div#footer div#uk p, #cols div#footer div#us p {float:left;}
#cols div#footer div#uk p img, #cols div#footer div#us p img {float:left;margin-right:10px;}

/* home footer */
#home div#footer { width: 100%; clear: both; text-align: right; margin: 0px; position: relative; top: -18px; }
#home div#footer p { display: inline; font-size: 12px; color: #f92;  }
#home div#footer p.copy { float: left; }
#home div#footer p.top { border-right: 1px solid #f92; padding-right: 5px; margin-right: 5px; }
#home div#footer p.print {  }
#home div#footer p.print img { border: 0px; position:relative; top: 3px; }
#home div#footer div#uk {float:left;margin-top:0px;text-align:left;clear:both;margin-right:36px;margin-bottom:0px;}
#home div#footer div#us {float:left;margin-top:0px;text-align:left;clear:both;margin-bottom:0px;}
#home div#footer div#uk p, #home div#footer div#us p {float:left;}
#home div#footer div#uk p img, #home div#footer div#us p img {margin-right:10px;margin-top:0px;}

div#uk, div#us {font-weight:bold;}

#cols div#mainContent form#updateDetails span.detailLeftCol {width:130px;display:block;float:left;clear:left;}
#cols div#mainContent form#updateDetails p {line-height:25px;}
#cols div#mainContent form#updateDetails input {line-height:10px;font-family: Arial, Helvetica, sans-serif;font-size:12px;}
#cols div#mainContent form input.radio {}
#cols div#mainContent form textarea {width:578px;height:200px;border:1px solid #226;background:#fafaff;}
#cols div#mainContent form textarea.small {width:250px;height:100px;}
#cols form#updateDetails span.columnLeft {width:289px;float:left;}

img.noMargin {margin:0px!important;}

#cols div#mainContent img.imgRight  {float:right;margin:0px 0px 18px 18px;}
#cols div#mainContent .imgRight img {margin:0;}
#cols div#mainContent .imgRight {float:right;margin:0px 0px 18px 18px;}
#cols div#mainContent img.imgLeft {float:left;margin:0px 18px 18px 0px;}
#cols div#mainContent .imgLeft img {margin:0;}
#cols div#mainContent .imgLeft {float:left;margin:0px 18px 18px 0px;}
/* captions */
#cols div#mainContent .imgRight p {font-style: italic; font-size: 0.6em;text-align:center;padding:0;margin:0;}
#cols div#mainContent .imgLeft p {font-style: italic; font-size: 0.6em;text-align:center;padding:0;margin:0;}
#cols div#mainContent img { border: 0; margin:0px 18px 18px 0px; }

.hide, .screenHide, .printOnly, .footnotes {display:none;}

#termsandconditionsholder{width:530px;height:100px;overflow:auto;text-align:left;border:1px solid black;font-size:small;}
#termsandconditionsholder p{padding:3px;}

