@charset "UTF-8";


body {
font-family: arial, verdana, sans-serif;
font-size: 90%;
}

* {margin:0; padding: 0;}

#mainwrap {
width: 778px;
margin-left:auto;
margin-right: auto;
border-left: 10px solid #adadad;
}

#logo {
text-align: left;
padding-left: 8px;
}

#colwrap {
width: 778px;
margin-left: 6px;
background-color: #E1E1E1;
background-image: url(images/bkgd.jpg);
background-repeat: repeat-y;
}

/*NAVIGATION*/
#nav {
width: 179px;
float: left;
margin: 35px 0 0 0;
padding: 0;
overflow: hidden;/*added for gap btwn nav and main in ie6*/
border-right: 1px solid #013567;
}

#nav ul
{
margin: 0;
padding: 0;
width: 150px;
list-style-type: none;
text-align: left;
font-size: 12px;
}

#nav li { margin: 0; }

#nav a
{
display: block;
padding: 5px 2px;
color: #e1e1e1;
text-decoration: none;
border-bottom: 2px solid #116c82;
font-weight: bold;
}

#nav a:hover, #current
{
color: #99cc99;
text-decoration: none;
}

#current a
{
color: #99cc99;
text-decoration: none;
}

.first a {
letter-spacing: 0.5px;
color: #ffa101 !important;
padding-bottom: 10px;
text-transform: uppercase;
}

.first a:hover {
color: #99cc99 !important;
}

#nav ul ul {
margin: 0;
width: 135px;
padding: 0;
}

#nav ul ul li { margin: 0 0 1px 0; }

#nav ul ul a
{
display: block;
padding: 5px 0px;
margin: 0;
width: 135px;
color: #e1e1e1;
text-decoration: none;
text-indent: 25px;
font-weight: normal;
}

#nav ul ul a:hover
{
color: #99cc99;
text-decoration: none;
}

/* LIST ON CME EXPERIENCE PAGE */

#nav_categories {
list-style-type: none;
padding: 5px 0  0 15px !important;
font-size: 14px;
}

#nav_categories li{
margin: 0 0 10px 0;
}


#address {
padding: 30px 15px 5px 15px;
text-align: left;
font-size: 12px;
color: #e1e1e1;
line-height: 18px;
width: 150px;
}

#address a:link {
color: #e1e1e1;
text-decoration: underline;
border-bottom: 1px solid #003366;
font-weight: normal;
line-height: 16px;
padding: 0;
margin: 0;
}

/*NAVIGATION VEGF*/
#nav-vegf {
width: 180px;
float: left;
margin: 75px 0 0 0;
padding: 0;
overflow: hidden;/*added for gap btwn nav and main in ie6*/
}

#nav-vegf ul
{
margin: 0;
padding: 0;
width: 150px;
list-style-type: none;
text-align: left;
font-size: 12px;
}

#nav-vegf li { margin: 0; }

#nav-vegf a
{
display: block;
padding: 5px 0px;
width: 135px;
color: #e1e1e1;
text-decoration: none;
border-bottom: 2px solid #1bb0b7;
font-weight: bold;
}

#nav-vegf a:hover
{
color: #F9CF79;
text-decoration: none;
}

#current-vegf a
{
color: #F9CF79;
text-decoration: none;
}


#nav-vegf ul ul {
margin: 0;
width: 135px;
padding: 0;
}

#nav-vegf ul ul li { margin: 0 0 1px 0; }

#nav-vegf ul ul a
{
display: block;
padding: 5px 0px;
margin: 0;
width: 135px;
color: #e1e1e1;
text-decoration: none;
text-indent: 25px;
font-weight: normal;
}

#nav-vegf ul ul a:hover
{
color: #F9CF79;
text-decoration: none;
}

#address-vegf {
padding: 140px 15px 5px 15px;
text-align: right;
font-size: 12px;
border: none !important;
color: #e1e1e1;
line-height: 18px;
width: 150px;
}

#address-vegf a:link {
color: #e1e1e1;
text-decoration: underline;
font-weight: normal;
line-height: 16px;
border: none !important;
padding: 0;
margin: 0;
}

#address-vegf a:visited {
color: #99cc99;
}

#address-vegf a:hover {
color: #99cc99;
}

#address-vegf a:active {
color: #99cc99;
}

/*OTHER VEGF*/

#colwrap-vegf {
width: 778px;
margin-left: 6px;
background-color: #EADCCC;
background-image: url(images/vegf/vegf-bkgd.jpg);
background-repeat: repeat-y;
}

#main-vegf {
width: 567px;
float: left;
text-align: left;
}

#vegfhead {
font-size: 20px;
color: #000;
padding: 15px;
background-color: #e9dccc;
background-image: url(images/vegf/vegf-photo-bkg.jpg);
background-repeat: no-repeat;
width: 567px;
height: 120px;
font-weight: bold;
}

#vegfsection {
font-size: 18px !important;
color: #333;
padding: 15px 0px 0 15px !important;
width: 567px;
position: relative;}

#vegfsection img {
position: absolute;
top: 18px;
left: 478px;
border: 1px solid black;
}

#vegftext p {
width: 560px;
line-height: 18px !important;
}

#discussion {
background-color: #d4E4E7;
padding: 10px 10px 20px 10px;
width: 530px;
margin: 15px;
}

#discussion p{
width: 490px;
}

#vegfpullquote {
padding: 15px;
margin: 15px !important;
border-top: 2px solid #2b7B85;
border-bottom: 2px solid #2b7B85;
color: #2b7B85;
font-size: 14px;
font-style: italic;
line-height: 20px;
width: 400px;}

#ref {
width: 560px;}

#ref ol {
font-size: 12px;
line-height: 16px;
margin-top: 10px;
padding-left: 45px;
}

sup {
line-height: 0;
vertical-align: text-top;
font-size: 10px;}



/*MAIN DIV*/
#main {
width: 448px;
float: left;
text-align: left;
padding-bottom: 20px;}

#main p, ul {
font-size: 12px;
line-height: 16px;
margin-top: 10px;
padding: 0 15px;
}

#main ul {
padding-left: 35px;
}

#main li {
padding-bottom: 5px;
}


form {
margin: 20px auto 0 auto;
font-size: 12px;
line-height: 16px;
background-color: #f1f1f1;
padding: 20px 10px;
width: 400px;
color: #333;
}

#freeform input, #freeform textarea {
margin: 5px 0;
}

h1 {
font-size: 18px;
color: #003366;
padding: 15px 15px 0 15px;
}

h2 {
font-size: 14px;
color: #333;
margin-top: 10px;
padding: 0 15px;
}


#main a:link {
color: #43698E;
}

#main a:visited {
color: #43698E;
}

#main a:hover {
color: #003366;
}

#main a:active {
color: #003366;
}

/*RIGHT SIDEBAR*/
#right {
float: left;
width: 146px;
height: 740px;
background-image: url(images/right-bar.gif);
}

#right p {
position: relative;
top: 20px;
left: 20px;
margin: 0;
padding: 0;
width: 100px;
}

#footer {
margin-top: 6px;
margin-left:auto;
margin-right: auto;
width: 800px;}

#copyright {
font-size: 10px;
float: left;
text-align: right;
width: 200px;
}

* html #copyright {
width: 195px;
}

#botbar {
background-color: #adadad;
float: left;
width: 592px;
height: 10px;
margin-left: 8px;
}

* html #botbar {
height: 2px;
line-height: 12px;
margin-bottom: 10px;
}


/*clearfix class displays bkgd image on contentwrapdiv at proper height for enclosed divs
*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE5/Mac */



/*PROGRAM PAGES*/
.progtitle {
font-size: 14px !important;
color: #000;
font-weight: bold;
padding: 0 15px;
}

.progtitle a:link, .progtitle a:visited {
text-decoration: none;
}

.progtitle a:hover, .progtitle a:active {
text-decoration: underline;
}

.detailtitle {
font-size: 16px !important;
color: #003366;
font-weight: bold;
padding: 0 15px;
margin: 0 0 5px 0;
line-height: 20px !important;}

