/*-----------------------------      D o c u m e n t a t i o n     -------------------------------------*/

    /*      height : auto !important; /* ignored by IE, applied everywhere else */
    /*      height : 100%; /* IE treats as min-height */
    /*      min-height : 100%; /* IE ignores this */
    /*      height settings and clearfix both fill the interior of mainContentLeft and mainContentRight*/

    /*--------------------------------------   C o l o r s    U s e d  -------------------------------------*/

    /*      color: #A3C379         used for nav separator, hr                                              */
    /*      color:          color used for blue headers                                             */
    /*      color:          color used for legend in forms                                          */
    /*      color:          color used for buttons                                                  */
    /*      color:          light blue background used for side boxes                               */

    /*-------------------------------   D i s a b l e   B r o w s e r   D e f a u l t s---------------------*/
		
        :link,:visited { text-decoration:none }
        ul,ol,li { list-style:none }
        h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
        ul,ol,li,h1,h2,h3,h4,h5,h6,pre,body,html,p,blockquote,fieldset { margin:0px; padding:0px }
        html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, fieldset, hr    {
            margin:0px; padding:0px; border:0px}
        h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6
            { font-weight: normal; line-height: 1.4; color: #4A8312;}
        h1, .h1 {font-size: 18px}
        h2, .h2 {font-size: 15px}
        h3, .h3 {font-size: 13px}
        h4, .h4 {font-size: 12px}
        h5, .h5 {font-size: 11px}
        a img,:link img,:visited img { border:none }
        address { font-style:normal }

    /*---------------------------------   L i n k   D e f a u l t s   --------------------------------------*/

        a:link, a:visited {color: #4A8312; color: #6C1F07;}
        a:hover { color: #4A8312 }
    /*--------------------------------------    L a y o u t    ---------------------------------------------*/

        html {
            height:100%;
            max-height:100%;
            background:#FFFFFF;
            overflow:hidden; /*get rid of scroll bars in IE */
        }

        body {
            height:100%;
            max-height:100%;
            font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
            font-size: 11px;
            line-height: 1.7;
            color:#6B6B6B;
            overflow:hidden; /*get rid of scroll bars in IE */
        }

    /*---------------------------------     C o n t e n t     A r e a     ----------------------------------*/



    /*--------------------------------------    H e a d e r   ----------------------------------------------*/

        #printHeader {display:none;}

        #headerWrapper {
            width: 100%;
            position: absolute;
            background: url(../pics/headerWrapperBackground.gif) repeat-x;
            z-index: 5;
            right:18px; /* used to unveil scroller bar */
        }

        #header {
            width: 963px;
            height: 113px;
            margin:auto;
            background: url(../pics/logoBackground_jun2010.gif) 18px 0px no-repeat;
        }

        #headerTopNav {
            width: 837px;
            height: 51px;
            overflow: hidden;
            float:right;
        }

        #headerMainNav {
            height: 34px;  /* total height: 62px*/
            width: 643px; /*add 106 to 537 for advancement button */
            margin-top: 28px;
            margin-right: 0px;
            float: left;
        }

        #logoHeader {
            width: 126px;
            height:113px;
            float:left;
        }

/*--------------------------   H e a d e r   T o p     N a v i g a t i o n   ---------------------------*/

        #headerTopNav ul li {
            /* area is 60px high */
            margin-top: 25px;
            float: right;
            font-size: .91em;
            border-bottom: 1px transparent;
            border-top: 0;
            border-left: 0;
        }

        #headerTopNav ul li a {
            height: 26px;
            display: block; /* essential: this gives the link its existence */
            float: left;
            background-position: 0 0px;
        }

        #headerTopNav ul li:hover div a, #headerTopNav ul li.selected div a {
            background-position: 0 -26px;
        }

/*-------------------------------------     M a i n    N a v i g a t i o n   ---------------------------*/

        #headerMainNav ul li{
            float: left;
            font-size: .91em;
            border-top: 0;
            border-left: 0;
        }

        #headerMainNav ul li a {
            height:34px;
            display: block; /* essential: this gives the link its existence */
            float: left;
            background-position: 0 0px;
        }

        #headerMainNav ul li a:hover, #headerMainNav ul li a.selected {
            background-position: 0 -34px;
        }

        #headerMainNav ul li ul {
            position:absolute; /* makes it work in IE why??? */
            top: 113px;
            display: none;  /* hides the dropdown by default  */
            clear:left;   /* makes the dropdown display under the button */
            float: left;
            padding: 1px;
            background-color: #F8F7F3;
            border: 1px #D9DADA solid; /* around drop down box */
        }

        #headerTopNav ul li ul {
            position:absolute; /* makes it work in IE why??? */
            top: 51px;
            display: none;  /* hides the dropdown by default  */
            clear:left;   /* makes the dropdown display under the button */
            float: left;
            padding: 1px;
            background-color: #F8F7F3;
            border: 1px #D9DADA solid; /* around drop down box */
        }

        #headerMainNav ul li ul li, #headerTopNav ul li ul li { /* creates the submenu item by item */
            float: none;
            width: auto;  /* width of the dropdown */
            margin: 0;
            padding: 0px;
            font-size: .95em;
            border-bottom: 1px #FFEEC1 solid;
            border-top: 0;
        }

        #headerMainNav ul li ul li.last, #headerTopNav ul li ul li.last { /* creates the submenu item by item */
            border-bottom: 2px #F6E27D solid;
        }

        #headerMainNav ul li ul li a, #headerTopNav ul li ul li a {
            position: relative;
            height: auto;
            padding: 4px 0px 4px 10px;
            text-indent: 4px;
            float: none;
            color: #333;
            background: #F4D989; /* needed for IE - nav elemant background*/
        }

        #headerTopNav ul li ul li a {
            padding: 4px 8px 4px 4px;
        }

        #headerMainNav  ul li ul li.hover a,
        #headerMainNav  ul li ul li:hover a,
        #headerMainNav  ul li ul li a.hover,
        #headerMainNav  ul li ul li.sfhover,
        #headerMainNav  ul li ul li a:hover,

        #headerTopNav  ul li ul li.hover a,
        #headerTopNav  ul li ul li:hover a,
        #headerTopNav  ul li ul li a.hover,
        #headerTopNav  ul li ul li.tfhover,
        #headerTopNav  ul li ul li a:hover {
            display: block;  /* important  */
            text-decoration: none;
        }

        #headerMainNav ul li ul li a.sfhover,
        #headerMainNav ul li ul li a:hover,

        #headerTopNav ul li ul li a.tfhover,
        #headerTopNav ul li ul li a:hover {
            color: #742F01;
            background-color: #F7E598;
        }

        #headerMainNav ul li.sfhover ul,
        #headerMainNav ul li:hover ul,

        #headerTopNav ul li.tfhover ul,
        #headerTopNav ul li:hover ul {
            display: block;
        }

        #headerMainNav li ul ul {   margin: -15px 0 0 15px;  float:left; }
        #headerMainNav li.sfhover ul ul {   left: -9999em; }
        #headerMainNav li:hover ul, #headerMainNav li li:hover ul, #headerMainNav li.sfhover ul, #headerMainNav li li.sfhover ul { left: auto; }

        #headerTopNav li ul ul {   margin: -15px 0 0 15px;  float:left; }
        #headerTopNav li.tfhover ul ul {   left: -9999em; }
        #headerTopNav li:hover ul, #headerTopNav li li:hover ul, #headerTopNav li.tfhover ul, #headerTopNav li li.tfhover ul { left: auto; }


        #aboutButt a  {
            width: 61px;
            background: url(../pics/mainNavAboutButt.gif);
            background-position: 0px 0px;
        }

        #aboutButt ul li a{
            width: 150px;
        }

        #admissionsButt a  {
            width: 89px;
            background: url(../pics/mainNavAdmissionsButt.gif);
            background-position: 0px 0px;
        }

        #admissionsButt ul li  a{
            width: 150px;
        }

        #admissionsButt:hover div a, #admissionsButt.sfhover div a{
            background-position: 0px -34px;
        }

        #academicsButt a  {
            width: 91px;
            background: url(../pics/mainNavAcademicsButt.gif);
            background-position: 0px 0px;
        }

        #academicsButt ul li  a{
            width: 150px;
        }

        #academicsButt:hover div a, #academicsButt.sfhover div a{
            background-position: 0px -34px;
        }

        #programsButt a  {
            width: 87px;
            background: url(../pics/mainNavProgramsButt.gif);
            background-position: 0px 0px;
        }

        #programsButt ul li  a{
            width: 150px;
        }

        #programsButt:hover div a, #programsButt.sfhover div a{
            background-position: 0px -34px;
        }

        #eventsButt a  {
            width: 69px;
            background: url(../pics/mainNavEventsButt.gif);
            background-position: 0px 0px;
        }

        #eventsButt ul li  a{
            width: 150px;
        }

        #eventsButt:hover div a, #eventsButt.sfhover div a{
            background-position: 0px -34px;
        }

        #newsButt a  {
            width: 56px;
            background: url(../pics/mainNavNewsButt.gif);
            background-position: 0px 0px;
        }

        #newsButt ul li  a{
            width: 150px;
        }

        #newsButt:hover div a, #newsButt.sfhover div a{
            background-position: 0px -34px;
        }

        #advancementButt a  {
            width: 106px;
            background: url(../pics/mainNavAdvancementButt.gif);
            background-position: 0px 0px;
        }

        #advancementButt ul li  a{
            width: 150px;
        }

        #advancementButt:hover div a, #advancementButt.sfhover div a{
            background-position: 0px -34px;
        }

        #contactButt a  {
            width: 80px;
            background: url(../pics/mainNavContactButt.gif);
            background-position: 0px 0px;
        }

        #contactButt ul li  a{
            width: 150px;
        }

        #contactButt:hover div a, #contactButt.sfhover div a{
            background-position: 0px -34px;
        }

        /* hover state for all buttons; necessary to main button state ON   --------------------------------*/
        #headerMainNav ul li:hover div a, #headerMainNav ul li:sfhover div a {
            background-position: 0px -34px;
        }

        #parentsButt a  {
            width: 56px;
            background: url(../pics/topNavParentsButt.gif);
        }
		
        #parentsButt ul li  a{
            width: 100px;
        }

        #studentsButt a  {
            width: 60px;
            background: url(../pics/topNavStudentsButt.gif);
        }

        #studentsButt ul li  a{
            width: 100px;
        }

        #alumniButt a  {
            width: 55px;
            background: url(../pics/topNavAlumniButt.gif);
        }

        #alumniButt ul li  a{
            width: 100px;
        }

        #facultyButt a  {
            width: 58px;
            background: url(../pics/topNavFacultyButt.gif);
        }

        #facultyButt ul {
            position: relative;
            margin-left: -47px;
            width: 100px;
        }

        #facultyButt ul li a{
            width: 90px;
            text-align: right;
        }

        #homeButt a  {
            width: 43px;
            background: url(../pics/topNavHomeButt.gif);
        }
        
        #headerTopNav .selected {
			background-position: 0px -26px;
		}

        /* hover state for all buttons; necessary to main button state ON   --------------------------------*/
        #headerTopNav ul li:hover div a, #headerTopNav ul li.tfhover div a {
            background-position: 0 -26px;
        }
        #headerMainNav ul li:hover div a, #headerMainNav ul li:sfhover div a {
            background-position: 0 -34px;
        }
        
    /*---------------------------------     C o n t e n t     A r e a     ----------------------------------*/

        .padHeader {display:block; height:113px; }

        .padFooter{display:block; height:35px; }

        #overallContainer { /* content */
            height:100%;
            max-height:100%;
            overflow:auto;
            display:block;
            position:relative;
            z-index:3;
            background: #FFF url(../pics/overallContainerBackground.gif) 0px 113px repeat-x;
        }

        #MainContentDiv {  /* joel renamed to MainContentDiv, since MainContent is reserved by .NET */
            width: 962px;
            height : auto !important; /* ignored by IE, applied everywhere else */
            height : 100%; /* IE treats as min-height */
            min-height : 100%; /* IE ignores this */
            display: block;
            margin:auto;
            background-color:#fff;
            right: 18px;
        }

        /* stuck these in style tag in SubPage Master as ASP.NET image doesn't honor class too good
        .mainContentTopImage {
            border-width:  0px 1px 0px 1px;
            border-color: #FFF;
        }*/

        #mainContentLeft {
            width: 263px;  /* total width: 265px*/
            height : auto !important; /* ignored by IE, applied everywhere else */
            height : 100%; /* IE treats as min-height */
            min-height : 100%; /* IE ignores this */
            float: left;
            overflow: hidden;
            background: #FFF url(../pics/overallContainerBackground.gif) 0px -105px repeat-x; /* was -108 in template */
        }

        #mainContentRight {
            width: 699px;
            height : auto !important; /* ignored by IE, applied everywhere else */
            height : 100%; /* IE treats as min-height */
            min-height : 100%; /* IE ignores this */
            margin-left: 1px;
            padding-top: 25px;
            float: left;
            background: #FFF url(../pics/overallContainerBackground.gif) 0px -105px repeat-x; /* was -108 in template */
        }

        .errors  {
            margin: 10px 0px 10px 0px;
            border: #DDD 1px dashed;
            background: #FCFBF9 url(../pics/mainContentLeftSideBoxBackground.gif)  repeat-x;
        }

        .clearLeft {
            clear: left;
            visibility: hidden;
        }

        .clearfix:after {
            content: ".";
            display: block;
            height: 0px;
            clear: both;
            visibility: hidden;
        }

        .clearfix {display: inline-block;}

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

        em, strong  { font-weight: normal;   color: #4A8312;}
        /* strong  { color: #4A8312;} it overrode bolds on Fees page, making them indistinguishable from italics. */
    /*-----------------------------------   P a r a g r a p h   --------------------------------------------*/

         #overallContainer p {padding:5px 0px 10px 0px; }


    /*--------------------------------------        H o m e      -------------------------------------------*/

        #homeContent {
            width: 960px;
            height : auto !important; /* ignored by IE, applied everywhere else */
            height : 100%; /* IE treats as min-height */
            min-height : 100%; /* IE ignores this */
            display: block;
            margin:auto;
            right: 18px;
            background-color: #FFFFFF; /* IE8 showed transparent div scrolling over bkgn jpg */
        }

        img.topImage {
            border-width:  1px 1px 0px 1px;
            border-color: #FFF;
            float: left;
        }

        #homeContent div#upcomingEvents{
            width: 229px;
            height: 259px;
            margin-top: 1px;
            float: left;
            background: #E8EFE1;
            border-width:  0px 1px 1px 0px;
            border-color: #FFF;
            border-style: solid;
            font-size: 10px;
            line-height: 1.4;
            overflow: hidden;
        }

        #homeContent div#upcomingEvents h2 {
            width: 229px;
            height: 23px;
            padding: 2px 10px 0px 10px;
            font-size: 13px;
            background: #80A05A;
            color: #FFF;
        }

        #homeContent div#upcomingEvents h3 {
            margin: 0px;
            margin-top: -7px;
            font-size: 11px;
        }

        #homeContent div#upcomingEvents li {
            height: 29px;
            padding: 8px;
            padding-left: 10px;
            border: 1px solid #FFF;
            overflow: hidden;
        }

        #homeContent div#homeTabs  {
            width: 730px;
            float: left;
            overflow: hidden;
            font-size: 14px;
        }

        #homeContent div#homeTabs  h2{
            padding-top: 13px;
            color: #555;
            text-align: center;
            letter-spacing: -0.05em;
        }

        #homeContent div#homeTabs div#homeTab1,
        #homeContent div#homeTabs div#homeTab2,
        #homeContent div#homeTabs div#homeTab3 {
            width: 243px;
            height: 39px;
            position:relative;
            top: -9px;
            overflow: hidden;
            border-top:0px;
            background: url(../pics/homeTabBackground.gif) bottom left no-repeat;
            float:left;
            cursor: pointer;
            display: inline;
        }

        #homeContent div#homeTabs a:hover div#homeTab1,
        #homeContent div#homeTabs a:hover div#homeTab2,
        #homeContent div#homeTabs a:hover div#homeTab3  {
            background: url(../pics/homeTabBackground.gif) 0px 0px no-repeat;
        }

        #homeContent div#homeTabs div#homeTab1.selected,
        #homeContent div#homeTabs div#homeTab2.selected,
        #homeContent div#homeTabs div#homeTab3.selected  {
            background: url(../pics/homeTabBackground.gif) 0px 0px no-repeat;
        }


    /*----------------------------  H o m e   A n n o u c e m e n t   L i s t  -----------------------------*/

        #homeContent div#announcementList  {
            width: 720px;
            float: left;
            margin-right: 10px;
        }

        #homeContent div#announcementList a:link,
        #homeContent div#announcementList a:visited {
            color:#6B6B6B;
        }

        #homeContent div#announcementList ul {
            padding-top:10px;
        }

        #homeContent div#announcementList li {
            margin: 2px 0px 5px 0px;
