body {
padding: 0;
margin: 0;
background-color: #99CCFF;
color: #666666;
font-family: Arial, Helvetica, sans-serif;
line-height: 15px;
font-size: 80%;
}

b i {
color: #009999;
}

h1 {
font-size: 16px;
color: #333333;
padding: 0 0 0 0;
font-weight: bold;
margin: 15px 0 25px 0;
line-height: 20px;
}

h1 b, h1 strong {
font-weight: bold;
font-size: 16px;
color: #000000;
}

h2 {
font-size: 14px;
color: #003399;
}

h3 {
font-size: 100%;
color: #003399;
padding: 15px 0 5px 0;
margin: 0;
}

h4 {
border-top: 1px dotted #CCCCCC;
margin-top: 1.5em;
margin-bottom: 0.5em;
color: #003399;
font-weight: normal;
font-size: 12px;
line-height: 300%;
}

img {
border: 0;
}

a {
color: #4B8DCF;
background-color: transparent;
text-decoration: underline;
}

a:hover, a:active {
color: black;
background-color: transparent;
}

a:visited{
color: #4B8DCF;
}

textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
}

#outer {
border: none;
padding: 1px;
width: 770px;
margin: 0 auto;
}

#container {
width: 770px;
border: none;
text-align: left;
padding-bottom: 1em;
background-color: white;
}

#content_3col ul, #content_2col ul {
padding-left: 3px;
margin-left: 20px;
}

#content_3col a, #content_2col a {
text-decoration: underline;
}

table td#column1 {
width: 172px;
vertical-align : top;
font-weight : bold;
line-height : 120%;

}

table td#column2{
width: 322px;
vertical-align : top;
line-height : 120%;

}

/* ----------------------------------------------
HEADER
---------------------------------------------- */

#header {
height: 116px;
background-image: url("images/header.jpg");
background-repeat: no-repeat;
}

#header img {
margin-top: 2px;
margin-left: 10px;
}

#img_header, .img_header {
padding: 0;
margin: 0;
}

#logo{
float: right;
}

/* ----------------------------------------------
NAVIGATION
---------------------------------------------- */

#navigation {
background-color: #99CCFF;
font-size: 90%;
padding: 0.3em 0 0.3em 0;
height: 15px;
text-align: center;
}

#navigation ul {
margin: 0;
padding: 0;
}

#navigation ul li {
display: inline;
list-style-type: none;
padding: 0 12px 0 12px;
}

#navigation ul li#first {
border-left: 0;
}

#navigation a {
color: #003399;
text-decoration: none;
padding: 0.3em 0.5em 0.3em 0.5em;
}

#navigation a:hover {
color: white;
}

/* ----------------------------------------------
LEFT COLUMN
---------------------------------------------- */

#left_column {
float: left;
margin: 0px;
padding: 0px;
text-align: left;
border-top: 8px solid #FFFFFF;
border-left: 8px solid #FFFFFF;
}

#left_column #login {
background-image: url(images/lowercurve-login.gif);
background-repeat: no-repeat;
background-position: bottom left;
padding: 0px;
margin: 8px 0 0 0;
background-color: #518FCE;
color: #FFFFFF;
font-size: 11px;
text-align: left;
width: 170px;
}

#left_column #login ul {
margin: 10px 0 0 16px;
}

#left_column #login_home {
background-image: url(images/lowercurve-login-home.gif);
background-repeat: no-repeat;
background-position: bottom left;
padding: 0px;
margin: 8px 0 0 0;
background-color: #518FCE;
color: #FFFFFF;
font-size: 11px;
text-align: left;
width: 164px;
}

#left_column #login a, #left_column #login_home a {
color: #FFFFFF;
text-decoration: underline;
}

#left_column #login a:hover, #left_column #login_home a:hover {
color: #000000;
text-decoration: underline;
}

#left_column #login p, #left_column #login_home p{
padding: 0 0 0 8px;
margin: 0px;
}

