/******* structure and layout *******/
body {
margin:10px 10px 0px 0;
padding:0px;
font-family:Arial, Helvetica, sans-serif; 
font-size: 9pt; 
color:#000000;
}


.leftcontent {
position: absolute;
left:0px;
top:126px;
width:140px;
background:#666666 url(img/left_bg.gif);
border:none;
text-align:left;
}

.left_news {
position: relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#818181;
margin:0 0 0 0;
padding:10px 0px 5px 0px;
width:180px;
background: #ffffff;
}

.hint {
font-size:10pt;
font-style: italic;
padding:0px 10px 0px 0px;
margin: 0px;
}


#centercontent {
background:#ffffff;
margin-top:10px;
margin-left: 181px;
margin-right:149px;
padding-left: 10px;
line-height:1.4em;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 181px;
margin-right:161px;

}
html>body #centercontent {
margin-left: 181px;
margin-right:161px;
padding-left: 10px;

}

  .prop {
    float:left;
    width:1px;

  }

  .clear {
    height:1px;
    overflow:hidden;
    clear:both;
  }

  .min450px {
    height:450px;
  }

.rightcontent {
position: absolute;
right:10px;
top:140px;
width:150px;
background:#942531;
border:1px solid #660000;
}

.rightcontent h1 {
	font-size: 12px;
        color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15px;
	padding-left: 0px;
        padding-top: 10px;
        padding-bottom: 4px;
        margin-left:7px;
        margin-bottom:0px;
}

.right_news {
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#818181;
margin:0 0 0 0;
padding:10px 5px 5px 10px;
width:135px;
background:#ffffff;
}

#banner {
background:#ffffff url(img/header_bg.gif);
height:116px;
border:none;
voice-family: "\"}\"";
voice-family: inherit;
height:39px;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
html>body #banner {
height:116px;
}

.footer {
position:relative;
margin:0 0 10px 0;
padding:5px 10px 5px 190px;
background:#666666;
/* yet another problem with IE, this time with the boder of the footer. The top portion of the border was not showing up in IE, but was fine in the other browsers. Although i know it's bad form to say "screw it", i'm saying it anyway because i really don't want to take the time to work around yet another IE bug. */
border:1px solid #ffffff;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:7pt;
color:#ffffff;
}

.page_title {
position:absolute;
top:53px;
left:190px;
margin:0 0 0 0;
padding:0 0 0 0;
}

.top_links {
/* i positioned the top links absolutely within the banner area because of a problem i saw in IE when i did a float-right, and i didn't want to take the time to figure it out. Anyway, this isn't a problem until you add more links to the top nav or edit the text links. If/when you do, you'll have to adjust the position of the area by moving it right or left. 600px isthe default */
position:absolute;
top:10px;
left:600px;
margin:0 0 0 0;
padding:0 0 0 0;
}

p,h1,pre {
margin:0px 5px 5px 5px;
}

table {
font-family:Arial, Helvetica, sans-serif; 
font-size: 9pt; 
}

td {
vertical-align: top;
}

td.field_name {
font-weight: bold;
}

#rightcontent p {
font-size:8pt;
}


#title_val {
width: 150px;
padding-left: 15px;
text-align: left;
vertical-align: top;
}

#inst_val {
width: 300px;
text-align: left;
}


/******* left navigation *******/
#nav ul {
margin:10px 0 10px 5px;
padding:0 0 0 0;
background:transparent;
}

#nav li {
list-style-type: none;
background:#cccccc;
color: #daa520;
border:1px solid #000000;
text-align:left;
padding:0 0 0 0;
margin-bottom:6px;
}

#nav li a {
color: #660000;
font-weight:bold;
text-decoration: none;
display: block;
padding:2px 0 2px 5px;
}

#nav li a:hover {
background:#ffffff;
color: #660000;
}

#nav li a#current {
background:#ffffff;
color: #660000;
}


#nav li a:hover:after {
/* this puts that little blue box after the left navigation links on hover */
background:#ffffff;
color: #660000;
content: url(img/square.gif)
}

/******* right navigation *******/
#rightnav ul {
margin:0px 0px 10px 0px;
padding:0 0 0 0;
background:transparent;
}

#rightnav li {
list-style-type: none;
background:#ffffff;
color: #660000;
border-bottom:1px solid #660000;
border-top:1px solid #660000;
text-align:left;
padding:0 0 0 10px;
}

#rightnav li a {
color: #660000;
font-weight:bold;
text-decoration: none;
display: block;
padding:2px 5px 2px 5px;
margin-top: 1px;
}

#rightnav li a:hover {
text-decoration: underline;
}

#rightnav li a#current {
text-decoration: underline;
}



/******* top navigation *******/
#topnav ul{
padding:0 0 0 0;
margin:0 5px 0 0;
white-space: nowrap;
font-size:7pt;
color:#ffffff;
float:left;
width:100%;
background:transparent;
list-style:none;
}

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