padding: 5px 0px 5px 0px;

            display: block;
            clear: both;  /* fixes Mozilla */
            background: url(../pics/homeLinedYellowBackground.gif) repeat-x;
            height: 90px; /* IE8 fix: LI wasn't tall enough to show all of background graphic */
            overflow: hidden; /* IE8 fix: LI wasn't tall enough to show all of background graphic */
        }

        #homeContent div#announcementList li a{
            display: block;
            cursor: pointer;
        }

        #homeContent div#announcementList li a:hover {
            color: #4A8312;
        }

        #homeContent div#announcementList span.announcementIcon {
            width: 40px;
            height: 40px;
            padding: 20px 10px 10px 20px;
            background: url(../pics/calendarDateBackground.gif) 10px 10px no-repeat;
            font-size: 14px;
            overflow: hidden;
            float:left;
            clear: both;
        }

        #homeContent div#announcementList li a:hover span.announcementIcon {
            background-position: 10px -50px;
        }

        #homeContent div#announcementList span.announcementTitle {
            width:369px;
            font-size: 13px;
            margin-top: 10px;
            padding-left: 2px;
            color: #4A8312;
            overflow: hidden;
            float:left;
            border-right: 1px #DEE3DF solid;
            border-left: 1px #DEE3DF solid;
        }

        #homeContent div#announcementList span.announcementDate {
            width:170px;
            margin-top: 10px;
            padding: 0px 10px 0px 10px;
            color: #4A8312;
            overflow: hidden;
            float:left;
            text-align: right;
        }

        #homeContent div#announcementList span.announcementLink{
            width:76px;
            margin-top: 10px;
            padding: 0px 2px 0px 5px;
            color: #4A8312;
            overflow: hidden;
            float:right;
            text-align: right;
            border-left: 1px #DEE3DF solid;
            background: url(../pics/detailsIcon.gif) no-repeat;
        }

        #homeContent div#announcementList span.announcementDetails {
            width:644px;
            padding-left: 2px;
            overflow: hidden;
            float: left;
            text-align: left;
            display: block;
            border-top: 1px #DEE3DF solid;
            overflow: hidden;
            border-left: 1px #DEE3DF solid;

        }

    /*----------------------------  M a j o r    E v e n t            L i s t  -----------------------------*/

        #homeContent div#majorEventList  {
            width: 730px;
            float: left;
            display: none;
        }
        #homeContent div#majorEventList a:link,
        #homeContent div#majorEventList a:visited {
            color:#6B6B6B;
        }

        #homeContent div#majorEventList  h3{
            width: 100%;
            border-bottom: 1px #DEE3DF solid;;
        }

        #homeContent div#majorEventList ul {
            padding-top:0px;
        }

        #homeContent div#majorEventList li {
            padding: 5px 0px 5px 0px;
            margin: 2px;
            background: url(../pics/mainContentGreenBackground.gif) repeat-x;
            display: block;
            clear: both;  /* fixes Mozilla */
        }

        #homeContent div#majorEventList li a{
            display: block;
            cursor: pointer;
        }

        #homeContent div#majorEventList a:hover {
            color: #4A8312;
        }

        #homeContent div#majorEventList span.majorEventIcon {
            width: 96px;
            height: 92px;
            padding: 0px 5px 0px 5px;
            overflow: hidden;
            float:left;
            clear: both;
        }

        #homeContent div#majorEventList span.majorEventIcon img{
            padding: 2px;
            background: #F6F4EF;
            border: 1px #DEE3DF solid;
        }

        #homeContent div#majorEventList span.majorEventTitle {
            width:330px;
            font-size: 13px;
            margin-top: 10px;
            padding-left: 2px;
            color: #4A8312;
            overflow: hidden;
            float:left;
            border-right: 1px #DEE3DF solid;;
        }

        #homeContent div#majorEventList span.majorEventDate {
            width:170px;
            margin-top: 10px;
            padding: 0px 10px 0px 10px;
            color: #4A8312;
            overflow: hidden;
            float:left;
            text-align: right;
        }

        #homeContent div#majorEventList span.majorEventLink{
            width:79px;
            margin-top: 10px;
            padding-left: 2px;
            color: #4A8312;
            overflow: hidden;
            float:left;
            text-align: right;
            border-left: 1px #DEE3DF solid;
            background: url(../pics/detailsIcon.gif) no-repeat;
        }

        #homeContent div#majorEventList span.majorEventDetails {
            width:610px;
            padding-left: 2px;
            overflow: hidden;
            float: left;
            text-align: left;
            display: block;
            border-top: 1px #DEE3DF solid;;
            overflow: hidden;
        }

    /*----------------------------  H o m e   P r o g r a m   L i s t          -----------------------------*/

        #homeContent div#programList  {
            width: 730px;
            float: left;
            display: none;
        }

        #homeContent div#programList a:link,
        #homeContent div#programList a:visited {
            color:#6B6B6B;
        }

        #homeContent div#programList  h3{
            width: 100%;
            border-bottom: 1px #DEE3DF solid;;
        }

        #homeContent div#programList ul {
            padding-top:10px;
        }

        #homeContent div#programList li {
            padding: 5px 0px 15px 0px;
padding: 5px 0px 5px 0px;

            margin: 2px;
            display: block;
            clear: both;  /* fixes Mozilla */
            background: url(../pics/homeLinedGreenBackground.gif) repeat-x;

        }

        #homeContent div#programList li a{
            display: block;
            cursor: pointer;
        }

        #homeContent div#programList a:hover {
            color: #4A8312;
        }

        #homeContent div#programList span.programIcon {
            width: 96px;
            height: 92px;
            padding: 5px;
            font-size: 14px;
            overflow: hidden;
            float:left;
            clear: both;
        }

        #homeContent div#programList span.programIcon img{
            padding: 2px;
            background: #F6F4EF;
            border: 1px #DEE3DF solid;
        }

        #homeContent div#programList span.programTitle {
            width:520px;
            font-size: 13px;
            margin-top: 10px;
            padding-left: 2px;
            color: #4A8312;
            overflow: hidden;
            float:left;
            border-right: 1px #DEE3DF solid;
        }

        #homeContent div#programList span.programLink{
            width:79px;
            margin-top: 10px;
            padding-left: 2px;
            color: #4A8312;
            overflow: hidden;
            float:left;
            text-align: right;
            background: url(../pics/detailsIcon.gif) no-repeat;
        }

        #homeContent div#programList span.programDetails {
            width:610px;
            padding-left: 2px;
            overflow: hidden;
float: left;
            text-align: left;
            display: block;
            border-top: 1px #DEE3DF solid;;
            overflow: hidden;
        }
    /*--------------------------------        H o m e   B a n n e r            -----------------------------*/
        #homeContent div.banner{
            width: 228px;
            height: 100px;
            position: relative;
            top: -39px;
            float: left;
            background: #DBE5CF;
            border-width:  1px;
            border-color: #D1DBC6;
            border-style: solid;
            font-size: 10px;
            line-height: 1.4;
            overflow: hidden;
        }
    /*--------------------------------        H o m e   V i d e o   B o x      -----------------------------*/

        #homeContent div#videoBox{
            width: 228px;
            height: 329px;
            position: relative;
            top: -39px;
            float: left;
            background: #DBE5CF;
            border-width:  1px;
            border-color: #D1DBC6;
            border-style: solid;
            font-size: 10px;
            line-height: 1.4;
            overflow: hidden;
        }

        #homeContent div#videoBox h2 {
            width: 229px;
            height: 24px;
            padding: 6px 10px 0px 10px;
            font-size: 13px;
            color:#6B6B6B;
/*   background-color: #CAD3BF;  */
        }

        #homeContent div#videoBox p {
            padding: 2px 10px 5px 10px;
        }

        #homeContent div#videoBox img {
            margin: 10px 4px 0 4px;
        }

    /*-------------------------------    M a i n   C o n t e n t   L e f t   -------------------------------*/

        #mainContentLeft  h3 {
            width: 263px;
            height: 24px; /* total height: 32px */
            margin: 0px;
            padding: 0px;
            font-size: 19px;
            color: #FFF;
        }

        #mainContentLeft  .button {
            float: right;
        }

    /*---------------------------------  L e f t    C o n t a i n e r  -------------------------------------*/

        #mainContentLeftContainer {
            margin: 1px 0px 0px 0px;
            padding: 0px 10px 10px 10px;
        }

        #mainContentLeftNav {
            width: auto;
            margin: 20px 0px 2px 0px;  /* margin-top was 10 in template */
        }

        #mainContentLeftNav ul li, ul li ul li {
            display: block;
            vertical-align: middle;
        }

        #mainContentLeftNav ul li a {
            height: 18px;
            min-height: 18px;
            padding: 3px 5px 2px 12px;
            vertical-align: middle;
            display: block; /* essential: this gives the link its existence */
            color: #6C1F07;
            border-bottom: 1px #DEE3DF solid;
            text-decoration: none;
        }

        #mainContentLeftNav ul li a:hover {
            color: #6C1F07;
            background: url(../pics/mainContentLeftNavHoverBackground.gif) top left repeat-x;
        }

        #mainContentLeftNav ul li ul li a {
            padding: 3px 5px 2px 24px;
        }

        #mainContentLeftNav ul li a.selected, #mainContentLeftNav ul li ul li a.selected
        {
            /*joel added selected state for main menu (selected state only set for submenu) */
            background: url(../pics/mainContentLeftNavHoverBackground.gif) top left repeat-x;
        }

        #mainContentLeftNav ul li ul li a:hover {
        }

    /*-------------------------------    M a i n   C o n t e n t   R i g h t   -----------------------------*/

        #mainContentRight h1
        {
            /* total height: 38px; */
            /* total width: 679px; */
            height: 31px;
            width: 679px;

            margin: 0px;
            padding: 5px 0px 0px 0px;
            color: #38630E;
            overflow: hidden;
            letter-spacing: -.05em;
            border-bottom: 1px #DEE3DF solid;
        }
        input, textarea 
        {
            font-size: 11px;
            line-height: 13px;
            color:#6B6B6B;
            margin: 2px 0px;
        }
        textarea 
        {
			font-family: inherit;
        }

    /*-----------------------------------   I m a g e  -----------------------------------------------------*/

        .imageBorder {border: 1px #DEE3DF thin; margin: 0px 0px 10px 10px; float: right; overflow: hidden;}

        .imageFill { border: 1px solid #E5E8E1;  background: #F6F4EF; padding: 5px; }

        .image { border: 1px solid #E5E8E1; background-color: #FFF; padding: 1px;}

        .imageCaption { font-size: 10px; text-align: center; color: #505050;  padding-top: 5px; line-height: 1.4;}

       /*------------------------------------------    S i d e    B o x ---------------------------------------*/
        .sideBox {
            width: auto;
            margin-top: 20px;
            padding: 5px;
            display: block;
            overflow: hidden;
            background: 0px 0px #FCFBF9  url(../pics/mainContentLeftSideBoxBackground.gif) repeat-x; /* alternate page color */
            border: #EEEDE9 1px solid;
        }

        .sideBox h2, #sideQuote h2 {
            padding-top: 0px;
            margin-bottom: 8px;
            overflow: hidden;
            border-bottom: 1px #EEEDE9 solid;
            font-size: 13px;
            letter-spacing: .015em;
            background: #FAF6EB;
        }

        .sideBox h5 {
            padding-top: 5px;
            padding-left: 5px;
            padding-right: 8px;
            color: #0F3D6D;
            overflow: hidden;
            font: 13px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        }

        .sideBox h5 {
        }

        .sideBox .leftImage {
          margin: 0px 5px 5px 0px;
          float: left;
        }

        .directionsBox {
            background:  url(../pics/directionsIcon.gif) -2px -2px no-repeat;
        }

        .directionsBox h2{
            margin-left: 35px;
            margin-bottom: 5px;
        }

        .smallForm label {
            clear:left;
            display:block;
            float:left;
            width:80px;
            text-align:right;
            padding-right:5px;
            margin-bottom: 5px;
        }

        .smallForm input,
        .smallForm select {
            margin:0px;
            padding:0px;
            border: 0px;
            float:left;
            font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
            font-size: 11px;
            line-height: 1.7;
            color:#555;
            border-bottom: 1px #A7A06D solid;
            background: #FCFBF9;
        }

    /*------------------------------------------    S i d e   Q u o t e ------------------------------------*/

        #sideQuote {
            width: auto;
            margin-top: 15px;
            padding: 5px;
            display: block;
            overflow: hidden;
            border: #EEEDE9 1px solid;
        }

    /*-------------------------------    M a i n   C o n t e n t   R i g h t   -----------------------------*/

        #mainContentRightContainer {
            padding: 10px;
        }

        #mainContentRight h2, #mainContentRight .h2 {
            padding: 10px 0px 10px 0px;
        }

        #mainContentRight .h2 {
            float: left;
        }

        #mainContentRight h3, #mainContentRight .h3 {
            padding-top: 10px;
            padding-bottom: 7px;
        }

        #mainContentRight .h3 {
            float: left;
        }

        #mainContentRight h4 {
            padding-top: 4px;
            padding-bottom: 4px;
        }

        #mainContentRight .hrDivider {
            height: 1px;
            width:  100%;
            margin: 0px;
            clear:  both;
            background: #E6EBF0;
        }

        #mainContentRight .leftLinks {
            text-align: left;
            font-size: 10px;
        }

        #mainContentRight .rightLinks {
            text-align: right;
            font-size: 10px;
        }

        #mainContentRight .rightLinks img{
            margin-left: 2px; margin-right: 2px;
            font-size: 10px;
        }

        #mainContentRight .hrDivider hr {
            display: none;
        }

        #mainContentRightContainer ul li {
            padding-bottom: 5px;
            margin: 0px 0px 0px 40px;
            list-style-image: url(../pics/mainContentLi.gif);
        }

        #mainContentRightContainer ol li {
            list-style-type: decimal;
        }

        #mainContentRightContainer ol ol li {
            list-style-type: lower-alpha;
        }

        #mainContentRightContainer ol li {
            padding-bottom: 5px;
            margin: 0px 0px 0px 40px;
        }

        #mainContentRight .backLink {
            text-align: left;
            font-size: 10px;
        }

    /*--------------------------       T a b s e t             E l e m e n t s      ------------------------*/
    /*   Removing the position statement eliminates the problems with IE7                                   */

        dl.tabset   { margin:0px; margin-top: 20px; padding:0px; position:relative }

        dl.tabset dt    {
            padding: 5px 10px 5px 10px;     /* controls the height of the tab */
            margin: 0px 0px 0px 0px;
            display: inline;
            cursor:pointer;
            background: #F7ECBD;
            color: #9E7F47;
            text-transform: uppercase;
            border: #EEEDE9 1px solid;
            border-bottom: none;
            font-size: 10px;
        }

        dl.tabset dt.hover  {
            color:#FFF;
            background: #FED76F;

        }

        dl.tabset dt.active {
            cursor: default;
            background: url(../pics/mainContentGreenBackground.gif) repeat-x;
            border-color:#EEEDE9;
            border-bottom:none;
            position: relative;
            z-index:1;
        }

        dl.tabset dd    {
            display:none;
        }

        dl.tabset dd.active {
            width: 650px;       /* correct width for IE 6.0 */
            margin: 3px 0px 0px 0px;
            padding: 20px 10px 10px 10px;
            display: block;
            float: left;
            clear: both;
            border: 1px #EEEDE9 solid;
        }

        dl.tabset dt.ieclear {
            float:none;
            display:block;
            height:0px;
            overflow:hidden;
            border:none;
            padding:0px;
        }

     /*------------------------------------------    F o o t e r    -----------------------------------------*/

        #footer {position:absolute;  /* foot */
            bottom:-1px;
            right:18px; /* to avoid covering the scroll bar. */
            display:block;
            width:100%;
            height:33px;
            background:#F8F7F3;
            text-align:right;
            font-size:10px;
            z-index:4;
            border-top: #D9DADA 1px solid;
            color: #FFF;
            background: #95AD84;
        }

        #footer a:link,  #footer a:visited {
            color: #406128;
        }

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

        #mainFooter {
            width: 960px;
            height:100%;
            height:auto !important;
            margin:auto;
            padding-left:0px;
        }

        #mainFooterLeft {
            padding-top: 5px;
            float:left;
        }

        #mainFooterRight{
            padding-top: 5px;
            float:right;
        }

        #printFooter {display:none;}

     /*------------------------------------       T u i t i o n       --------------------------------------*/

        #tuition thead{
            font-size: 13px;
            color: #4A8312;
            border-bottom: 2px #B5D693 solid;
        }

        #tuition thead td{
            border-bottom: 2px #B5D693 solid;
        }

        #tuition tfoot{
            font-size: 11px;
            color: #4A8312;
        }

        #tuition tr.alt {
            background: #FCFBF9;
        }

        #tuition td.tcolumn {
          border-left: 1px solid #EAEEE4;
          border-left: 1px solid #EAEEE4;
          padding-left: 5px;
        }

        #tuition  table.charges tbody{
            background-color: #FCFBF9;
        }


    /*---------------------------------------   P a g i n g   ----------------------------------------------*/

        #mainContentRight div#paging {
            height: 35px;
            margin: 5px 0px 10px 0px;
            border-top: #DEE7F1 1px solid;
            background: url(../pics/mainContentGreenBackground.gif) repeat-x;
            padding: 4px 2px 0px 2px;
        }

        #mainContentRight #paging span.pagingLeft {
            width: 220px;
            padding-left: 4px;
            float:left;
            vertical-align:bottom;
        }

        #mainContentRight #paging span.pagingCenter {
            width: 220px;
            float:left;
            text-align: center;
            vertical-align:bottom;
        }

        #mainContentRight #paging span.pagingRight {
            width: 220px;
            left: 2px;
            float:left;
            text-align: right;
            vertical-align:bottom;
        }

 /*-----------------------------  M a i n   F o r m   E l e m e n t s    --------------------------------*/

        #formmy fieldset {
            margin: 20px 0px 0px 0px;
            padding: 15px;
            border: #D0E5C1 1px solid;
        }

        #formmy legend {
            margin: 10px 0px 10px 0px;
            padding: 1px 5px 1px 5px;
            vertical-align: top;
            border: #E8ECE3 1px solid;
            background: #8DAD75;
            color: #FFF;
        }

        #formmy .input
        {
            margin:0px;
            padding:0px;
            border: 0px;
            font: 12px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
            color: #555555;
            border-bottom: #DDD 1px solid;
        }

        #formmy input.borderNone {
            margin:0px;
            padding:0px;
            border-bottom: 0px;
        }

        /*.NET uses <label> for Radio buttons and its causing radio buttons to be dispalyed on newline*/
        #formmy .zlabel {
            min-width: 100px;
            width: 130px;
            float: left;
            clear: left;
        }

        #formmy textarea {
            font: 12px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
            color: #555;
            border: #DDD 1px solid;
        }

        #formmy select {
            margin-bottom: 10px;
            padding: 2px;
            font: 11px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
            color: #555;
            border: 0px;
            background: url(../pics/noteRightBackground.gif); /* doesn't exist */
        }

        .mainContentRightForm div.controlset label, .mainContentRightForm div.controlset input {
            margin:0px;
            padding:0px;
            font-size: 10px;
            display: inline;
            float: none;
            clear: none;
        }

        .mainContentRightForm div.controlset {
            margin-top: 10px;
        }

        #formmy div.buttonRow {
            margin-top: 10px;
        }

    /*--------------------------        F a c i l i t y    T o u r s       ---------------------------------*/

        #facilityTour {
            width: 637px;
            height: 320px;
            margin: auto;
            padding: 20px 5px 20px 20px;
            border: 1px #DEE3DF solid;
            background: #F7FBF1 url(../pics/sealGreenSmallBackground.gif) 500px 180px no-repeat;    /* (x,y) */
        }

        #facilityTour #room{
            float: left;
        }

        #facilityTour #navigation{
            width: 149px;
            float: right;
        }

        #facilityTour ul li {
        list-style-image: none;
/*        padding-left: 10px; */
        border-bottom: 1px #DEE3DF solid;
        border-top: 1px #F0FBDF solid;
        background: #F1F5EB;
        }

        #facilityTour ul li{
            margin: 0px;
            padding: 0px; /* set up somewhere else */
        }

        #facilityTour ul li a{
            height: 20px;
            padding: 3px 2px 0px 5px;

            display: block;
        }

        #facilityTour ul li a:hover{
            background: #E8F0D5;
        }

        #facilityTour ul li.selected {
            background: #E8F0D5;
        }

    /*--------------------------        C o n t a c t   U s       ---------------------------------*/

        #contactMap {
            width: 657px;
            height: 300px;
            margin: auto;
            padding: 20px 5px 20px 10px;
            border: 1px #DEE3DF solid;
            background: #F7FBF1 url(../pics/sealGreenSmallBackground.gif) 500px 180px no-repeat;    /* (x,y) */
        }

        #contactMap #mapDiv{
            float: left;
        }

        #contactMap #sideBar{
            width: 159px;
            float: right;
        }

        #contactMap #sideBar h4{
            border-bottom: 2px #C1D59A solid;
        }

     /*------------------------------------     C o u r s e    C a t a l o g    ----------------------------*/

        #courseCatalog ul  {
            width:684px;
            list-style: none;
            list-style-type: none;
            list-style-image: none;
            display: inline;
        }

        #courseCatalog ul li {
            width: 335px;
            height: 98px;
            float: left;
            margin-left: 0px;
            list-style-type: none;
            list-style-image: none;
            border-bottom: 1px #E6EBF0 solid;
        }

        #courseCatalog ul li#kindergarden,
        #courseCatalog ul li#second,
        #courseCatalog ul li#fourth,
        #courseCatalog ul li#sixth {
            border-right: 1px #E6EBF0 solid;
        }

        #courseCatalog ul li#eighth {
            border-bottom: none;
        }

        #courseCatalog ul li a{
            width: 335px;
            height: 98px;
            float: left;
            display: inline;
            margin-left: 0px;
        }

        #courseCatalog ul li a:hover{
            background: #F6F4EF;
        }

        #courseCatalog ul li a:hover span{
            color: #4A8312;
        }

        #courseCatalog span.kindergarden {
            width: 83px;
            height: 88px;
            margin: 5px;
            overflow:hidden;
            display: block;
            float: left;
            background: url(../pics/courses.gif) 0px -89px;
        }
        #courseCatalog li#kindergarden a:hover span.kindergarden {
            background: url(../pics/courses.gif) 0px 0px;
        }
        #courseCatalog span.first {
            width: 83px;
            height: 88px;
            margin: 5px;
            overflow:hidden;
            display: block;
            float: left;
            background: url(../pics/courses.gif) -83px -89px;
        }
        #courseCatalog li#first a:hover span.first {
            background: url(../pics/courses.gif) -83px 0px;
        }
        #courseCatalog span.second {
            width: 83px;
            height: 88px;
            margin: 5px;
            overflow:hidden;
            display: block;
            float: left;
            background: url(../pics/courses.gif) -166px -89px;
        }
        #courseCatalog li#second a:hover span.second {
            background: url(../pics/courses.gif) -166px 0px;
        }
        #courseCatalog span.third {
            width: 83px;
            height: 88px;
            margin: 5px;
            overflow:hidden;
            display: block;
            float: left;
            background: url(../pics/courses.gif) -249px -89px;
        }
        #courseCatalog li#third a:hover span.third {
            background: url(../pics/courses.gif) -249px 0px;
        }
        #courseCatalog span.fourth {
            width: 83px;
            height: 88px;
            margin: 5px;
            overflow:hidden;
            display: block;
            float: left;
            background: url(../pics/courses.gif) -332px -89px;
        }
        #courseCatalog li#fourth a:hover span.fourth {
            background: url(../pics/courses.gif) -332px 0px;
        }
        #courseCatalog span.fifth {
            width: 83px;
            height: 88px;
            margin: 5px;
            overflow:hidden;
            display: block;
            float: left;
            background: url(../pics/courses.gif) -415px -89px;
        }
        #courseCatalog li#fifth a:hover span.fifth {
            background: url(../pics/courses.gif) -415px 0px;
        }
        #courseCatalog span.sixth {
            width: 83px;
            height: 88px;
            margin: 5px;
            overflow:hidden;
            display: block;
            float: left;
            background: url(../pics/courses.gif) -498px -89px;
        }
        #courseCatalog li#sixth a:hover span.sixth {
            background: url(../pics/courses.gif) -498px 0px;
        }
        #courseCatalog span.seventh {
            width: 83px;
            height: 88px;
            margin: 5px;
            overflow:hidden;
            display: block;
            float: left;
            background: url(../pics/courses.gif) -581px -89px;
        }
        #courseCatalog li#seventh a:hover span.seventh {
            background: url(../pics/courses.gif) -581px 0px;
        }
        #courseCatalog span.eighth {
            width: 83px;
            height: 88px;
            margin: 5px;
            overflow:hidden;
            display: block;
            float: left;
            background: url(../pics/courses.gif) -664px -89px;
        }
        #courseCatalog li#eighth a:hover span.eighth {
            background: url(../pics/courses.gif) -664px 0px;
        }

        #courseCatalog span.courseTitle { /*added to match comp per John*/
            margin-top: 10px;
            margin-left: 20px;
            color: #6C1F07;
            font-size: 14px;
            font-weight: normal;
            display: block;
        }

        #courseCatalog span.courseDesc {
            margin-top: 4px;
            margin-left: 20px;
            color: #5E5E5E;
            font-size: 11px;
            font-weight: normal;
            display: block;
        }

     /*------------------------------------     C o u r s e    L i s t     ---------------------------------*/

        #courseList ul {
            width: 678px;
            margin: 0px;
            padding: 0px;
            list-style: none;
        }

        #courseList ul li {
            margin: 0px;
            padding-top: 4px;
            padding-bottom: 4px;
            list-style-image: none;
            clear: both;
        }

        #courseList li a{
            display: block;
            padding-top: 4px;
            padding-bottom: 4px;
            cursor: pointer;
        }

        #courseList li.alt {
            background-color:#F6F4EF;
        }

        #courseList a:hover {
            background-color: #F6F4EF;
        }

        #courseList li.header {
            background: #F7ECBD;
            font-size: 11px;
        }

        #courseList li.header span.courseNo {
            border-bottom: 1px #F7ECBD solid;
            padding-bottom: 9px;
        }

        #courseList li.header span.courseName {
            border-bottom: 1px #F7ECBD solid;
            padding-bottom: 9px;
        }

        #courseList li.header span.courseInstructor {
            border-bottom: 1px #F7ECBD solid;
            padding-bottom: 9px;
        }

        #courseList li.header span.courseMeets {
            border-bottom: 1px #F7ECBD solid;
            padding-bottom: 9px;
        }

        #courseList li.header span.courseMeets {
            border-bottom: 1px #F7ECBD solid;
            padding-bottom: 9px;
        }

        #courseList li.header span.courseView {
            border-bottom: 1px #F7ECBD solid;
            padding-bottom: 9px;
        }

        #courseList span.courseNo {
            width: 64px;
            padding-left: 6px;
            overflow: hidden;
            float:left;
        }

        #courseList span.courseName {
            width:204px;
            padding-left: 6px;
            overflow: hidden;
            float:left;
        }

        #courseList span.courseInstructor {
            width:154px;
            padding-left: 6px;
            overflow: hidden;
            float:left;
        }

        #courseList span.courseMeets {
            width:152px;
            padding-left: 6px;
            overflow: hidden;
            float:left;
        }

        #courseList span.courseView {
            width:64px;
            padding-left: 6px;
            overflow: hidden;
            background: 0px 0px url(../pics/glassIcon.gif) no-repeat;
        }

        #courseList a:hover span.courseView {
            background: -71px 0px url(../pics/glassIcon.gif) no-repeat;
        }

     /*------------------------------      C o u r s e     D e t a i l s    ---------------------------------*/

        #courseDetails .col {
            width: 330px;
            margin: 10px 0px 20px 6px;
            float: left;
        }
        #courseDetails ul {
            list-style:none;
        }

        #courseDetails ul li{
            list-style-image: none;
            margin: 0px;
            padding: 0px;
            line-height: 2.1;
            display: block;
            clear: both;
        }

        #courseDetails ul {
            }

        #courseDetails li {
            clear: both;
        }

        #courseDetails span.title {
            width: 94px;
            padding-right: 5px;
            float: left;
            overflow: hidden;
            letter-spacing: -0.04em;
            color: #4A8312;
            text-align: right;
            background: #EAEEE4;
            border-right: 1px #FFF solid;
            border-bottom: 1px #FFF solid;
        }

        #courseDetails span.desc {
            width: 224px;
            padding-left: 5px;
            float: right;
            text-align: left;
            background: #F6F4EF;
            border-right: 1px #FFF solid;
            border-bottom: 1px #FFF solid;
        }

        #courseDetails div.courseDesc {
            margin-top: 40px;
        }

     /*----------------------------    C a l e n d a r    L i s t    V i e w   -----------------------------*/

        /*
        List calendar is controlled by Grid control so I couldn't use the table based structure for styles
        as shown in template. Therefore I copies styles to new class and applied it to GridView CssClass
        where appropriate to approximate final look and feel.
        */
        .calendarListHeaderTD {
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 5px;
            border-top: solid 15px #ffffff;
            background: #F7ECBD;
            color: #4A8312;
            font-size: 13px;
            line-height: 2.1em;
            text-align: left;
            border-bottom: solid 15px #ffffff;
            background-image: url(../pics/border.gif);
            background-repeat: no-repeat;
            background-position: 0px bottom;
        }

        .calendarListAlt {
            background-color:#F6F4EF;
        }

        .DayStyle
        {
            background-image: url(../pics/calgreen.gif);
            background-repeat: repeat-x;
            background-position: top left;
            border-left: solid 1px #E6EBF0;
            border-bottom: solid 1px #E6EBF0;
        }

        .WeekdayNames
        {
            padding-right: 5px;
        }

        .calendarMonthHeaderTD {
            letter-spacing: 1.1em;
            line-height: 2.1em;
        }

        .calendarBold {
/*            font-weight: bold;     */
            font-weight: normal;   color: #4A8312;
        }

        /*
        Small Calendar - uses calendar control in order to pul event dates out of the database. Therefore, I
        had to take CSS settings and apply directly to calendar control properties, same strategy as Regency club.
        */

     /*----------------------------    P r e s s    R e l e a s e s    -------------------------------------*/

        #pressReleases {
            width: 678px;
            margin: 0px;
            padding: 0px;
            list-style: none;
            background: url(../pics/sealBackground.gif) top right no-repeat;
        }

        #pressReleases ul {
            width: 490px;
            margin: 0px 0px 10px 0px;
            padding: 0px;
            list-style: none;
        }

        #pressReleases ul li {
            height: 40px;
            margin: 0px 0px 5px 0px;
            padding-top: 10px;
            padding-bottom: 10px;
            list-style-image: none;
            clear: both;
            border-bottom: #EEEDE9 1px solid;
/* background: yellow; */
        }

        #pressReleases span.releaseDate {
            width: 68px;  /* total width: 74 */
            padding-left: 6px;
            overflow: hidden;
            float:left;
            text-align: right;

        }

        #pressReleases span.releaseHeadline {
            width:394px; /* total width: 422 */
            display: block;
            padding-left: 22px;
            overflow: hidden;
            float: left;
            cursor: pointer;
        }

        #pressReleases span.releaseSubTitle {
            width:394px; /* total width: 422 */
            padding-left: 22px;
            overflow: hidden;
            float: right;
        }

     /*------------------------------------    N e w s l e t t e r    --------------------------------------*/
        #newsletter {
            width: 678px;
            margin: 0;
            padding: 0;
            min-height: 400px;
            height:400px;
            background: url(../pics/sealBackground.gif) top right no-repeat;
        }

        #newsletter ul {
        }

        #newsletter ul li {
            padding-left: 24px;
            list-style-image: url(../pics/pdfIconOff.gif);
            padding-bottom: 5px;
            margin-bottom: 5px;
        }

    /*--------------------------       Revised Area Ends Here             ----------------------------------*/



/****************************** for Web Editor *****************************************/
.DirectoryHeaderTDStyle
{
    /** Blue Bold Title, transparent background, gray underline: nimda\webcontent-edit.aspx ***/
    color: #4A8312;
    font-size: 13px;
    border-bottom: solid 2px #B5D693;
    text-align: left;
    padding-top: 25px;
    vertical-align: top;
    margin: 0px;
}

.WebContent img
{
    margin-right: 5px;
    float: left;
    border:solid 3px #e7e7e7;
    margin-right: 8px;
}

.newsticker th
{
    text-align: center;
}

.newsticker td
{
    border-bottom: solid 1px gray;
    border-right: solid 1px #e7e7e7;
}

.contactforms td
{
    border-bottom: solid 1px #e7e7e7;
}
	
.WarningText {
	color: #B83D0D;
	font-weight: bold;
}

.AlternatingRowStyle {
	background-color: #F6F4EF;
}

.SelectedRowStyle
{
	background-color: #DEE5D4;
}

     /*-------------------------   N i m d a :  G a l l e r y   U p l o a d    -------------------------*/
     
        #projectThumbnail, #projectUrl {
            width:620px;
            height: 120px;
            margin: 5px 0px 25px 0px;
            padding: 10px;
            padding-left: 5px;
            background-color:#F4F4F4;
            border:solid 1px #EBEAE8;
        }

        #projectHeaderNewPicture {
            width: 620px;
            height: 204px;
            margin: 5px 0px 25px 0px;
            padding:10px;
            background-color:#F4F4F4;
            border:solid 1px #EBEAE8;
        }

        #projectThumbnail th, #projectHeaderNewPicture th {
            font-size: 12px;
            color: #4A8312;
            font-weight: normal;
            border-bottom: 2px #FFF solid;
        }

        #projectThumbnail td.bottomLine, #projectHeaderNewPicture td.bottomLine {
            border-bottom: 2px #FFF solid;
        }

        #projectThumbnail td.rightLine, #projectHeaderNewPicture td.rightLine {
            border-right: 2px #FFF solid;
        }

        #projectThumbnail img{
            height: 90px;
            width: 90px;
            margin: 8px;
            float: left;
            border:solid 3px #e7e7e7;
        }

        #projectThumbnail .uploadDiv, #projectUrl .uploadDiv {
            font-size: 12px;
            color: #4A8312;
            width:280px;
            height: 90px;
            margin: 5px 0px 5px 0px;
            padding: 3px 0px 0px 15px;
            float: left;
            border-left:solid 1px #e7e7e7;
        }

        #projectHeaderNewPicture .uploadDiv {
            font-size: 12px;
            color: #4A8312;
            float: left;
            margin: 5px 0px 5px 25px;
            padding: 3px 0px 0px 15px;
            border-left:solid 1px #e7e7e7;
        }
        
        #projectHeaderNewPicture #uploadReq {
			margin-left: 25px;
			width: 200px;
        }
        
        #projectThumbnail .uploadTitle, #projectHeaderNewPicture .uploadTitle {
            font-size: 12px;
            color: #4A8312;
            padding: 0px;
            margin: 0px;
        }
        
        #projectUrl {
            height:40px;
        }
        
        #projectUrl .uploadDiv {
            width:590px;
            height:30px;
        }
        
        #projectUrl .uploadDiv .uploadTitle {
            width:60px;
            float:left;
        }
        
     
	 /* ### content container ### */
	#contentCntr { width: 962px; margin: 0 0; }
	
		.title { padding-bottom: 10px; font-size: 20px; color: #fff; height: 18px; line-height: 28px; background-color:#f7e186; margin-bottom:8px}
	
		/* ### left container ### */
		#leftCntr { padding-right: 13px; float: left; width: 255px; }
		
			/* ### barry box ### */
			.barryBox { width: 255px; margin-bottom: 6px; overflow: hidden; background: url(../images/barry-mid.jpg) repeat-y; }
			.barryBox .top { padding-top: 16px; background: url(../images/barry-top.jpg) left top no-repeat; }
			.barryBox .bottom { padding: 0px 11px 18px 11px; overflow: hidden; background: url(../images/barry-bottom.jpg) left bottom no-repeat; }
			.barryBox h2 { padding-bottom: 12px; font-size: 16px; color: #015d1a; font-weight: normal; }
			.barryBox p { padding-bottom: 15px; font-size: 12px; color: #000; line-height: 18px; }
			.barryBox img { margin-bottom: 10px; border-bottom: 4px solid #fec836; }
			.barryBox a { padding-left: 10px; display: block; text-decoration: none; color: #015d1a; background: url(../images/icon.jpg) left 6px no-repeat; }
			.barryBox a:hover { text-decoration: underline; }
		
		/* ### center container ### */
		#centerCntr { float: left; width: 454px; }
			
			/* ### list box ### */
			.listBox { padding: 2px 0px 27px 0px; width: 454px; overflow: hidden; }
			.listBox ul { list-style: none; }
			.listBox li { float: left; line-height: 88px; font-size: 18px; text-align: center; width: 169px; height: 107px; background: url(../images/list-bg.png) no-repeat; }
			.listBox li.default:hover { float: left; line-height: 88px; font-size: 18px; text-align: center; width: 169px; height: 107px; background: url(../images/listbg-over1.png) no-repeat; }
			.listBox li.first:hover { float: left; line-height: 88px; font-size: 18px; text-align: center; width: 169px; height: 107px; background: url(../images/listbg-over2.png) no-repeat; 
					padding-top: 29px; margin-left: -26px; line-height: 17px;}
			.listBox li.second:hover { float: left; line-height: 88px; font-size: 18px; text-align: center; width: 169px; height: 107px; background: url(../images/listbg-over3.png) no-repeat; }
			.listBox li a { display: block; text-decoration: none; font-family: "Myriad Pro", Arial; color: #fff; }
			.listBox li a:hover { text-decoration: underline; }
			.listBox li.first { padding-top: 29px; margin-left: -26px; line-height: 17px; }
			.listBox li.second { margin-left: -27px; }
			
			/* ### text box ### */
			.textBox { width: 454px; overflow: hidden; }
			.textBox .text { padding: 8px 6px 14px 12px; margin: 0px 0px 7px 77px; width: 285px; background: #c9c9c9 url(../images/text-bg.jpg) repeat-x; }
			.textBox h2 { padding-bottom: 3px; font-size: 20px; color: #000; font-weight: normal; font-family: "Myriad Pro", Arial; }
			.textBox span { display: block; font-style: italic; font-size: 14px; color: #2c2c2c; }
			.textBox p { padding: 15px 0px 12px 0px; color: #333333; line-height: 19px; font-size: 11px;  }
			.textBox a { color: #015d1a; line-height: 30px; text-decoration: none; }
			.textBox a:hover { text-decoration: underline; }
			
		/* ### right container ### */
		#rightCntr { float: right; width: 225px; }
			
			/* ### form box ### */
			.formBox { padding: 11px 5px 20px 5px; width: 215px; overflow: hidden; background: #ecd67d url(../images/form-top.jpg) left top no-repeat; }
			.formBox .left { padding-left: 5px; width: 55px; float: left; }
			.formBox .right { float: right; width: 146px; }
			.formBox h2 { font-size: 30px; color: #015d1a; font-weight: normal; }
			.formBox span { margin-top: -8px; display: block; font-size: 16px; color: #6a6b6d; }
			.formBox fieldset { padding: 15px 0px 14px 12px; margin-top: 8px; width: 203px; float: left; border: none; background: #fff; }
			.formBox input.field { padding: 5px 8px; margin-bottom: 17px; width: 173px; height: 15px; border: 1px solid #a3a3a3; color: #000; background: #fff; }
			.formBox input.button { font-size: 16px; color: #fff; width: 75px; height: 27px; border: none; cursor: pointer; background: url(../images/button.png) no-repeat; }
			.formBox address { padding: 20px 0px 0px 12px; overflow: hidden; width: 203px; line-height: 18px; font-size: 14px; color: #2f2b19; font-style: normal; }
			
	/* ### footer container ### */
	#footerCntr { overflow: hidden; height: 44px; background: url(../images/footer-bg.jpg) repeat-x; }
	#footerCntr .center { margin: 0px auto; width: 960px; }
	#footerCntr p { float: left; line-height: 44px; color: #fff; }
	#footerCntr span { float: right; display: block; color: #fff; line-height: 44px; }