/* 
 * ========================================
 * Spider Networks - August 2005 
 * ========================================
 */

html, body {
margin : 0; 
padding : 0; 
font : small Verdana, Sans-serif; 
line-height : 1.6em;
color : #333333;
height : 100%;
} 
ol li {
color : #325784;
}
mainSupport p strong {
font-size: 110%;
}
#container {
border-right : 1px solid #dddddd; 
width : 750px;
} 
p.posted {
  border-top:1px dotted #ccd;
  margin : 10px 20px 0px;
}
p.divider {
  border-top:1px dotted #ccd;
  margin : -15px 20px -10px;
  }
p.dividerAcademic {
  border-top:1px dotted #666;
  margin : -15px 20px -10px;
  }
#top , #footer {
height : 44px; 
background : #314d73 url("../images/bg_tile.gif") repeat-x; 
width : 100%; 
} 
#footer {
clear : both; 
} 
#rightBar img.bett {
padding : 0px 0px 0px 0px;
margin : 10px 0px 0px 20px;
}
#columnWrapper {
background : transparent url("../images/column_bg_tile.gif") repeat-y 0 0; 
width : 750px; 
margin-top : 0;
} 
#SupportWrapper {
width : 750px; 
margin-top : 0;
} 
#colWrapAcademic {
background : transparent url("../images/column_bg_tile_academic.gif") repeat-y 0 0; 
width : 750px; 
margin-top : 0;
} 
#colWrapAssoc {
background : transparent url("../images/column_bg_tile_associations.gif") repeat-y 0 0; 
width : 750px; 
margin-top : 0;
} 
#colWrapIsp {
background : transparent url("../images/column_bg_tile_isp.gif") repeat-y 0 0; 
width : 750px; 
margin-top : 0;
} 
#rightBar {
width : 243px; 
margin : 0; 
padding : 0; 
float : right; 
} 
#rightBar h2 {
padding : 20px 20px 0;
margin : 0 0 -10px 0; 
font : 165% Georgia, Serif; 
color : #8e9499; 
} 
#rightBar h2.beige {
color : #bb9955; 
}
#rightBar img, #copyright img {
padding : 10px 20px 0px 40px;
margin : 0px 20px 0px 2px;
}
#rightBar img.screenshot {
padding : 0px 0px 0px 0px;
margin : 10px 0px 0px 10px;
}
#rightBar ul {
padding : 20px 20px 0px 20px;
margin : 0px 20px 0px 2px;
font-size:85%;
line-height:1.5em;
list-style-type: none;
}
#rightBar li {
background-image: url(../images/rightb_li.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 1.1em;
font-weight: bold;
color : #335588;
}
#rightBar li a {
text-decoration : none;
font-weight: normal;
color : #335588;
border-bottom : 1px dashed #335588;
}
#main ul, #mainRegular ul {
padding : 0px 20px 0px 20px;
margin : 0px 20px 0px 2px;
font-size: 85%;
line-height:1.5em;
list-style-type: none;
}
#main li, #mainRegular li {
background-image: url(../images/rightb_li.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 1.1em;
margin : 4px 0px 4px 0px;
font-weight : normal;
color : #5284C1;
}
#main li a, #mainRegular li a {
text-decoration : none;
font-weight: normal;
color : #335588;
border-bottom : 1px dashed #335588;
}
#rightBar li.orange a {
text-decoration : none;
font-weight: normal;
color : #8F9281;
border-bottom : 1px dashed #8F9281;
}
#rightBar li a:hover {
text-decoration : none;
color : #993333;
border-bottom : 1px solid #993333;
}