#topnav ul li a{
margin: 0 5px 0 0;
padding: .2em 1em .2em 1em;
background:#B7D7AF;
color: #000000;
font-weight:bold;
text-decoration:none;
float: left;
border:2px solid #ffffff;
}

#topnav ul li a:hover{
background:#7DB26E;
color: #ffffff;
text-decoration:none;
border:2px solid #ffffff;
}


/******* registration form *******/

td.form_subheader {
font-weight: bold;
}

/******* Institution Details *******/

#inst_details {
  margin-left: 15px;
  font-family: Arial, Verdana, Helvetica;
  font-size: 12px;
}


#inst_details th{
  text-align: left;
  background-color: #660000;  
  color: white;
  font-family: Arial, Verdana, Helvetica;
  font-size: 12px;
  padding: 10px 10px 10px 10px;
}


div.print_icon img {
   margin-top: -20px;
}

#inst_details td.section {
  color: #660000;
  width: 30%;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: bold;
  font-size: 12px;
  background-color: #cccccc;
 
}

#inst_details td {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  background-color: #cccccc;
  width: 50%;
}

#inst_details td.small_text {
  font-size: 11px;
}

/******* Standard Form *******/

.form_std th{
  background-color: #660000;  
  color: white;
  font-family: Arial, Verdana, Helvetica;
  font-size: 12px;
  padding: 10px 10px 10px 10px;
}

/******* Institution Listing *******/

#inst_list { 
	font-family: Arial;
	background-color:#cccccc;
	color:#660000;
        margin-left: 15px;
	font-size: 12px; 
        margin: 0 10px 0 10px;
}

#inst_list th { 
	font-weight:bold;
	padding:0 3px 0 3px;
        vertical-align: top;
        text-align:left;
}


#inst_list td{ 
	font-family: Arial;
        padding: 0 2px 0 4px;
	font-size: 12px; 
        background-color: #ffffff;
        color: #000000;}

/******* Search Filter *******/

.filter_question {
    background-color: white;
    color: darkblue;
}

.filter_criteria table {
    background-color: white;
    color: darkblue;
}

.filter_criteria td {
    background-color: #cccccc;
    color: darkblue;
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;

}

#filter_details table {
       color: darkblue;
}

#filter_details {
  margin-left: 15px;
  font-family: Arial, Verdana, Helvetica;
  font-size: 12px;
}


.filter_question td{
    width: 50%;
}

.filter {
    color: darkblue;
}


/******* fonts and colors *******/

a.anchor {
color: black;
text-decoration:none;
vertical-align: middle;
}

a {
color:#660000;
text-decoration:underline;
}

a.small_link {
vertical-align: top;
font-size: 10px; 
}

a:hover {
color:#999999;
text-decoration:none;
}

#footer a {
color:#660000;
text-decoration:underline;
}

#footer a:hover {
color:#999999;
text-decoration:none;
}

.news_title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:bold;
color:#660000;
}


.news_title_grn {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
color:#660000;
}

#page_title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15pt;
color:#660000;
text-transform:uppercase;
}



span.squares {
display:block;
float:left;
width:18px;
height:18px;
margin-right:2px;
background-image:url(img/squares.gif);
background-repeat:no-repeat;
}

span.squares span {display:none;}


blockquote {
padding:5px 10px 5px 10px;
background:#cccccc;
border-left:2px solid #000000;
color:#000000;
}

.title_img {
padding-right: 5px;
}

.title_link {
font-weight: bold;
text-decoration: underline;
color: #000000;
}


#mandate {
margin: 0;
padding:5px 10px 5px 10px;
width: 95%;
background:#cccccc;
text-align:justify;
border-left:2px solid #000000;
color:#000000;
}

h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
padding-top:10px;
}

#banner h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
padding:10px 10px 0px 10px;
margin:0px;
}

p.alphabet {
padding:10px 35px 15px 35px;
background:#cccccc;
color:#000000;
letter-spacing:.03em;
}


/******* lists *******/

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

#list li {
margin:.0 0 0 0;
padding:0 0 0 10px;
list-style-image: url(img/square_list2.gif);
}

#list li a {
margin:.0 0 0 0;
padding:0  0 0 0;
list-style:none;
font-weight: bold;
}


/******* images *******/
img {
border:none;
}

.center {
text-align:center;
}


/******* buttons *******/

.add {
background: #cccccc;
color: #660000;
font-weight:bold;
border: 1px solid #666666;
}


#view_button   {border-style: inset;
        margin-top: 5px;
        border-color: #FF9999;
        background-color: #660000;
        width: 180px;
        padding: 2px 0px 2px 0px;
        text-align: center;}
  
a.buttontext {color: white; 
                text-decoration: none;   
                font: bold 11px Verdana;}

a.buttontext:hover {color: white; 
                text-decoration: underline;   
                font: bold 11px Verdana;
                cursor: hand;}

.searchButton   {
        background-color: white;
        border: 1px solid #cccccc;
        background-image: url(img/search.png);
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        padding: 0px;
        margin: 0px 0px 2px 5px;
        cursor: hand;
        }

/******* workarounds and hacks *******/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */