/*** GENERAL STYLES ***/

body {background: #ced5dd url(../images/uploads/bkg.gif) repeat-x; text-align: center; margin: 0; padding: 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 12px; color: #444;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 20px;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.5em 0;}
a {color: #7090b7; text-decoration: none;}
a:hover {text-decoration: underline;}
.barlink {position: relative; display: block; background: #5b457b url(../images/uploads/barlink.gif) right center no-repeat; color: #fff; line-height: 14px; padding: 3px 0; cursor: pointer;}
.barlink:hover {text-decoration: none; background-color: #666; background-image: url(../images/uploads/barlinkhover.gif);}

.hide {display: none;}
.alert {color: #c00;}
.small {font-size: 11px;}
.magenta {color: #8e288c;}
.gray {color: #666;}
.blue {color: #7090b7;}
.uppercase {text-transform: uppercase;}
.footnote {font-size: 11px; font-style: italic; color:#999;}

.floatleft {float: left;}
.floatright {float: right;}
.imgleft {float: left; margin: 0 15px 15px 0;}
.imgright {float: right; margin: 0 0 15px 15px;}
.textleft {text-align: left;}
.textcenter {text-align: center;}
.textright {text-align: right;}

.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.hr {float: none; clear: both; height: 1px; overflow: hidden; background: #ccc; margin: 2em 0;}
.clear {float: none; clear: both;}

.half {width: 50%;}
.third {width: 33%;}
.twothird {width: 60%;}
.quarter {width: 25%;}
.threequarter {width: 70%;}

.ir {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
a .ir {cursor: pointer;}


/*** STRUCTURAL STYLES ***/

#top {width: 980px; height: 160px; margin: 0 auto 19px;}
#homeflash {height: 350px; text-align: center;}

#outer {position: relative; width: 980px; padding-right: 12px; margin: 0 auto; text-align: left; background: #fff url(../images/uploads/outer.gif) right top repeat-y;}
#corner {position: absolute; right: 0; top: 0; width: 12px; height: 77px; background: url(../images/uploads/corner.gif); overflow: hidden;}
#shadow {height: 11px; margin-right: -12px; background: url(../images/uploads/shadow.gif); overflow: hidden;}
#gradient {position: absolute; left: -1px; bottom: 0; width: 1px; height: 300px; background: url(../images/uploads/gradient.gif); overflow: hidden;}

#content {position: relative; float: left; width: 670px; padding: 35px 0 15px 30px;}
#sidebar {position: relative; float: right; width: 189px; margin: 58px 0 30px 0; padding: 43px 30px 50px 20px; border-left: 1px solid #969696; min-height: 250px; zoom: 1;}
	#sidebar.nodivider {border: 0;}
	#sidebar.nodivider #gradient {display: none;}

#content h1 {font-size: 22px; font-weight: normal; color: #8e288c; line-height: 40px; margin-bottom: 30px;}
#header {position: relative;}
#header .ir {background-repeat: no-repeat;}
#content h2 {font-size: 17px; color: #8e288c; font-weight: normal;}
#content h3 {font-size: 14px; color: #8e288c; font-weight: normal;}
#content h2 a, #content h3 a {color: #8e288c;}
#content ul {margin-bottom: 1.5em;}
#content ul li {padding-left: 30px; margin-bottom: 5px; background: url(../images/uploads/bullet.gif) 18px 8px no-repeat;}

.headshot {position: relative; top: 0; right: 0; float: right; margin: 0 0 40px 40px;}
.headshot .caption {position: absolute; right: 10px; bottom: 40px; font-size: 10px;}

.grid {margin-right: -20px; width: 690px; overflow: hidden; zoom: 1;}
.griditem {position: relative; float: left; width: 210px; margin-right: 20px; text-align: center; font-size: 10px; text-transform: uppercase; background: url(../images/uploads/griditem.gif);}
.griditem a {display: block; width: 210px; color: #666;}
.griditem a:hover {text-decoration: none;}
.griditem span {display: block; cursor: pointer;}
.gridimage, .gridtext, .gridcontact {width: 204px; height: 70px; border: 2px solid #fff; margin: 0 1px;}
.griditem a:hover .gridimage, .griditem a:hover .gridtext, .griditem a:hover .gridcontact {background: url(../images/uploads/gridhover.gif);}
.griditem a:hover .gridimage, .griditem a:hover .gridtext {color: #09b0da;}
.gridbottom {width: 208px; height: 16px; line-height: 17px;}
.gridtext {font-size: 16px; line-height: 20px; color: #949494; *position: relative; display: table !important; margin-top: 10px; height: 60px;}
.gridtext2 {*position: absolute; *left: 0; *top: 50%; width: 204px; display: table-cell !important; vertical-align: middle;}
.gridtext3 {*position: relative; *left: 0; *top: -50%; width: 204px;}
.gridcontact {line-height: 15px; text-transform: none; padding-top: 20px; height: 50px; color: #666;}
.gridemail {color: #7090b7;}
.griditem a:hover .gridemail {color: #09b0da;}

#content .pagination {overflow: hidden;}
#content .pagination li {float: left; background: none; padding: 0; margin: 0 5px 0 0;}
.pagination a {display: block; padding: 0 8px; border: 1px solid #fff; color: #959595;}
.pagination a:hover {text-decoration: none; color: #09b0da;}
.pagination strong {display: block; padding: 1px 8px; background: #f4f4f4; font-weight: normal; color: #09b0da;}

.learn, .event, .press, .blog, .comment {position: relative; clear: both;}
p.closer {margin-top: -1em;}

.blog {margin: 0 -15px 15px; padding: 15px 15px 1px; width: 670px; background: url(../images/uploads/blog.gif) left bottom no-repeat;}
.comment {margin: 0 -15px 15px; padding: 15px; width: 670px; border-bottom: 1px solid #dfe4e9;}
#commentform {margin: 0 -15px 15px; width: 670px; position: relative;}
#joinform {width: 285px;}

.boxform {margin-bottom: 15px; padding: 15px; border: 1px solid #c7c7c7; background: #f0f4f8; overflow: hidden; font-size: 10px; zoom: 1;}
.boxform label {display: block;}
.boxform input.text {font-size: 10px; width: 275px; border: 1px solid #ccc;}
.boxform textarea {font-size: 10px; width: 350px; height: 145px; border: 1px solid #ccc;}
.boxform .barlink {margin: 15px 0 0 10px; padding: 0 20px 0 10px; border: 0; font-size: 11px; line-height: 16px;}

.postform {margin-bottom: 15px; padding: 15px; border: 1px solid #c7c7c7; background: #f0f4f8; overflow: hidden; font-size: 10px; zoom: 1;}
.postform label {display: block;}
.postform input.text {font-size: 10px; width: 500px; border: 1px solid #ccc;}
.postform textarea {font-size: 10px; width: 665px; height: 400px; border: 1px solid #ccc;}
.postform .barlink {margin: 15px 0 0 10px; padding: 0 20px 0 10px; border: 0; font-size: 11px; line-height: 16px;}

#sidebar form#gotoform select {margin-bottom: 10px;}

.resultRowOne {background-color: #FFFFFF;}
.resultRowTwo {background-color: #EEEEEE;}

#content ul.sitemap li {margin-bottom: 15px; font-size: 15px; background: none; padding-left: 0;}
#content ul.sitemap li ul {padding-top: 5px;}
#content ul.sitemap li li {margin-bottom: 0; font-size: 11px;}
#content ul.sitemap li li a {color: #666;}
#content ul.sitemap li li a:hover {color: #7090b7;}

#sidebar {font-size: 11px; line-height: 16px;}
#sidebar .large {font-size: 14px; line-height: 20px;}
#sidebar .morelineheight {line-height: 24px;}
#sidebar .fatborder {position: relative; left: -20px; clear: both; margin-right: -20px; border-left: 4px solid #7090b7; padding-left: 16px; overflow: hidden; margin-bottom: 20px; zoom: 1; padding-top: 5px;}
#sidebar .fatborder .large {line-height: 16px;}
#sidebar .fatborder ul.floatright {padding-top: 5px;}
#sidebar .fatborder p {margin-bottom: 0;}
#sidebar blockquote {margin: 0 0 1.5em 0; text-indent: -5px;}
#sidebar blockquote cite {display: block; font-size: 11px; color: #666; line-height: 13px; padding-left: 7px; padding-top: 5px}
#sidebar .hr {background: #fff url(../images/uploads/sidebarhr.gif) no-repeat; position: relative; left: -20px;}

#sidebar h4 {font-size: 11px; text-transform: uppercase; margin-bottom: 15px;}
#sidebar form {margin-bottom: 25px;}
#sidebar form h4 {margin-bottom: 0;}
#sidebar form select, #sidebar form input.text {width: 175px; font-size: 10px; margin-bottom: 3px;}
#sidebar form input.text {border: 1px solid #ccc;}
#sidebar input {vertical-align: top;}
#sidebar .barlink {position: relative; left: -20px; clear: both; margin: 0 -20px 5px 0; padding: 3px 20px;}

#sidebar .graybox {background: #666 url(../images/uploads/graybox.gif) left bottom repeat-x; padding: 6px 6px 30px; line-height: 13px; font-size: 11px;}
#sidebar .grayboximage {display: block; margin-bottom: 6px;}
#sidebar .graybox a {color: #fff;}
#sidebar .grayboxtext {display: block; width: 177px; padding-bottom: 22px; background: url(../images/uploads/bluearrows.gif) right bottom no-repeat;}

#sidebar .buzzlink {width: 173px; height: 49px; padding: 1px; background: url(../images/uploads/buzzlink.gif);}
#sidebar .buzzlink a {display: block; width: 169px; height: 45px; border: 2px solid #fff; text-align: center; line-height: 45px; font-size: 17px; color: #949494; text-transform: uppercase;}
#sidebar .buzzlink a:hover {background: url(../images/uploads/buzzhover.gif) left bottom repeat-x; text-decoration: none; color: #09b0da;}

#homecontent {width: 654px; margin: 0 auto; text-align: left;}
#homecontent h1 {position: relative; font-size: 18px; height: 20px; font-weight: normal; text-transform: uppercase; margin-bottom: 20px; color: #000;}
#homecontent h1 .ir {background: url(../images/uploads/homeh1.gif);}
#homecontent p {width: 430px;}

#footer {width: 934px; margin: 0 auto; text-align: left; font-size: 11px;}
	body.home #footer {width: 654px; padding-top: 20px;}
#footer a {color: #666;}

* html .gridimage img {position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/iepngfix.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}


/*** FORMATTING BUTTON STYLES FOR CMS ***/

.buttonMode {background-color: transparent; color: #73769D; font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; font-size: 10px;white-space: nowrap;}
.htmlButtonOutter, .htmlButtonOutterL {background-color: #f6f6f6;border-bottom: #333 1px solid;border-right: #333 1px solid;border-top: #333 1px solid;padding: 0;}
.htmlButtonOutterL {border-left: #333 1px solid;}
.htmlButtonInner {background-color: transparent;border-bottom: #ccc 1px solid;border-left: #fff 1px solid;border-right: #ccc 1px solid;border-top: #fff 1px solid;padding: 0 3px 0 3px;text-align: center;}
.htmlButtonOff {font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;font-size: 11px;font-weight: bold;padding: 1px 2px 2px 2px;white-space: nowrap;}
.htmlButtonOff a:link {color: #000;text-decoration: none;white-space: nowrap;}
.htmlButtonOff a:visited {text-decoration: none;}
.htmlButtonOff a:active {color: #999;text-decoration: none;}
.htmlButtonOff a:hover {color: #999;text-decoration: none;}
.htmlButtonOn {background: #f6f6f6;font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;font-size: 11px;font-weight: bold;padding: 1px 2px 2px 2px;white-space: nowrap;}
.htmlButtonOn a:link {color: #990000;text-decoration: none;white-space: nowrap;}
.htmlButtonOn a:visited {text-decoration: none;}
.htmlButtonOn a:active {color: #999;text-decoration: none;}
.htmlButtonOn a:hover {color: #999;text-decoration: none;}
.htmlButtonA {font-family: Lucida Grande, Verdana, Geneva, Sans-serif;font-size: 11px;font-weight: bold;padding: 2px 3px 3px 3px;white-space: nowrap;}
.htmlButtonB {background: #E1E3EC;font-family: Lucida Grande, Verdana, Geneva, Sans-serif;font-size: 11px;font-weight: bold;padding: 2px 3px 3px 3px;white-space: nowrap;}
.htmlButtonA a:link {color: #000;font-weight: bold;text-decoration: none;white-space: nowrap;}
.htmlButtonA a:visited {text-decoration: none;}
.htmlButtonA a:active {color: #999;text-decoration: none;}
.htmlButtonA a:hover {color: #999;text-decoration: none;}
.htmlButtonB a:link {color: #990000;font-weight: bold;text-decoration: none;white-space: nowrap;}
.htmlButtonB a:visited {text-decoration: none;}
.htmlButtonB a:active {color: #999;text-decoration: none;}
.htmlButtonB a:hover {color: #999;text-decoration: none;}