#outerbody {
	border:solid white 0px; /*/*/ border-left-width: 175px ;  /* left column width. NN4 hack to hide borders */
	border-left-color: #603010;   /* left column colour */
	border-left-style: solid; /*/*/ border-right-width: 150px; /* right column width. NN4 hack to hide borders */
	border-right-color: #FFF;  /* right column colour */
	border-right-style: solid; background-color: #FFF; /* center column colour */
	width: auto;
}
#innerbody { margin:0; width:100%;}
#outerbody>#innerbody { border-bottom: 1px solid #FFFFF3; }


#bbodyHeaderLogo { height:63px; background:#333; margin:1px 0; padding:40px 0 0 0; }

#leftcolumn { margin-top:20px; width:175px; float:left; position:relative; margin-left:-175px; margin-right:1px; }

#maincolumn { float: left; width: 100%; position: relative; margin: 0 -8px 0 -1px; /* margin: 0 -8px 0 -2px; */ font-size:11px; }
#maincolumn .content { line-height:17px; padding:20px; } /*padding for content */
#maincolumn .content > div { position: relative; }
#maincolumn .content ul { list-style: url("/img/sub_list_arrow.gif"); }

#rightcolumn { margin-top:75px; background: url("/img/bg_dotted_line.gif") repeat-y left; /*/*/ width:150px; /* hack keeps NN4 right column right? */ float:right; position:relative; margin-right:-150px; margin-left:1px; }
#rightcolumn .content {	padding-left:1px; }

/* leftcolumn Menu */
#leftcolumn ul { line-height:14px; list-style:none; padding:0 0 0 0; margin:0 0 25px 0; border:0; border-bottom:1px solid #562d0f; background-color:#603010; }
#leftcolumn li { text-align: left; width: 175px; padding:0; margin:0; font-size:1.1em; font-family:Tahoma,Arial,sans-serif; line-height:12px; }
#leftcolumn ul a { background-color:#603010; border-left:0px solid #E5DDD0; display:block; padding:6px 0px 7px 15px; color:#fff; text-decoration: none; border-top:1px solid #562d0f;
	border-bottom:0px solid #fff; width: 175px; /* False value for IE4-5.x/Win. */ voice-family: "\"}\""; voice-family:inherit; width: 160px; /* You get it. Good value for compliant browers. */ }
html>#leftcolumn li a {	width:160px; /* Be nice to Opera */ }
#leftcolumn li a:not(.depth0).selection { background:url("/img/sub_services_nav_arrow.gif") no-repeat left; background-color: #906b52; color: #fff; border:1px solid #683f23; border-width:1px 0 0 0; }
#leftcolumn li a:not(.depth0).selection:hover { background-color:#a47a5d; border:1px solid #683f23; border-width:1px 0 0px 0; }
#leftcolumn ul a:hover { background-color: #906b52; color:#fff; text-decoration:none; border:1px solid #683f23; border-width:1px 0 0 0; }

/* Left column submenu - Second Level */
#leftcolumn ul li ul { list-style:none; padding:0; margin:0; border:0; border:none; }
#leftcolumn ul li li { text-align: left; width:175px; padding:0; margin:0; font-size:1em; font-family:Tahoma,Arial,sans-serif; line-height:1.5em; text-transform:none; }
#leftcolumn ul li ul a { background-color:#cacbb6; border-left:none; display:block; padding:2px 0 2px 30px; color:#555; text-decoration: none; border-top:1px solid #adada2;
	border-bottom:0px solid #fff; width: 175px; /* False value for IE4-5.x/Win. */ voice-family: "\"}\""; voice-family:inherit; width: 145px; /* You get it. Good value for compliant browers. */ }
html>#leftcolumn ul li li a { width:145px; /* Be nice to Opera */ }
#leftcolumn ul li li a.selection { background-color: #fff; color: #000; border-left:none; }
#leftcolumn ul li li a.selection:hover { border-left:none; }
#leftcolumn ul li ul a:hover { color:#669900; background-color:#fff; color:#000; text-decoration:none; border-top:1px solid #919186; border-left:none; }

/* Left column submenu - Third Level */
#leftcolumn ul li ul li ul { list-style:none; padding:0; margin:0; border:0; border:none; }
#leftcolumn ul li li li { text-align: left; width:175px; padding:0; margin:0; font-size:1em; font-family:Tahoma,Arial,sans-serif; line-height:1.5em; text-transform:none; }
#leftcolumn ul li ul li ul a { background-color:#cacbb6; border-left:none; display:block; padding:2px 0 2px 45px; color:#555; text-decoration: none; border-top:0px solid #adada2;
	border-bottom:0px solid #fff; width: 175px; /* False value for IE4-5.x/Win. */ voice-family: "\"}\""; voice-family:inherit; width: 130px; /* You get it. Good value for compliant browers. */ }
