@charset "UTF-8";

/*--------------------------------------------Body----------------------------------------------------*/


body {background: #fff url(../images/bg.jpg) repeat-x; font-family: Georgia, "Times New Roman", Times, serif; margin: 0; padding: 0;color: #660000; line-height: 19px; font-size: 13px;}
#wrapper { margin:0px auto; width:942px; padding:0; clear:both}
#shadow {-moz-box-shadow:0 0 30px 5px #333;-webkit-box-shadow: 0 0 30px #333; background:ur(../images/bg-sh.jpg) repeat-y;}
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}  /* for IE/Mac */

/*--------------------------------------------Text and Links-------------------------------------------*/

p { margin: 8px 0 20px;}
h1 {margin:0;padding-top:8px;color: #cc0000; font-size: 18px; font-weight:100}
h2 {margin:0;padding-top:8px;color: #cc0000; font-size: 15px; font-weight:100}
h3 { font-size: 20px; font-weight: normal; color: #999; margin: 0; text-align:center}
h4 {margin:0;padding-top:3px;color: #f00; font-size: 16px; }
h6 {margin:0;padding-top:15px;color: #999; font-size: 18px; padding-bottom: 7px;}
a { color: #f00; text-decoration: none;}		
a:hover { border-color: #f00; text-decoration: none;}
.green {color: #b29400;}
.green-line {border-bottom: 1px solid #b29400;}
.footer {font-size: 13px; color: #f7c084;}
.fbar {font-size: 12px; color: #f7c084; line-height:12px}

/*--------------------------------------------Content----------------------------------------------------*/

#header {height: 114px; background: #fff url(../images/emeriti.jpg) top left no-repeat; clear:both;border-right: 1px solid #8B1A1A;border-left: 1px solid #8B1A1A;}
.logo {float: left; width: 350px; height: 80px;}
#searchbox {float: right; padding: 40px 30px 0 0px; width: 200px; height: 37px;}
#adjustfont {float: right; padding: 40px 30px 0 0px; width: 78px; height: 37px;}
.input {background: url(../images/search.jpg) no-repeat}
#menu-1 {height: 32px; background: url(../images/menu-1.jpg) top center repeat-y; padding-top: 7px;border-right: 1px solid #8B1A1A;border-left: 1px solid #8B1A1A;}
#menu-2 {height: 64px; background: url(../images/menu-2.jpg) top center no-repeat;border-right: 1px solid #8B1A1A;border-left: 1px solid #8B1A1A;}
#banner {height: 270px; width: 942px; background:#900;}
#news {height: 70px; width: 940px; clear: both; background: url(../images/content-header.jpg) top center repeat-x;}
.ch1 {float: left; width: 80px; padding: 5px 15px 0px 20px; }
.ch2 {float: left; width: 660px; padding: 7px 15px 0px 20px; }
.ch2 p{color: #cc0000; padding: 7px 0px 0px 0px;}
.ch2 a{color: #cc0000;}
.ch2 a:hover {color: #f00;}
.ch3 {float: right; width: 70px; padding: 0px 20px 0px 20px; }
#content {width: 940px; clear: both; height: 670px; background: #fff url(../images/c-bg.jpg) center repeat-y; border-right: 1px solid #8B1A1A;border-left: 1px solid #8B1A1A;}
.column1 {float: left; width: 260px; padding: 10px 26px 0px 26px; border-right: 1px solid #e4d89e; margin: 0; height: 540px}
.column2 {float: left; width: 260px; padding: 10px 26px 0px 26px; border-right: 1px solid #e4d89e; background:#FCF8DC;margin: 0; height: 540px}
.column3 {float: left; width: 265px; padding: 10px 20px 0px 26px; margin: 0; height: 470px}
.content-bar {float: left; height: 17px; width: 940px; background: #ede5bc; border-right: 1px solid #8B1A1A;border-left: 1px solid #8B1A1A;}
#menubar { float: left; margin: 0px;}

/*--------------------------------------------Footer----------------------------------------------------*/

#footer {width: 942px; height: 63px; clear: both; background:url(../images/redfbar.jpg) center repeat-y;}
#f-bar {height: 29px; width: 940px; background: #320909; clear: both; border-right: 1px solid #8B1A1A;border-left: 1px solid #8B1A1A;}
.fbar-left {float: left; width: 420px;}
.fbar-right {float: right; width: 508px; text-align:right;}
.privacy {float: right; width: 125px; text-align: center; background:url(../images/sm-redbar.png) top left no-repeat;}
.privacy a{color: #f7c084; letter-spacing: 1px;font-size: 10px;}
.privacy a:hover{color: #FCF8DC; letter-spacing: 1px;font-size: 10px;}
.copyright {float: right; width: 150px; text-align: center; background:url(../images/sm-redbar.png) top left no-repeat;}
.copyright a{color: #f7c084; letter-spacing: 1px;font-size: 10px;}
.copyright a:hover{color: #FCF8DC; letter-spacing: 1px;font-size: 10px;}
.legal {float: right; width: 130px; text-align: center; background:url(../images/sm-redbar.png) top left no-repeat;}
.legal a{color: #f7c084; letter-spacing: 1px;font-size: 10px;}
.legal a:hover{color: #FCF8DC; letter-spacing: 1px;font-size: 10px;}
.backtotop {float: left; width: 53px; padding: 0 15px 0 25px; text-align: center; background:url(../images/sm-redbar.png) top right no-repeat;}
.backtotop a{color: #f7c084; letter-spacing: 1px;font-size: 10px;}
.backtotop a:hover{color: #FCF8DC; letter-spacing: 1px;font-size: 10px;}
.sitemap{float: left; width: 85px; text-align: center; background:url(../images/sm-redbar.png) top right no-repeat;}
.sitemap a{color: #f7c084; letter-spacing: 1px;font-size: 10px;}
.sitemap a:hover{color: #FCF8DC; letter-spacing: 1px;font-size: 10px;}
.share{float: left; width: 115px;text-align: center; padding: 0px 10px 0 10px; background:url(../images/sm-redbar.png) top right no-repeat;}
.email {float: right; height: 60px; width: 128px;}

/*--------------------------------------------Menus----------------------------------------------------*/

/* Top Menu */
.menubar {height: 35px; width: 942px; float: right;}
#menubar {height: 35px; width: 942px; float: right;}
#menu {padding-top: 0px; text-align:right;}
#menu ul {margin: 0;padding: 0;}
#menu li {display: inline; padding-left: 10px; padding-right: 10px; width: 80px; background:url(../images/gbar.jpg) right no-repeat;}
.menu li first a {display: inline;padding-left: 15px; }
#menu-last li {display: inline;padding-right: 15px; border: none; background: none;}
#menu a {text-decoration: none;text-align: center;letter-spacing: 1px;font-size: 11px;color: #660000}
#menu a:hover {color: #cc0000;}
#menu .active a {color: #cc0000; border: none;}

/*Main Menu*/
.nav-wrap { margin: 0px; z-index:999; width: 942px; clear: both;}
.theprogram {float: left; width: 80px; padding: 0px 30px 0 30px; color: #f7c084; font-size: 13px;}
.theprogram a{color: #f7c084; font-size: 13px;}
.theprogram a:hover{color: #FCF6CF; font-size: 13px;}
.forinstitutions {float: left; width: 100px; padding: 0px 30px 0 30px; color: #f7c084; font-size: 13px;}
.forinstitutions a{color: #f7c084; font-size: 13px;}
.forinstitutions a:hover{color: #FCF6CF; font-size: 13px;}
.forindividuals {float: left; width: 100px; padding: 0px 30px 0 30px; color: #f7c084; font-size: 13px;}
.forindividuals a{color: #f7c084; font-size: 13px;}
.forindividuals a:hover{color: #FCF6CF; font-size: 13px;}
.learnplan {float: left; width: 85px; padding: 0px 30px 0 30px; color: #f7c084; font-size: 13px;}
.learnplan a{color: #f7c084; font-size: 13px;}
.learnplan a:hover{color: #FCF6CF; font-size: 13px;}
.toolscalculator {float: left; width: 125px; padding: 0px 30px 0 30px; color: #f7c084; font-size: 13px;}
.toolscalculator a{color: #f7c084; font-size: 13px; text-decoration:none}
.toolscalculator a:hover{color: #FCF6CF; font-size: 13px;text-decoration:none}
.aboutemeriti {float: left; width: 80px; padding: 0px 30px 0 30px; color: #f7c084; font-size: 13px;}
.aboutemeriti a{color: #f7c084; font-size: 13px;}
.aboutemeriti a:hover{color: #FCF6CF; font-size: 13px;}

/*Program Dropdown*/
program_down { display:block; cursor:pointer;color:#fff;z-index:999;} 
/* tooltip styling */
.tooltip1 {display:none; margin: 2px 0 0 255px; background:url(../images/about-white.png); height:150px;  padding:25px 10px 20px 15px; width:260px; font-size:11px; color:#0066cc; z-index:999; text-align:left; color: #fff; text-shadow:#000 0px 1px 1px;}
/* a .label element inside tooltip */
.tooltip1 a {color: #f7c084; font-size: 13px; padding: 5px 0 8px 0;}
.tooltip1 a hover{color: #FCF6CF; font-size: 13px;}

/*Institutions Dropdown*/
institutions_down { display:block; cursor:pointer;color:#fff;z-index:999;} 
/* tooltip styling */
.tooltip2 {display:none; margin: 2px 0 0 145px; background:url(../images/about-white.png); height:150px;  padding:25px 10px 20px 15px; width:160px; font-size:11px; color:#0066cc; z-index:999; text-align:left; color: #fff; text-shadow:#000 0px 1px 1px;}
/* a .label element inside tooltip */
.tooltip2 a {color: #f7c084; font-size: 13px; padding: 5px 0 8px 0;}
.tooltip2 a hover{color: #FCF6CF; font-size: 13px;}

/*Individuals Dropdown*/
individuals_down { display:block; cursor:pointer;color:#fff;z-index:999;} 
/* tooltip styling */
.tooltip3 {display:none; margin: 2px 0 0 135px; background:url(../images/about-white.png); height:155px;  padding:25px 10px 20px 15px; width:150px; font-size:11px; color:#0066cc; z-index:999; text-align:left; color: #fff; text-shadow:#000 0px 1px 1px;}
/* a .label element inside tooltip */
.tooltip3 a {color: #f7c084; font-size: 13px; padding: 5px 0 8px 0;}
.tooltip3 a hover{color: #FCF6CF; font-size: 13px;}

/*Learn Dropdown*/
learn_down { display:block; cursor:pointer;color:#fff;z-index:999;}
/* tooltip styling */
.tooltip4 {display:none; margin: 2px 0 0 205px; background:url(../images/about-white.png); height:150px;  padding:25px 10px 20px 15px; width:240px; font-size:11px; color:#0066cc; z-index:999; text-align:left; color: #fff; text-shadow:#000 0px 1px 1px;}
/* a .label element inside tooltip */
.tooltip4 a {color: #f7c084; font-size: 13px; padding: 5px 0 8px 0;}
.tooltip4 a hover{color: #FCF6CF; font-size: 13px;}

/*About Dropdown*/
about_down { display:block; cursor:pointer;color:#fff;z-index:999;}
/* tooltip styling */
.tooltip5 {display:none; margin: 2px 0 0 122px; background:url(../images/about-white.png); height:100px;  padding:25px 10px 20px 15px; width:170px; font-size:11px; color:#0066cc; z-index:999; text-align:left; color: #fff; text-shadow:#000 0px 1px 1px;}
/* a .label element inside tooltip */
.tooltip5 a {color: #f7c084; font-size: 13px; padding: 5px 0 8px 0;}
.tooltip5 a hover{color: #FCF6CF; font-size: 13px;}

/* Bullet Menu */
.menu-bullet {padding:0px 0 10px 30px}
.menu-bullet ul {margin: 0;padding: 0;list-style-image: url(../images/box.jpg);}
.menu-bullet li {display: list-item; padding: 3px 0px; text-decoration: none;}
.menu-bullet a {text-align: left;letter-spacing: 1px;font-size: 16px;color: #cc0000; text-decoration: none;}
.menu-bullet a:hover {color: #660000;}
.menu-bullet .active a {color: #FCF8DC; border: none;}

/* Bullet2 Menu */
.menu-bullet2 {padding:0px 0 10px 20px}
.menu-bullet2 ul {margin: 0;padding: 0;list-style-image: url(../images/box.jpg);}
.menu-bullet2 li {display: list-item; padding: 3px 0px; text-decoration: none;}
.menu-bullet2 a {text-align: left;letter-spacing: 1px;font-size: 12px;color: #cc0000; text-decoration: none;}
.menu-bullet2 a:hover {color: #660000;}
.menu-bullet2 .active a {color: #FCF8DC; border: none;}

/* Footer Menu */
#fmenu {clear: both;}
.fmenu-1{float: left; width: 170px; padding: 25px 35px 25px 35px; background:url(../images/fmenu.jpg) top repeat-x; -webkit-box-shadow: 0 0 10px #610000; -moz-box-shadow: 0 0 3px #610000; margin: 0 2px 0 0px; text-align: center;}
.fmenu-2{float: left; width: 180px; padding: 25px 35px 25px 35px; background:url(../images/fmenu.jpg) top repeat-x; -webkit-box-shadow: 0 0 10px #610000; -moz-box-shadow: 0 0 3px #610000; margin: 0 1px 0 2px; text-align: center;}
.fmenu-3{float: left; width: 230px; padding: 25px 15px 25px 15px; background:url(../images/fmenu.jpg) top repeat-x; -webkit-box-shadow: 0 0 10px #610000; -moz-box-shadow: 0 0 3px #610000; margin: 0 1px 0 2px; text-align: center;}
.fmenu-4{float: left; width: 110px; padding: 25px 35px 25px 35px; background:url(../images/fmenu.jpg) top repeat-x; -webkit-box-shadow: 0 0 10px #610000; -moz-box-shadow: 0 0 3px #610000; margin: 0 0px 0 2px; text-align: center; }
.f-email{float: left; width: 30px; padding: 0 10px 0 10px;}
.f-email2{float: left; width: 30px; padding: 2px 10px 0 10px;}
#fmenu a {text-decoration: none;text-align: center;letter-spacing: 1px;font-size: 10px;color: #f7c084;}
#fmenu a:hover {color: #FCF8DC; letter-spacing: 1px;font-size: 10px;}
#fmenu .active a {color: #FCF8DC; border: none; letter-spacing: 1px;font-size: 10px;}

/*--------------------------------------------Banner---------------------------------------------------------*/

#flashbanner {width: 942px; height: 270px; padding: 0px; margin: 0px 0 0 0; clear:both}
.flip{ position:absolute;  width:942px; float:left; margin:0px; padding: 0; color:#f7c084; z-index:970; clear:both}
.navigation {float: left; width: 942px;}
.sliderwrapper{position: relative;overflow: hidden;width: 942px;height: 270px; margin: 0 0 0 0px;}
.sliderwrapper .contentdiv{visibility: hidden; position: absolute; left: 0; top: 0; padding: 0px 0 0 0;background: none ;width: 942px;}
.pagination{width: 942px; /*Width of pagination DIV. Total width should equal slider's outer width*/background: none;padding: 0px 0px;display: block;}
.pagination a{padding: 0 0px;text-decoration: none; color: #FEF5CA;background: none;}
.pagination a:hover, .pagination a.selected{width: 100%; height: 100%; color: #fff; text-shadow: #000 2px 2px 2px;}
div.content {display: none;float:left;width:942px; clear:both;}
.single {float: left; width: 348px; height:60px; margin: 210px 0 0 0px; border: none; z-index:900; }
.single p {color: #f7c084; line-height: 18px; text-align:right; padding: 5px 35px 0 0;}
.single a{}
.single a.selected{}
.single3 {float: left; width: 245px; height:60px; margin: 210px 0px 0 0; border: none; z-index:900;}
.single3 p {color: #f7c084; line-height: 18px; text-align:center; padding: 5px 0 0 0px;}
.single2 {float: left; width: 349px; height:60px; margin: 210px 0px 0 0; border: none; z-index:900;}
.single2 p {color: #f7c084; line-height: 18px; text-align:left;padding: 5px 0 0 35px;}
.toc {border:none}
#content-main {width: 942px; clear: both; margin: 0px 0 0 0;}
.banner1 {background: url(../images/banner.jpg) no-repeat; clear: both; height: 270px; width: 942px; margin: 0 0 0 0px;clear:both}
.banner1-description {float: left; padding: 25px 0 0 290px; width: 370px;height: 170px; margin: 0}
.banner1 a {color: #CDAA7D; line-height: 18px;}
.banner1 a:hover {color: #FEF5CA; line-height: 18px;}
.banner1 p {color: #FEF5CA; line-height: 18px;}
.banner1 h1 {font-size: 28px; color: #FDFCDC; line-height:10px}
.banner1 h2 {font-size: 20px; color: #FDFCDC; padding-bottom: 7px;}
.banner1-venn {float: left; width: 200px;height: 170px; margin: 0; clear: both;}
.banner2 {background: url(../images/banner2.jpg) no-repeat; clear: both; height: 270px; width: 942px; margin: 0 0 0 0px;clear:both}
.banner2-description {float: left; padding: 25px 0 0 290px; width: 370px;height: 170px; margin: 0;}
.banner2 a {color: #CDAA7D; line-height: 18px;}
.banner2 a:hover {color: #FEF5CA; line-height: 18px;}
.banner2 p {color: #FEF5CA; line-height: 18px;}
.banner2 h1 {font-size: 22px; color: #FDFCDC; line-height:8px}
.banner2 h2 {font-size: 20px; color: #FDFCDC; padding-bottom: 7px;}
.banner2-venn {float: left; width: 200px;height: 170px; margin: 0;}
.banner3 {background: url(../images/banner3.jpg) no-repeat; clear: both; height: 270px; width: 942px; margin: 0 0 0 0px; clear:both}
.banner3-description {float: left; padding: 25px 0 0 270px; width: 420px;height: 170px; margin: 0}
.banner3 a {color: #CDAA7D; line-height: 18px;}
.banner3 a:hover {color: #FEF5CA; line-height: 18px;}
.banner3 p {color: #FEF5CA; line-height: 18px;}
.banner3 h1 {font-size: 22px; color: #FDFCDC; line-height:10px}
.banner3 h2 {font-size: 20px; color: #FDFCDC; padding-bottom: 7px;}
.banner3-venn {float: left; width: 170px;height: 170px; margin: 0}

/*--------------------------------------------News---------------------------------------------------------*/
.sliderwrapper1{position: relative;margin: 0px; float: left; width: 800px}
.sliderwrapper1 .contentdiv{visibility: hidden; position: absolute; left: 0; top: 0; padding: 0px 0 0 0;}
div.content {display: none;float:left; clear:both;}
.red {color: #660000;}
.red a{color: #cc0000;}
#paginate-slider1{margin-left: 0px;width: 115px; display: block; font-size: 11px; font-family:Arial, Helvetica, sans-serif}
#paginate-slider1 a img{background: url(../images/n.jpg) center no-repeat;padding: 10px 8px 10px 8px;display: inline;height: 20px;}
#paginate-slider1 a{background: url(../images/n.jpg) center no-repeat;padding: 10px 8px 10px 8px;display: inline; color: #b29400;height: 20px;}
#paginate-slider1 a:hover, #paginate-slider1 a.selected{background: url(../images/n-over.jpg) center no-repeat;padding: 10px 8px 10px 8px;display: inline;color: #cc0000;text-shadow:none;height: 20px;}
.ch4 {float: right; width: 80px; padding: 25px 20px 0px 20px;}
.ch2 {float: left; width: 500px; padding: 7px 15px 0px 20px; height: 60px;}
.ch2 p{color: #cc0000; padding: 7px 0px 0px 0px;}
.ch2 a{color: #cc0000;}
.ch2 a:hover {color: #f00;}
.ch1 {float: left; width: 80px; padding: 5px 15px 0px 20px;}


/*--------------------------------------------Testimonials---------------------------------------------------------*/

.navigation2 {}
.navigation2 a{background: url(../images/red-ball.jpg) no-repeat; padding: 0 0 5px 0;}
.navigation2 a:hover, .navigation2 a.selected, .navigation2 a.active {background: url(../images/green-ball.jpg) no-repeat;}
.sliderwrapper2{position: relative;overflow: hidden;margin: 0 0 0 0px; height: 450px;}
.sliderwrapper2 .contentdiv{visibility: hidden; position: absolute; left: 0; top: 0; padding: 0px 0 0 0;background: none ;}
.pagination2{width: 261px; /*Width of pagination DIV. Total width should equal slider's outer width*/background: none;padding: 0px 0px;display: block;}
.pagination2 a{padding: 0 0px;text-decoration: none; background: url(../images/red-ball.jpg) no-repeat;}
.pagination2 a:hover, .pagination2 a.selected{width: 100%; height: 100%; background: url(../images/green-ball.jpg) no-repeat}
div.content {display: none;float:left; clear:both;}


/*--------------------------------------------Scroll----------------------------------------------------*/

.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1; border:0px}
.jScrollPaneTrack {background: url(../images/scroll2.png) no-repeat; position: absolute;cursor: pointer;right: 0px;top: 0;height: 100%;}
.jScrollPaneDrag {background: url(../images/scroll.png) no-repeat;position: absolute;cursor: pointer;overflow: hidden;}
.scroll-pane {overflow: auto;float: left; padding: 0 0px 0 0;border:0px}
.holder {float: left;margin: 0px 0 10px 0;border:0px}
#pane {height: 300px;}
#pane-1 {height: 300px;}
#pane-2 {height: 300px;}
#pane-3 {height: 300px;}

a.jScrollArrowUp {background: url(../images/basic_arrow_up.gif) repeat-x 0 0;}
a.jScrollArrowUp:hover {background-position: 0 -15px;}
a.jScrollArrowDown {background: url(../images/basic_arrow_down.gif) repeat-x 0 0;}
a.jScrollArrowDown:hover {background-position: 0 -15px;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 -30px;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/height: 9px;}
a.jScrollArrowUp:hover {/*background-color: #f60;*/}
a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/height: 9px;}
a.jScrollArrowDown:hover {/*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}


/*--------------------------------------------Forms----------------------------------------------------*/

fieldset.search {border: none;width: 200px;margin: 0;}
.search input, .search button {border: none;float: left;}
.search input.box {color:  #f7c084;font-size: 12px;width: 130px;height: 30px;padding: 7px 0px 0 20px;font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; background:  url(../images/search_bg.jpg) no-repeat left top;margin: 0px;}
.search input.box:focus {background:  url(../images/search_bg.jpg) no-repeat left -37px;outline: none;}
.search button.btn {width: 40px;height: 37px;cursor: pointer;text-indent: -9999px; background:  url(../images/search_bg.jpg) no-repeat top right;}
.search button.btn:hover {background:  url(../images/search_bg.jpg) no-repeat bottom right;}

#contact-lightbox {width: 600px; clear: both; background: #fff;}
#emailform {float: left; width: 300px; padding: 0px 10px 10px 10px; background: #fff; }
#contactinfo {float: left; width: 210px; padding: 0px 10px 10px 10px; background: #fff;border: 1px solid #d4b17f;}
.contactrow-m {float: left; width: 280px; padding: 0px 10px 10px 30px; background: #fff; }
.contactrow-m2 {float: left; width: 210px; padding: 0px 0px 10px 0px;}


#contactFormContainer {position:absolute;float:right;z-index: 999;border:solid 1px #afbd22;}
fieldset  { padding: 10px 20px 20px 20px;border:solid 0px #a7b522; }   
#contactForm form  { border:solid 1px #EECFA1; }  
#contactForm label   {display:block;color:#939393; }      
#contactForm input[type=text]   {display:block;width:190px;margin-bottom:10px;height:15px;  }  
#contactForm textarea   {display:block;width:190px;margin-bottom:10px; padding:8px;}  
#contactForm input[type=submit] {color:#939393;padding:5px;}

#name{padding: 8px; background: #FFFFF2; border: 1px solid #d4b17f;color: #8B5A00; width: 210px; text-transform:uppercase;}
#institution{padding: 8px; background: #FFFFF2; border: 1px solid #d4b17f;color: #8B5A00; width: 210px; text-transform:uppercase;}
#phone{padding: 8px; background: #FFFFF2; border: 1px solid #d4b17f;color: #8B5A00;width: 210px; text-transform:uppercase;}
#email{padding: 8px; background: #FFFFF2; border: 1px solid #d4b17f;color: #8B5A00;width: 210px; text-transform:uppercase;}
#message  {padding: 8px; background: #FFFFF2; font-size:12px;border: 1px solid #d4b17f; color: #8B5A00; width: 210px; font-family: Georgia, "Times New Roman", Times, serif;}
#security_code{padding: 8px; background: #FFFFF2; border: 1px solid #d4b17f;color: #8B5A00; width: 210px;}
#send {padding: 8px; background: #FFFFF2; border: 1px solid #d4b17f;color: #8B5A00; width: 80px}
#service {padding: 8px; background: #FFFFF2; color: #8B5A00;}

/*--------------------------------------------Email Shade----------------------------------------------------*/
.modal {position: relative; background: url(../images/box-highlight2.png) repeat; display:none; width:875px; margin: -35px 0 0 0px;padding:0px; border:2px solid #333; opacity:1; -moz-border-radius:6px;  -webkit-border-radius:6px; 
    -moz-box-shadow: 0 0 50px #000;  -webkit-box-shadow: 0 0 50px #000;} 
.modal h2 {margin:20px 0 0 0; padding:0px 0 5px 0px; font-size:20px;}


/*--------------------------------------------Increase | Decrease Font Size----------------------------------------------------*/
#holder1, #holder2 { background-color:#fff;border:none;width:100px;height:32px;}
.smallFont {outline: none; /*for making it look nice in FF */background: url(../images/font-down.png);text-indent: -9999px;display: block;float: left;width: 32px;height: 32px;}
.defaultFont {/*if you want to hide the default font button, use display:none */ background: url(../images/font-default.png);text-indent: -9999px;outline: none;display: block;float: left;width: 32px;height: 32px;}
.largeFont {background: url(../images/font-up.png);outline: none;text-indent: -9999px;display: block;float: left;width: 32px;height: 32px;}
.ldisabled,.sdisabled { /*Styles for disabled buttons*/opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*This is for IE8 */filter: alpha(opacity = 30);}

/*--------------------------------------------Map----------------------------------------------------*/

#map { position: relative; width: 200px; height: 170px; overflow: hidden; }
#returnlink { display: block; position: absolute; bottom: 0; right: 0;  color: white; background: none; padding: 3px;}
#map a.bullet { display: block; position: absolute; width: 20px; height: 20px; background: none; text-decoration: none; border: 0px solid red; opacity: .7; z-index: 2; }
#map img.zoomable { }
#map div.popup{ display: none; position: absolute; width: 240px; top: 40px; left: 597px; background: url(../images/map_shade.png); z-index: 3; padding: 10px; border-bottom: 20px solid #333; border-top: 10px solid #333;}
#map div.popup a {color: #bbb; text-decoration: none; padding: 0 10px 5px 0px}
#map div.popup a {color: #fff; text-decoration: none}
#map div.popup a.close{ display: block; position: absolute; bottom: 0; right: 0; }