#left_column #login h1, #left_column #login_home h1{
font-family: Tahoma, Arial, Helvetica, Sans-serif;
font-weight: bold;
font-size: 10px;
color: #FFFFFF;
padding: 0 0 3px 8px;
margin: 0;
text-transform: uppercase;
}

#left_column #login form, #left_column #login_home form{
padding: 0 0 15px 0;
margin: 0 0 15px 5px;
width: 150px;
}

#left_column #promotion{
width: 150px;
padding: 0;
margin: 10px 5px 5px 3px;
color: #FFFFFF;
font-size: 11px;
text-align: center;
overflow: hidden;
}

#left_column #promotion img{
margin: 5px;
}

div#search {
background-image: url(images/green-curve-top.png);
background-repeat: no-repeat;
background-position: top left;
width: 197px;
height: 33px;
padding: 0;
margin: 2px 5px 0 0;
font-size: 10px;
}

div#top-right{
text-align: right;
width: 200px;
height: 55px;
padding: 0;
margin: 0;
font-size: 10px;
float: right;
}

#search form{
text-align: center;
padding: 0;
margin: 0;
}

#left_column h1, #right_column h1 {
font-size: 100%;
font-weight: normal;
text-transform: uppercase;
padding: 2px;
width: 156px
}

#left_column p {
padding: 2px;
}

#left_column form input.button {
background-color: #006666;
color: #ffffff;
font-weight: bold;
font-size: 80%;
text-transform: uppercase;
padding: 1px;
border: none;
}

#left_column table {
border-collapse: collapse;
border: none;
}

#left_column table td {
text-align: left;
vertical-align: middle;
padding: 5px 3px 0 2px;
}

#left_column ul li {
list-style: none;
}

#left_column a.button {
background-color: #006666;
color: #ffffff;
font-weight: bold;
font-size: 80%;
text-transform: uppercase;
padding: 2px;
border: 1px none black;
}

#left_column #carousel{
width: 170px;
margin: 0;
padding: 0;
background-color: #518FCE;
}

#left_column #carousel hr{
color: #FFFFFF;
height: 1px;
margin: 0;
padding: 0;
}

#left_column #carousel_home{
width: 170px;
margin: 0;
padding: 0;
}

div#carousel_home img{
border: 1px solid #69BF55;
}

div#carousel img{
text-align: center;
margin: 4px;
}

/* ----------------------------------------------
CONTENT
---------------------------------------------- */

#content_3col {
margin: 10px 0px 0px 0px;
padding: 0px;
text-align: left;
width: 370px;
float: left;
}

#content_3col h1{
padding: 0px;
margin: 5px 0 5px 0;
color: #333333;
}

#content_3col p{
padding: 0px;
margin: 5px 0 0 0;
}

#content_2col {
float: left;
width: 572px;
padding: 0;
border-top: 6px solid #FFFFFF;
border-left: 8px solid #FFFFFF;
border-bottom: 4px solid #FFFFFF;
border-right: 0px solid #FFFFFF;
}

#content_2col p{
padding: 0;
margin: 10px 0 0 0;
}

#right_column {
font-family: Verdana, Helvetica, sans-serif;
float: right;
width: 207px;
margin: 5px 0 0 0;
padding: 0;
text-align: left;
}

#right_column a{
margin: 0;
padding: 0;
font-size: 11px;
}

#right_column p {
clear: both;
padding: 0;
margin: 5px 0 0 2px;
}

#right_column img {
float: right;
padding: 0;
margin: 0 7px 15px 7px;
}

#right_column #hd_img{
float: right;
padding: 0 0 20px 0;
margin: 0;
border: none;
}

#news_col_footer{
clear:both;
margin: 0;
padding: 0;
width: 196px;
height:15px;
background-image: url(images/lowercurve-news.gif);
background-position: bottom right;
background-repeat: no-repeat;
background-color: #518FCE;
}

#news_col{
width: 196px;
margin: 6px 0 0 0;
background-image: url(images/topcurve-news.gif);
background-position: top right;
background-repeat: no-repeat;
color: #FFFFFF;
background-color: #518FCE;
padding: 15px 0 0 0;
}