html>#leftcolumn ul li li li a { width:130px; /* Be nice to Opera */ }
#leftcolumn ul li li li a.selection { background-color: #fff; color: #000; border-left:none; }
#leftcolumn ul li li li a.selection:hover { border-left:none; }
#leftcolumn ul li ul li ul a:hover { color:#669900; background-color:#fff; color:#000; text-decoration:none; border-top:0px solid #919186; border-left:none; }

#leftcolumn .services-contact-info { background: url('/img/bg_dotted_line_white.gif') repeat-x top; background-color:#633c21; padding:10px 0px 10px 0px; text-align:left; line-height:175%; color:#fff; font-size:0.85em; font-family:Verdana,Arial; }


/* rightcolumn Menu */
#rightcolumn ul { list-style: none; padding: 0; margin: 0px; border: 0; }
#rightcolumn li { text-align: left; width: 100px; padding: 0px 0px 0px 0px; margin: 0; font-size:1.1em; color: #FFF; line-height:12px; }
#rightcolumn ul a { display: block; padding: 2px 0px 2px 10px; color: #4E6790; text-decoration: none; border-top:1px solid #FFF; border-bottom:1px solid #FFF; background-color:#FFF; width: 159px; /* False value for IE4-5.x/Win. */ voice-family: "\"}\""; voice-family:inherit; width: 139px; /* You get it. Good value for compliant browers. */ }
html>#rightcolumn li a { width:150px; /* Be nice to Opera */ }
#rightcolumn li a.selection { background-color: #EFEFEF; color: #000; border-top:1px solid #CCC; border-bottom:1px solid #CCC; }
#rightcolumn ul a:hover { background-color: #efefef; color: #669900; background-color: #336699; color: #FFF; text-decoration: none; border-top:1px solid #666666; border-bottom:1px solid #666666; }