.progsub {
font-size: 10px !important;
font-weight: bold;
color: #444;
padding: 0 15px !important;
margin: 0 !important;
text-transform: uppercase;
}

hr {
 color: #30416a;
background-color: #30416a;
height: 1px;
margin: 10px 0;}

#box h2 {
font-size: 12px;
margin: 0;
color: #003366;
text-transform: uppercase;}

#box {
padding: 10px;
background-color: #eee;
margin: 10px;
width: 370px;
border: 1px solid #ddd;
}

#box img {
vertical-align: -2px; 
margin: 0; 
padding: 0 0 0 5px; 
border: none;
}

/*CME PAGES*/
.cmetitle {
font-weight: bold;
color: #30416a;
font-size: 14px !important;}

span.webtitle2 {
font-style: italic;}

.cmetitle a:link, .cmetitle a:visited {
text-decoration: none;
}

.cmetitle a:hover, .cmetitle a:active {
text-decoration: underline;
}


.cmesub {
color: #333;
padding: 0 15px!important;
margin: 0 !important;
}

.cmelink {
text-align: center;
font-weight: bold;
font-size: 14px !important;
}

#right-cme {
float: left;
width: 28px;}

#main-cme {
width: 566px;
float: left;
text-align: left;
background-color: #E1E1E1;
padding-top: 15px;
}

#main-cme p, ul {
font-size: 12px;
line-height: 16px;
margin-top: 10px;
padding: 0 30px 0 30px;
}

#main-cme ul {
padding: 0 55px;
}

#main-cme li {
padding-bottom: 5px;
}

#main-cme a:link {
color: #43698E;
}

#main-cme a:visited {
color: #43698E;
}

#main-cme a:hover {
color: #003366;
}

#main-cme a:active {
color: #003366;
}

/* MODULES */

.modules {
margin: 5px 0 10px 20px;}

.mod-title {
margin: 0 !important;
font-weight: 500;
color: #333;}

a:link.mod-link , a:visited.mod-link  {
text-decoration: underline;
color: #333 !important;}

a:hover.mod-link , a:active.mod-link  {
text-decoration: none;
color: #003366 !important;
}

.expired {
font-size: 14px !important;
color: #BB0000;
padding: 20px 0 15px 15px !important;
font-weight: bold;
text-transform: uppercase;
}

#expired {
color: #8F1003;
padding: 10px;
margin: 0 auto 15px auto;
width: 130px;
font-weight: bold;
border: 2px solid #8f1003;
text-align: left;
background: url(/images/exclamation.png) no-repeat 8px 10px #f1f1f1;}

#expired span {
padding: 0 0 0 34px;
text-align: left;
display: block;}

#expired a {
border: none !important;
text-decoration: underline !important;
text-align: center !important;
width: 130px !important;
}
#expired a:link {color: #0044a5;}
#expired a:visited {color: #0044a5;}
#expired a:hover {color: #BB0000; text-decoration: none;}
#expired a:active {color: #BB0000;}


/* MODAL FOR EXPIRED MONOGRAPHS */

.modal {
width: 400px;
font-family: font-family: arial, verdana, sans-serif;
font-size: 90%;
padding: 20px;
margin: 0;
line-height: 18px;
color: #555;
}

.modal-title {
text-align: center;
color: #BB0000;
margin: 0 0 15px 0;
font-size: 16px;
line-height: 28px;
padding: 0;
font-weight: bold;}

.modal-title span {
color: #555;
line-height: 18px;
}

.modal p {
line-height: 22px;
margin: 0 0 15px;
color: #333;
text-align: center;
font-size: 14px;
}

.modal a:link {color: #0044a5;}
.modal a:visited {color: #0044a5;}
.modal a:hover {color: #BB0000; text-decoration: none;}
.modal a:active {color: #BB0000;}

#signup {
margin-top: 20px;
color: #ffa101;
text-align: left;
padding: 10px;
font-size: 12px;
font-weight: bold;}


@charset "UTF-8";
/* Controls width of your form */