#news_col img{
border: 1px solid #FFFFFF;
float: left;
}

#news_col p{
margin: 0 5px 5px 0;
padding: 0 5px 5px 5px;
}
#news_col a{
color: #FFFFFF;
}
#news_col a:hover{
color: #000000;
}

/* ----------------------------------------------
FOOTER
---------------------------------------------- */

#footer {
clear: both;
background-color: #99CCFF;
padding: 3px 10px 3px 1px;
width: 761px;
text-align: right;
color: #99CCFF;
}

#footer a {
font-size: 70%;
color: #4B8DCF;
text-decoration: none;
}

#footer a:hover {
color: #668FFF;
}

/* ----------------------------------------------
QUICK LINKS
---------------------------------------------- */

#quick_links {
width: 170px;
margin: 0px;
padding: 5px 0 0 0;
font-size: 11px;
text-align: left;
background-image: url(images/leftcol_topcurve.gif);
background-position: top left;
background-repeat: no-repeat;
}

#quick_links a{
color: #FFFFFF;
}

#quick_links ul {
margin: 0;
padding: 3px 0 0 0;
font-weight: bold;
}

#quick_links li {
color: #FFFFFF;
}

#quick_links ul li ul li {
list-style-type: none;
margin: 0px;
padding: 4px 0px 2px 8px;
font-weight: normal;
border-top: 1px solid #ffffff;
background-color: #79B3EC;
height: 18px;
}

#quick_links li#active {
background-color: #A9CBE7;
color: #FFFFFF;
padding: 4px 0px 2px 8px;
}

#quick_links li#active a{
color: #FFFFFF;
}

#quick_links li a:hover{
color: #000000;
}

table.event-detail{
border-bottom: 1px solid #A2D88D;
padding: 5px;
width: 100%;
}
table.event-detail td{
padding: 0 20px 0 0;
}

table.event-detail th{
font-weight: bold;
width: 100px;
padding: 0 10px 5px 0;
}

table.events {
border-collapse: collapse;
}

table.events td {
padding: 2px 10px 2px 0px;
}

table.vacancies {
border-collapse: collapse;
width: 550px;
margin-top: 15px;
}

table.vacancies th {
text-align: left;
vertical-align: top;
padding: 2px 10px 2px 2px;
border-top: 1px solid #A2D88D;
border-bottom: 1px dotted #A2D88D;
color: #41A041;
}

table.vacancies td {
vertical-align: top;
padding: 2px 10px 2px 2px;
}

/* ----------------------------------------------
ADMIN
---------------------------------------------- */

ul#admin_nav {
list-style: none;
margin: 0;
padding: 0;
}

ul#admin_nav li {
float: left;
padding-right: 1em;
font-weight: bold;
}

ul#admin_nav li ul {
display: block;
list-style: none;
margin: 0;
padding: 0;
}

ul#admin_nav li ul li {
float: none;
font-weight: normal;
}

ul#documents {
list-style: none;
margin: 0;
padding: 0;
}

#admin, #contacts, #content {
margin: 1em;
}

/* ----------------------------------------------
MONTH NAV
---------------------------------------------- */

#month_nav {
text-align: center;
}

#month_nav ul {
background: #A9CBE7;
font-size: 12px;
margin: 2em 0 2em 0;
padding: 0.2em 0 0.2em 0;
border: 1px none black;
}

#month_nav ul li {
display: inline;
list-style-type: none;
}

#month_nav a {
padding: 0 0.5em;
color: #FFFFFF;
}

#month_nav a:hover {
color: #000;
}

#month_nav #active a {
background: white;
color: #FFFFFF;
}


hr {
height: 1px;
border-bottom: 0;
border-left: 0;
border-right: 0;
padding: 0px;
margin: 0px;
color: #A2D88D;
}

#news p {
margin-top: 0.5em;
margin-bottom: 0.5em;
}