.contentinfo { background-color:#E6F0F9; border-top:1px solid #CCC; border-bottom:1px solid #CCC; color:#333; padding:10px; margin-left:-19px; margin-right:-21px; }
.contentinfo img { vertical-align:absmiddle; }
.contentinfo a { text-decoration:none; color:#369; }
.contentinfo a:hover { text-decoration:underline; color:#333; }
.breadcrumbs { margin-top:-17px; padding-bottom:20px; color:#999; }
.breadcrumbs a { color:#999; }

#maincolumn .related { border:1px solid #bebdb7; background:#ecebe3; width:173px; float:right; margin:0 0 5px 15px; }
#maincolumn .related h4 { background-color:#8e8d88; color:#fff; font-weight:normal; font-size:1em; padding:2px; margin:0; }
#maincolumn .related b { background:url('/attending/images/sub_attending_arrow_orange.gif') no-repeat left; background-position:0 0.3em; padding-left:12px; }
#maincolumn .related ul { margin:5px 0 0 10px; padding:0; list-style:none; list-style-image:none; }
#maincolumn .related ul li { margin:5px 0; padding:0; list-style:none; }
#maincolumn .related a { text-decoration:none; line-height:1.2em; }

h1 { color:#603010; }

 /*printer styles */
@media print {
	/*hide the left column when printing*/
	#leftcolumn { display:none !important; }
	#outerbody { border-left:0 !important; }

	/*hide the right column when printing*/
	#rightcolumn { display:none !important; }
	#outerbody { border-right:0 !important; }

	#frame { width:98%; }
	#pageheader, #mainMenu, #pagefooter { display:none !important; }
	#advbox, #quicksearch {display:none !important;}
	body, html { background-color:#FFF !important; }
}

/*hide the right column */
#rightcolumn { display:none; }
#outerbody  {border-right:0; }

/* Styles for Homepage */

#featImage { border-bottom:5px solid #fff; overflow:hidden; }
#featImage { margin:0 0 1px 1px; }
#featImage img { max-width: 100%; }
/* Styles for Faculty & Staff Section */
#staffPhoto { float:right; margin:0 0 10px 10px; }
#staffPhoto img { max-width: 225px; }
#staffData { float:left; width:50%; }
.staffIndex td { border-bottom:1px solid #8e8c7e; }
.staffIndex th  { border: 0; background-color:#8e8c7e; }


.button_old
{
        display: inline-block;
        white-space: nowrap;
        background-color: #ccc;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
        background-image: -webkit-linear-gradient(top, #eee, #ccc);
        background-image: -moz-linear-gradient(top, #eee, #ccc);
        background-image: -ms-linear-gradient(top, #eee, #ccc);
        background-image: -o-linear-gradient(top, #eee, #ccc);
        background-image: linear-gradient(top, #eee, #ccc);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
        border: 1px solid #777;
        padding: 0 1.5em;
        mmargin: 0.5em;
        font: bold 1em/2em Arial, Helvetica;
        text-decoration: none;
        color: #333;
        text-shadow: 0 1px 0 rgba(255,255,255,.8);
        -moz-border-radius: .2em;
        -webkit-border-radius: .2em;
        border-radius: .2em;
        -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
        -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
        box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}
.button_old:hover
{
	background-color: #ddd;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
        background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
        background-image: -moz-linear-gradient(top, #fafafa, #ddd);
        background-image: -ms-linear-gradient(top, #fafafa, #ddd);
        background-image: -o-linear-gradient(top, #fafafa, #ddd);
        background-image: linear-gradient(top, #fafafa, #ddd);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
}

.button_old:active
{
        -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        position: relative;
        top: 1px;
}
.button_old:before
{
        background: #ccc;
        background: rgba(0,0,0,.1);
        float: left;
        width: 1em;
        text-align: center;
        font-size: 1.5em;
        margin: 0 1em 0 -1em;
        padding: 0 .2em;
        -moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        -moz-border-radius: .15em 0 0 .15em;
        -webkit-border-radius: .15em 0 0 .15em;
        border-radius: .15em 0 0 .15em;
        pointer-events: none;
}

.button
{
        display: inline-block;
        white-space: nowrap;
        background-color: #274f77;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#3b77b2), to(#274f77));
        background-image: -webkit-linear-gradient(top, #3b77b2, #274f77);
        background-image: -moz-linear-gradient(top, #3b77b2, #274f77);
        background-image: -ms-linear-gradient(top, #3b77b2, #274f77);
        background-image: -o-linear-gradient(top, #3b77b2, #274f77);
        background-image: linear-gradient(top, #3b77b2, #274f77);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3b77b2', EndColorStr='#274f77');
        border: 1px solid #333;
        padding: 5px 20px;
        mmargin: 0.5em;
        font: bold 1em/2em Arial, Helvetica;
        text-decoration: none;
        color: #fff;
        text-shadow: 0 1px 0 rgba(5,5,5,.8);
        -moz-border-radius: .3em;
        -webkit-border-radius: .3em;
        border-radius: .3em;
        -moz-box-shadow: 0 0 1px 1px rgba(153,183,213,.8) inset, 0 1px 0 rgba(0,0,0,.3);
        -webkit-box-shadow: 0 0 1px 1px rgba(153,183,213,.8) inset, 0 1px 0 rgba(0,0,0,.3);
        box-shadow: 0 0 1px 1px rgba(115,153,191,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}

.button:hover
{
	color:#f2f2f2;
	background-color: #356291;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#4a89c7), to(#356291));
        background-image: -webkit-linear-gradient(top, #4a89c7, #356291);
        background-image: -moz-linear-gradient(top, #4a89c7, #356291);
        background-image: -ms-linear-gradient(top, #4a89c7, #356291);
        background-image: -o-linear-gradient(top, #4a89c7, #356291);
        background-image: linear-gradient(top, #4a89c7, #356291);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4a89c7', EndColorStr='#356291');
}

.button:active
{
        -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        position: relative;
        top: 1px;
}
.button:before
{
        background: #ccc;
        background: rgba(0,0,0,.1);
        float: left;
        width: 1em;
        text-align: center;
        font-size: 1.5em;
        margin: 0 1em 0 -1em;
        padding: 0 .2em;
        -moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        -moz-border-radius: .15em 0 0 .15em;
        -webkit-border-radius: .15em 0 0 .15em;
        border-radius: .15em 0 0 .15em;
        pointer-events: none;
}

.button:focus
{
        outline: 0;
        background: #fafafa;
}



.save:before
{
        content: "\2714";
}

.next:before
{
        content: "\279C";
}

#maincolumn .content .vjs-default-skin > div {position:absolute;}
#maincolumn .content .vjs-default-skin .vjs-control {pposition:relative;}