#rightBar p {
color : #325784; 
}
#rightBar p.boxed {
color : #325784;
background-color : #fff; 
margin : 6px 10px;
padding : 8px 8px;
border : 1px dashed #325784;
}  
#rightBar p.testimonial, #mainLeft p.academic {
color : #777;
}
#rightBar p.orange {
color : #8F9281;
}
#rightBar p.orange a {
color : #000;
text-decoration : none;
border-bottom : 1px dashed #000;
}
#rightBar p.orange a:hover {
color : #F2A916;
text-decoration : none;
border-bottom : 1px dashed #F2A916;
}
#rightBar p a {
text-decoration : none; 
color : #335588; 
border-bottom : 1px dashed #335588; 
} 
#rightBar p a:hover {
color : #993333; 
border-bottom : 1px solid #993333; 
} 
#mainWrapper {
width : 507px;
background : transparent url("../images/left_column_bg_tile.gif") repeat-y 0 0;
margin : 0; 
padding : 0; 
float : left; 
}
#mainWrapperIsp {
width : 507px;
background : transparent url("../images/left_column_bg_tile_isp.gif") repeat-y 0 0;
margin : 0; 
padding : 0; 
float : left; 
}
#mainWrapperAcademic {
width : 507px;
background : transparent url("../images/left_column_bg_tile_academic.gif") repeat-y 0 0;
margin : 0; 
padding : 0; 
float : left; 
}
#mainWrapperAssociation {
width : 507px;
background : transparent url("../images/left_column_bg_tile_assoc.gif") repeat-y 0 0;
margin : 0; 
padding : 0; 
float : left; 
}
#Wrapper {
width : 507px;
margin : 0; 
padding : 0; 
float : left; 
}
#mainLeft {
width : 254px; 
margin : 0; 
padding : 0; 
float : left; 
border-top : 1px dashed #ddd; 
/*min-height : 100%;
height: 60%; */
} 
#mainRight {
width : 250px; 
/*width : 253px; */
margin : 0; 
padding : 0; 
float : right; 
border-top : 1px dashed #ddd; 

} 
#mainLeft h2 {
padding : 20px 20px 10px 20px;
margin: 0 0 -10px 0; 
font : 135% Georgia, Serif; 
color : #74a5c6; 
}
#mainLeft h2.academic {
color: #B0AAA2;
}
#mainLeft h3, #rightBar h3, #mainRight h3, .h3 {
padding : 20px 0px 0px 0px;
margin: 0px 30px -5px 20px; 
font : 125% Georgia, Serif; 
color : #000;
}
#mainLeft h3 a, #rightBar h3 a {
color : #000;
text-decoration: none;
border-bottom: 1px dashed #000; 
}
#mainLeft h3 a:hover, #rightBar h3 a:hover {
border-bottom: 1px solid #000; 
}  
#mainLeft p {
color : #325784; 
} 
#mainLeft p a {
text-decoration : none; 
color : #74a5c6; 
border-bottom : 1px dashed #74a5c6; 
} 
#mainLeft p a:hover {
color : #325784; 
border-bottom : 1px solid #325784; 
} 
#mainRight p {
color : #325784; 
} 
#mainRight p.success {
color : #667777;
} 
#mainRight p.success a {
color : #AF2A18;
background-color : #fff;
font-style: normal;
border-bottom: 1px dashed #AF2A18;
}
#mainRight p.success a:hover {
color : #AF2A18;
background-color : #fff;
border-bottom: 1px solid #AF2A18;
} 
#mainRight p a {
text-decoration : none;
color : #325784;  
border-bottom : 1px dashed #325784; 
} 
#mainRight p a:hover {
color : #325784;
border-bottom : 1px solid #325784;;
 
} 