@media screen { 
div#tree li { list-style: none; }
div#tree, div#tree ul , div#tree li { margin-left: 0;  padding-left: 0; padding-bottom: 2px}
div#tree li { padding-left: 20px; }
div#tree li.folder_open { cursor: pointer; background: url(images/fold_open.gif)  top left no-repeat;}
div#tree li.folder_closed { cursor: pointer; background: url(images/fold.gif)   top left no-repeat;}
div#tree li.doc { cursor: default; background: url(images/doc.gif) top left no-repeat; padding-bottom: 3px;}
}

/* ----------------------------------------------
FORUM
---------------------------------------------- */
div#forum_topics{
margin: 30px 0 0 0;
padding: 0px;
}

div#forum_topics table {
width: 537px;
margin: 20px 0 0 10px;
padding: 0px;
}

.forum-header{
background-color: #4B8DCF;
height: 25px;
padding: 0px;
margin: 0px;
font-family: Tahoma, Arial, Helvetica, Sans-serif;
font-weight: bold;
font-size: 11px;
color: #FFFFFF;
text-transform: uppercase;
}

.forum-header td#left{
background-image: url(images/forum-header.gif);
background-repeat: no-repeat;
background-position: top left;
}

.forum-header td#right{
background-image: url(images/forum-header.gif);
background-repeat: no-repeat;
background-position: top right;
}

div#forum_topics tr.forum-header td{
border: none;
}

div#forum_topics td {
height: 22px;
padding: 2px 9px 2px 9px;
border-top: 1px solid #C3E9B0;
font-family: Arial, Helvetica, Sans-serif;
}

div#forum_topics td.group {
font-weight: bold;
background-color: #A9CBE7;
color: #FFFFFF;
}

div#forum_messages>ul {
margin-left: 0;
padding-left: 0;
}

div#forum_messages li {
list-style: none;
font-weight: normal;
padding-top: 3px;
}

div#forum_messages li.selected {
font-weight: bold;
}

div#forum_messages>ul>li {
padding-bottom: 5px;
}

div#forum_form th {
font-weight: normal;
text-align: left;
}

div#forum_message th {
text-align: left;
color: #036502;
}

/* ---------------------------------------------- */

/*
ul.forum {
margin-left: 0;
padding-left: 0;
}

ul.forum li.group {
list-style: none;
font-weight: bold;
padding-bottom: 0.3em;
}

ul.forum li li {
list-style: none;
font-weight: normal;
}
*/

p.search_summary {
border-bottom: 1px solid #518FCE;
}

/* ----------------------------------------------
SUB NAV
---------------------------------------------- */

#sub_nav ul {
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
}

#sub_nav ul li {
list-style-type: none;
display: inline;
}

#sub_nav a {
padding: 0 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}

#sub_nav a:hover {
color: #000;
background: #AAE;
border-color: #227;
}

#sub_nav #active a {
background: white;
border-bottom: 1px solid white;
}

td.divider {
border-bottom: 1px dotted gray;
}


div#linkselection {
height: 200px;
width: 400px;
background-color: #ddd;
padding: 1em;
border: 2px inset;
overflow: auto;
}


#sitemap li {
list-style: none;
font-weight: bold;
padding-bottom: 10px;
}

#sitemap li li {
font-weight: normal;
padding-bottom: 2px;
}

table.admin {
border-collapse: collapse;
}

table.admin td {
padding: 1px 10px 1px 0;
font-size: 80%;
border-bottom: 1px solid #ddd;
}

table.vertical {
border-collapse: collapse;
}

table.vertical td {
padding: 1px 10px 1px 0;
font-size: 80%;
}

#map{
width: 250px;
height: 200px;
float: right;
vertical-align: top;
margin: 10px;
padding: 5px;
}

#map img{
padding: 5px;
}

#iiplogo{
padding: 10px;
}

#butt_logout{
padding: 10px 0 10px 0;
}

.border{
border: 1px solid #009999;
margin: 5px;
float: right;
}

#login_name{
width: 76px;
height: 15px;
border: 1px solid #79B3EC;
padding: 0 2px 0 2px;
font-size: 10px;
}

#login_pass{
width: 76px;
height: 15px;
border: 1px solid #79B3EC;
padding: 0 2px 0 2px;
font-size: 10px;
}

#login_button{
background-image: url(images/butt_login.gif);
}

#input_search{
width: 80px;
height: 13px;
border: 1px solid #79B3EC;
font-size: 10px;
margin: 8px 5px 10px 5px;
padding: 0 0 0 4px;
color: #2A8B2A;
}

#search_button{
margin: 6px 5px 6px 5px; /*aligns button and input box */
}

#links-img {
padding: 2px 2px 2px 4px;
margin: 2px 2px 2px 4px;
}

.error {
color: red;
}

table.vertical td {
vertical-align: top;
}

.required {
color: #339900;
font-weight: bold;
}

ul.event_docs {
margin: 0;
padding: 0;
list-style: none;
}

ul.event_docs li {
margin: 0;
padding: 3px 0 3px 20px;
cursor: default; 
background: url(images/doc.gif) top left no-repeat;
}

div#complaints th {
text-align: left;
font-weight: normal;
}

div.explore {
padding: 0.3em 0.3em 1em 0.3em;
border: 2px inset #ccc;
}

div.explore h2 {
margin-top: 0;
border-top: none;
border-bottom: 1px solid #ddd;
width: 100%;
color: #003399;
}

div#explore_categories {
float: left;
}

div#explore_users {
float: left;
}

table.alerts td {
}

div#contacts table.vertical th {
text-align: right;
padding-right: 0.5em;
}

div#contacts table.vertical td {
}

a.buttonlink {
border: 1px solid black;
text-decoration: none;
color: black;
padding: 0.1em 0.5em;
background-color: #eee;
}

a.buttonlink:hover {
color: black;
background-color: #ccc;
text-decoration: none;
}

a.button_small {
border: 1px solid black;
text-decoration: none;
color: black;
font-size: 70%;
text-transform: uppercase;
padding: 0px 3px;
background-color: #eee;
}

a.button_small:hover {
color: black;
background-color: #ccc;
text-decoration: none;
}


/* ---------------------------------------- 
EXPLORE
-----------------------------------------*/

div#explore_doc_categories {
width: 35%;
line-height: 18px;
}

div#explore_doc_categories ul { padding: 0; margin: 0; }
div#explore_doc_categories li {
list-style: none;
margin: 0;
padding: 0 0 0 20px;
}
div#explore_doc_categories li.folder_open { cursor: default; background: url(admin/images/folder-open.png) 0px 2px no-repeat; }
div#explore_doc_categories li.folder_closed { cursor: default; background: url(admin/images/folder-closed.png) 0px 2px no-repeat; }
div#explore_doc_categories li.folder_open.selected>a { background-color: #ccc; }
/*div#explore_categories li.main>a { font-weight: bold; }*/

div#explore_documents {
float: right;
width: 60%;
line-height: 18px;
}

div#explore_documents ul { 
padding: 0; 
margin: 0;
}

div#explore_documents li {
list-style: none;
margin: 0;
padding: 0 0 0 20px;
}

div#explore_documents li.doc { 
cursor: default; 
background-image: url(admin/images/document.png);
background-repeat: no-repeat;
}

/* ---------------------------------------- 
PRINT
-----------------------------------------*/

#print{
float: right;
width: 100px;
text-align: right;
margin: 0 13px 0 0;
padding: 0px;
}

#docs-input{
width: 180px;
height: 13px;
border: 1px solid #79B3EC;
font-size: 10px;
margin: 8px 5px 10px 5px;
padding: 0 0 0 4px;
color: #2A8B2A;
}

.image-box{
border: 1px solid #CCCCCC;
}

#strapline{
color: #339900;
font-size: 12px;
margin: 5px 0 15px 70px;
padding: 0px;
}

.test{
border: 1px solid #CCCCCC;
width: 200px;
height: 200px;
}

.clear {
clear: both;
}

h1.admin {
margin-bottom: 0.5em;
}


div#popup {
margin: 1em;
line-height: 100%;
}

div#carosel-image {
border-bottom: 1px solid #fff;
}


ol li{
margin: 2px 0 5px 0;
line-height: 16px;
}