#mainRight h2 {
padding : 20px 20px 10px 20px; 
font : 135% Georgia, Serif; 
color : #234455; 
margin: 0 0 -10px 0;  
}
#mainRight p.heading {
font-weight: bold;
color : #667777;
margin-top: 14px;
margin-bottom: -22px;
}
#mainRight p.heading a {
font-weight : bold;
color : #667777;
text-decoration : none;
background-color: #fff;
border-bottom: dashed #667777;
}
#mainRight p.heading a:hover {
background-color:#fff;
color : #b4b8b8;
border-bottom : dashed #b4b8b8;
}
#main {
float : left; 
width : 507px; 
margin : 0; 
padding : 0;
min-height:100%; 
}
#mainSupport {
float : left; 
width : 750px; 
margin : 0; 
padding : 0;
min-height:100%; 
}
#mainSpecial {
float : left; 
width : 749; 
margin : 0; 
padding : 0;
min-height:100%; 
}
#main table, #mainRegular table {
padding : 2px;
margin : 10px 0px 0px 20px;
line-height : 1.4em;
width : 90%;
border : 1px solid #bfceda; 
}
#mainSupport table {
margin: 10px 0px 0px 0px;
padding : 10px 20px 0px 20px;
line-height : 1.4em;
width : 100%;
}
#mainSupport table.forms {
background-color:#DEE7EF;
margin: 10px 0px 0px 0px;
padding : 10px 20px 0px 20px;
line-height : 1.4em;
width : 100%;
}
#mainSpecial table {
padding : 2px;
margin : 10px 0px 0px 20px;
line-height : 1.4em;
width : 90%;
}
#main td.blue, #mainRegular td.blue, #mainSpecial td.blue {
padding : 4px;
background-color: #DEE7EF;
color : #325784;
}
#main td.blue strong, #mainRegular td.blue strong, #mainSpecial td.blue strong {
color : #5284C1;
}
#main td, #mainRegular td, #mainSpecial td{
padding : 4px;
color : #5284C1;
}
#mainSupport td{
font : 100% Georgia, Serif; 
padding : 6px 4px 10px 6px;
color : #74A5C6;
}
#mainSupport td a{
color : #5284C1;
text-decoration: underline;
}
#mainSupport td a:hover{
color : #C90D26;
text-decoration: underline;
}
#mainSpecial td{
padding : 4px;
color : #5284C1;
}
#mainSpecial td a{
color : #5284C1;
text-decoration: none;
border-bottom : 1px dashed #5284c1;
}
#mainSpecial td a:hover{
color : #34558A;
text-decoration: none;
border-bottom : 1px soild #34558A;
}
#main td.heading, #mainRegular td.heading, #mainSpecial td.heading {
font : 175% Georgia, Serif; 
color : #34558A;
border-bottom : 1px solid #34558A;
padding : 2px;
}
#mainSupport td.heading {
font : 175% Georgia, Serif; 
color : #34558A;
padding : 2px;
}
#main p.successHead {
background-color : #8E9499;
padding : 15px 20px 20px 20px; 
font : 145% Georgia, Serif; 
color : #F3F5F8; 
margin-bottom : 10px; 
}
#main p.highlight {
color: #75a5c4;
}
#mainRegular {
float : left; 
width : 507px; 
margin : 0; 
padding : 0;
min-height:100%; 
}
.imgleft, .left, img.left {
float:left;
margin: 0px 6px 6px 0px;
padding: 0px 5px 4px 0px;
}
.imgRight {margin: 0px 0px 10px 20px;}
img.pressleft {
float:left;
margin: 3px 6px 0px 0px;
padding: 0px 5px 4px 0px;
}

#mainLeft p td {
background-color : #fff;
padding : 10px;
font-size : 90%;
float: left;
}
#mainRegular h2 {
padding : 20px 20px 5px; 
font : 175% Georgia, Serif; 
color : #34558a; 
margin : 0px 0px -5px 0px;
}
#mainRight h2.red, #mainRegular h2.red {
color : #c90d26; 
} 
#mainRegular h3 {
padding : 3px 20px 0; 
font:110%/1.5em Georgia,Serif;
color : #75a5c4; 
margin-bottom : -20px;
margin-top: -10px;
}

#mainRegular h3.name {padding: 10px 0px 10px 20px;}

#mainRegular h3 a {
text-decoration : none;
color : #75a5c4;
border-bottom : 1px dashed #75a5c4;
}
#mainRegular h3 a:hover {
color : #af2a18;
border-bottom : 1px solid #af2a18;
}
#mainRegular h3.gold {
color : #E0A736;
}
#mainRegular h3.red {
color : #A50000;
}
#main h3 {
padding : 3px 20px 0; 
font:110%/1.5em Georgia,Serif;
color : #75a5c4; 
margin-bottom : -15px;
margin-top: -10px;
}
#mainRegular p {
color : #325784; 
margin-bottom : 10px; 
} 
#mainRegular p.academic  {
color : #666;
font-size : 95%;
}
#mainRegular p.red  {
color : #af2a18;
}
#mainRegular p.grey  {
color : #666;
}
#mainLeft p.academic a, #mainRegular p.academic a {
color : #af2a18;
font-weight : bold;
text-decoration : none;
border-bottom : 1px dashed #af2a18;
} 
#mainLeft p.academic a:hover, #mainRegular p.academic a:hover{
color : #af2a18;
font-weight : bold;
border-bottom : 1px solid #af2a18;
} 
#mainRegular p a {
text-decoration : none; 
color : #75a5c4; 
border-bottom : 1px dashed #75a5c4; 
} 
#mainRegular p a:hover {
color : #af2a18; 
border-bottom : 1px solid #af2a18; 
} 
#main h2, #mainSpecial h2, #mainSupport h2 {
padding : 20px 20px 0; 
font : 175% Georgia, Serif; 
color : #34558a; 
margin-bottom : -10px; 
} 
#mainSupport h2.red {
color : #cc0033;
padding: 2px 0px 8px 20px; 

} 

#main p, #mainSpecial p, #mainSupport p {
color : #325784; 
line-height : 1.4em; 
font-size : 95%; 
margin-bottom : 10px; 
} 
#main p a, #mainSupport p a {
text-decoration : none; 
color : #325784;
border-bottom : 1px dashed #325784;
} 
#main p a:hover, #mainSupport p a:hover {
color : #993333;
border-bottom : 1px dashed #993333;
} 
p , td {
font-size : 0.8em; 
padding : 0 20px 5px; 
line-height : 1.5em; 
}
.posted {
  color:#998;
} 
p.posted {
  margin-top:.5em;
  border-top:1px dotted #ccd;
  padding-top:4px;
}
#nav , #nav ul {
padding : 0 10px; 
margin : 0; 
list-style : none; 
line-height : 1; 
height : 23px; 
background-color : #ffffff; 
z-index : 100; 
} 
#nav {
width : 750px; 
width : 730px; 
border-top : 1px solid #dddddd; 
border-bottom : 1px solid #dddddd; 
} 
* html #nav , #nav ul {
height : 21px; 
} 
#nav ul {
padding : 0; 
margin : 0; 
list-style : none; 
line-height : 1; 
border-left : 1px solid #dddddd; 
border-right : 1px solid #dddddd; 
border-top : 0; 
border-bottom : 0; 
height : 23px; 
background-color : #ffffff; 
} 
#nav a {
display : block; 
color : #68a; 
text-decoration : none; 
font-size : 0.85em; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
padding-left : 10px; 
padding-right : 10px; 
padding-top : 5px; 
padding-bottom : 6px; 
margin : 0; 
border-right : 1px solid #dddddd; 
border-left : 0; 
border-top : 0; 
border-bottom : 0; 
background-color : #ffffff; 
} 
#nav a:hover {
color : #234455; 
} 
#nav li ul a {
display : block; 
margin : 0; 
border-right : 0; 
width : 75px; 
width : 95px; 
padding-top : 5px; 
padding-bottom : 6px; 
font-size : 1.1em; 

} 
#nav li {
float : left; 
width : auto; 
background-color : #ffffff; 
z-index : 100; 
} 
#nav li ul li {
border-top : 0 solid #dddddd; 
border-bottom : 1px solid #dddddd; 
border-left : 1px solid #dddddd; 
border-right : 1px solid #dddddd; 
font-size : 0.9em; 
} 
#nav li ul {
position : absolute; 
width : 117px; 
left : -999em; 
margin : 2px 0 0 -1px; 
border-top : 1px solid #dddddd; 
border-right : 0; 
border-bottom : 0; 
border-left : 0; 
background-color : #FFFFFF; 
z-index : 200; 
font-size : 0.8em; 
} 
#nav ul li a:hover {
color : #ffffff; 
background-color : #6687aa; 
} 
* html #nav li ul {
margin : 1px 0 0 -1px; 
} 
#nav li:hover ul , #nav li.sfhover ul {
left : auto;
margin-top: 0px;
 
} 
#topnav {
position : absolute; 
left : 561px; 
top : 10px; 
} 
#topnav ul {
list-style-type : none; 
padding : 0; 
margin : 0; 
width : 200px; 
} 
#topnav ul li {
float : left; 
} 
#topnav ul li a {
color : #75a5c4; 
text-decoration : none; 
font-size : 85%; 
padding : 0 6px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
} 
#topnav ul li a:hover {
color : #ffffff; 
} 
.darkBlue {
position : absolute; 
left : 20px; 
top : 10px;
font-size : 85%; 
color : #75a5c4;  
} 
#copyright {
font-size : 10px; 
color : #75a5c4; 
} 
#copyright {
text-align : center; 
height : 44px; 
line-height : 44px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
}
form {
  margin:.75em 0 1.5em;
  padding:5px 10px 8px;
  }
form table {
padding:5px 10px 8px;
  color:#444;
 }
form > table {
  width:80%;
  color: #444;
  }
form th {
  text-transform:lowercase;
  white-space:nowrap;
  }
form .group {
  margin:0 0 .75em;
  }
form.filter {
  margin-bottom:1.5em;
  }
input, textarea, select {
  margin:1px 0;
  font:100%/1.2em Monaco,Monospace;
  }
td input, td textarea, td select, #searchform input, #advsearch input {
  font-size:110%;
  }
input.text {
  background:#fff;
  border:1px solid #ccc;
  border-color:#aaa #eee #eee #aaa;
  color:#333;
  }
  input.textSupport {
  font:60%/1.2em Monaco,Monospace;
  background:#fff;
  border:1px solid #ccc;
  border-color:#aaa #eee #eee #aaa;
  color:#333;
  }
.imgbutton {
  vertical-align:middle;
  }
.unit {
  white-space:nowrap;
  margin-right:.5em;
  }
select {
  border:1px solid #ccc;
  }
form p {
  font-size:85%;
  line-height:1.6em;
  }
form td p {
  font-size:80%;
  }
form table td {
  width:80%;
  }
form table td, form table th {
  padding:5px 10px 5px 10px;
  font-weight:normal;
  font-size:85%;
  }
form td.buttons, form th.buttons {
  border-width:0;
  }
form label {
  text-transform:lowercase;
  }
form h2 label {
  text-transform:none;
  }
fieldset {
  border:1px dotted #bba;
  padding:8px 10px;
  margin:1em 0;
  }
fieldset legend {
  padding:0;
  margin:0;
  color:#844;
  }
label em {
  font-style:normal;
  }
form .error th label, form .error td label {
  font-weight:bold;
  }
form label:hover {
  color:#963;
  cursor:pointer;
  }
form label.inline {
  display:inline;
  font-weight:normal;
  }
form div.highlt {
  background:#ffc;
  }
form div.highlt label {
  color:#c00;
  }
form input, form textarea, form select {
  margin:1px 0;
  }
form textarea {
  background:#fff;
  display:block;
  clear:left;
  width:97%;
  border:1px solid #ccc;
  border-color:#ccc #fff #fff #ccc;
  color:#333;
  }
form .error input.text, form .error textarea {
  border-color:#c66 #FFB2B2 #FFB2B2 #c66;
  }
form input.button, form input.button2 {
  padding:1px;
  border:1px solid #69c;
  border-color:#69c;
  background:#fff;
  color:#325784;
  font:bold 100% Verdana,Sans-serif;
  }
form input.button2 {
  border-color:#998 #665 #665 #998;
  color:#333;
  }
form input.button:hover, form input.button2:hover {
  color:#C90D26;
  background:#fff;
  cursor:pointer;
  }
form input.button:active {
  border-color:#69c;
  background:#fff;
  color:#325784;
  }
form input.button2:active {
  border-color:#666 #999 #999 #666;
  background:#ccc;
  color:#000;
  }