@charset "utf-8";
/* CSS Document */

body {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10pt;
	line-height: 1.2em;
	color:#333333;
	background-color:#909090;
        min-height:760px;
}

#coe_text, .main_content_par .text{
padding-top: 5px;
}
#coe_text, .main_content_par .textimage{
background-color:#FFFFFF;
}
#coe_text h2, .main_content_par h2, #right h2 {
font-size:160%;
font-weight:bold;
margin:0;
padding:4px 0 7px;
position:relative;
color: #841617;
line-height:25px;
}
#coe_text h3, #coe_text h1, #right h3, #right h1, .main_content_par h3, .main_content_par h1{
color: #841617;
padding-bottom:5px;
}
.text li{
margin-left:15px;
}
#coe_text p, #right p, .main_content_par p{
font-size: 1em;
}
#left_nav_facts{
padding-left:7px;
padding-bottom:20px;
font-family:sans-serif;
}
#left_nav_facts p {
text-align: left;
font-size: 13px;
font-family:sans-serif;
line-height: 12px;
font-weight:normal;
padding:0;
}
#left_nav_facts h1{
color: #841617;
text-align: left;
padding-top:5px;
padding-bottom:15px;
}

a {
	text-decoration: none;
}
a:link {
	color:#333333;
}
a:visited {
	color:#555555;
}
a:focus {
}
a:hover {
	text-decoration:underline;
}
a:active {
	color: #CCCCCC;
}
p {
	margin:0 0 .5em 0;
	padding:5px;
}
h1 {
font-weight:normal;
letter-spacing:-0.05em;
padding-bottom:5px;
}
h2 {
font-size:160%;
font-weight:normal;
margin:0 0 0.5em;
padding:0;
position:relative;
}
h3 {
font-size:130%;
font-weight:normal;
margin:0 0 0.5em;
padding:0;
position:relative;
}
.image, .textimage{
overflow:hidden;
}
#wrapper {
	background: #777777;
	padding-left: 10px;
	width: 965px;
}
#global_header_container {
	background-color: transparent;
}
#upper_container {
	height: 100%;
	background-color: #777777;
        position:relative;
        z-index:5;
}
#upper_container img{
padding-bottom: 6px;
}
#primary_header {
	background-color: #777777;
        line-height:0px;
        font-size:0px;       
}

#outer_container {
	background-color: #ffffff;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 945px;
        min-height:900px;
        height:auto;
        overflow:hidden;
} /* start - left column and contents*/
#left{
background:#E5E5E5;
border:1px solid;
min-height:760px;
padding-top:0;
width:185px;
}

#main_navigation {

	background-color: #e5e5e5;
	background-position: top;
}
#main_navigation img{
       padding-top: 5px;
       padding-left: 5px;
       padding-right: 5px;
}
#main_navigation div p{
	font-weight: normal;
}


#main_navigation ul {
	padding-top:10px;
	padding-bottom:10px;
}
#main_navigation ul ul {
	padding-top:0;
	margin-left:10px;
	padding-bottom:0;
}
#main_navigation a {
	display:block;
	color:#000000;
	font-weight:bold;
        background-color:#841617
	padding-left:8px;
	text-decoration:none;
	padding-top:3px;
        padding-left:8px;
}
#main_navigation a:hover {
	background-color:#777777;
}
#main_navigation li {
	list-style:none; 
        line-height: 1.4;
}
#main_navigation ul li#main_navigation_active_li a {
       background-color:grey;
	list-style-type:square;
}
#main_navigation ul li.main_nav_active_parent a {
	background-color:grey;
	color:#FFFFFF;
}
#main_navigation ul li.main_nav_active_parent ul li {
	margin-left:15px;
	color:grey;
}
#main_navigation ul li.main_nav_active_parent ul li#main_navigation_active_li {
       background-color:transparent;
	list-style-type:square;
}
#main_navigation ul li.main_nav_active_parent ul li.main_nav_active_parent ul li.#main_navigation_active_li {
       background-color:transparent;
	list-style-type:square;
}
#main_navigation ul li.main_nav_active_parent ul li a {
	background-color:transparent;
        color: black;
	font-weight:normal;
	padding-left:4px; /*width:152px;*/
}
#main_navigation ul li.main_nav_active_parent ul li a:hover {
	background-color:grey;
	color:#FFFFFF;
}
#main_navigation_active_li {
       background-color:transparent;
	list-style-type:square;
}
#main_navigation ul li.main_nav_active_parent ul li.main_nav_active_parent a {
	background-color:grey;
	color:#FFFFFF;
}

#main_navigation ul li.main_nav_active_parent ul li.main_nav_active_parent ul li a {
	background-color:transparent;
       color:black;
}


#main_navigation ul li.main_nav_active_parent ul li.main_nav_active_parent ul li a:hover {
	background-color:grey;
       color:black;
}
#main_navigation_active_li a:hover {
	background-color:transparent;
	list-style-type:square;
}

#main_navigation ul.main_nav_active_child li#main_navigation_active_li a{
background-color:transparent;
}
#right {
display:inline;
float:left;
position:relative;
width:188px;
}
#right p {
color:#333333;
font-family:Helvetica,Verdana,Arial,sans-serif;
font-size:90%;
font-weight:normal;
line-height:1.1em;
position:relative;
}
#right h3 {
color:#660000;
font-weight:normal;
line-height:1.1em;
margin:0 0 0.5em;
position:relative;
}

#right_col_small p{
font-size:75%;
line-height: .1em;
}
.main_content_narrow_background {
background-color:#FFFFFF;
background-position:right bottom;
background-repeat:no-repeat;
left:202px;
width:553px;
display:none;
}


#our_vision{
      padding-left:0px;
      padding-top:0px;
      background-color: #410000;
      color: white;
      margin-left: 5px;
      margin-right: 7px;
font-size:small;
}
#our_vision a:hover{
    	text-decoration:none;
	background-color: #fff;
	color: #660000;
}
#our_vision h1, #our_vision h2, #our_vision h3 {
/*background:transparent url(/content/dam/CoE/design/image.img-3.jpg) repeat scroll 0 0;*/
color:#FFFFFF;
padding: 8px;
text-align:left;
border-bottom: 1px solid;
}
#our_vision a {
color:white;
font-weight:normal;
padding-left:0;
text-align:right;
}
#our_vision p{
padding-left: 8px;
padding-top:0px;
}

#encounter {
background-color:#410000;
color:white;
font-weight:normal;
margin-left:5px;
margin-right:7px;
padding-left:0;
text-align:left;
font-size:small;
}
#encounter a:hover
{
      	text-decoration:none;
	background-color: #fff;
	color: #660000;
}
#encounter h1,#encounter h2,#encounter h3
{
      padding: 8px;;
      text-align: left;
      color: #ffffff;
     /*background: transparent url(/content/dam/CoE/design/image.img-4.jpg) no-repeat scroll;*/
border-bottom: 1px solid;
}
#encounter a{
      padding-left:0px;
      color: white;
      font-weight:normal;
      text-align: right;
}
#encounter p{
padding-left: 8px;
padding-top:0px;
}

#evolve, #evolve p
{
     background-color:#410000;
     color:#FFFFFF;
     font-weight:normal;
     padding-left:0;
     text-align:left;
font-size:small;
}
#evolve a {
      background-color:#410000;
      color:#FFFFFF;
      font-weight:normal;
      padding-left:0;
      text-align:right;
}
#evolve a:hover
{
       text-decoration:none;
	background-color: #fff;
	color: #660000;
}
#evolve h1,#evolve h2,#evolve h3
{
      padding: 8px;;
      color: #ffffff;
      text-align: left;
/*  background: transparent url(/content/dam/CoE/design/image.img-5.jpg) no-repeat scroll 5px 0;*/
border-bottom: 1px solid;
line-height:1.1em;
}
#evolve p{
padding-left: 8px;
padding-top:0px;
}

#gift
{
      background: transparent url(/content/dam/CoE/design/image.img-7.jpg) no-repeat scroll 5px 0;
}
#gift a
{
      padding-left:0px;
      padding-top:0px;
      color:#ffffff;
}
#gift a:hover
{
     color:#ffffff;
     background: transparent;
}
 /* end - left column and contents*/
#second_and_third_col_container {
	width:753px;
}
#second_upper_container {
	width:753px;
}
#main_content_wide {
	width:753px; /* must match width of .main_content_wide_background */
}
#main_content_wide div h1 {
	padding: 7px;
	color: #740B0B;
}
#main_content_narrow {
	width:553px;
} /* start - center column and contents*/
#main_content_narrow a, #main_content_wide a {
	text-decoration:underline;
}
#main_content_narrow a:hover, #main_content_wide a:hover {
	text-decoration:none;
	background-color: #019CE2;
	color: #ffffff;
}
#main_content_narrow img, #main_content_wide img {
	padding:5px;
}
#main_content_narrow ul, #main_content_narrow ol, #main_content_wide ul, #main_content_wide ol {
	padding-left:20px;
}
#container_s img
{
     text-decoration:none;
     padding: 0px
}
#numbers a:hover
{
     background-color:red;
     color:#FFFFFF;
     text-decoration:none;
}

#buttons img:hover
{
     background-color:red;
     color:#FFFFFF;
     text-decoration:none;
}
#buttons a:hover
{
     background-color:transparent;
     color:#FFFFFF;
     text-decoration:none;
}

#second_upper_container {
}
#secondary_header {
	color: #ffffff;
}
#secondary_header img {
	padding-left:7px;
}

#secondary_header p {
	padding-left:8px;
}
.title{
	background-color: #019CE2;
	color: #ffffff;
        height:25px;
        padding: 18px 0px 5px 10px;
}
.main_content_par {padding-left:7px;
padding-right:7px;
padding-bottom:7px;
}



.secondarytoolbar{
overflow:visible;
position:relative;
min-height:35px;
margin-bottom:5px;
margin-top:5px;
z-index:5;
}
.secondarytoolbar a {
	color: #ffffff;
	font-weight:bold;
}
.secondarytoolbar a:hover {
	background-color: #ffffff;
        color: #841617;
}
.secondarytoolbar ul{
border: 1px solid white;
margin-bottom:5px;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
background-color:#880000;
}
.secondarytoolbar .sf-shadow ul {
-moz-border-radius-bottomleft:0;
-moz-border-radius-topright:0;
-webkit-border-radius:0;
padding:0;
}
.secondarytoolbar ul ul{
        border:none;
}
.secondarytoolbar ul li ul li a{
        font-size:11px;
}
.secondarytoolbar ul li {
	padding-left:0px;
        border:none;
}

.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	none;
	border-top:		none;
	padding: 		.75em;
	text-decoration:none;
}
#sf-first{
border-left:none;
padding:0.75em 48px;
text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text color*/
	color:	#FFFFFF;
}
.sf-menu li {
	background:url(/content/dam/CoE/design/Audience_nav.gif);
text-align:center;
}
#sf-nav .sf-menu li li,  #sf-nav .sf-menu ul li {
	background-color:#841617;
        width:150px;
        margin-left:10px;
        background-image:none;
}
.sf-menu li:hover, #sf-nav ul.sf-menu li.sfHover a, #sf-nav ul.sf-menu li.sfHover  li a:hover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background-color:#FFFFFF;
        color: #841617;
	outline:		0;
}
#sf-nav ul.sf-menu li.sfHover  li a{
	background-color:#841617;
        color: #FFFFFF;
}


.col {
	width:202px; /* must match width of #left */
}
.left_background {
	background-color: #FFFFFF;
        display:none;
}

.main_content_wide_background {
background-color:#FFFFFF;
background-position:right bottom;
background-repeat:no-repeat;
left:202px;
width:753px;
display:none;
}
.main_content_narrow_background {
	background-color: #FFFFFF;
	width:603px;
	left:202px;
}


#main_content_narrow ul {
	padding-left: 20px;
}

.cms_textImage {
	padding-top:10px;
	padding-left:10px;
	padding-right:20px;
	padding-bottom:20px;
}

#bottomfootertext {
	color:#DDDDDD;
	font-size:0.8em;
	line-height:1.3em;
	padding-top:3px;
	text-align:center;
}
#global_footer {
	font-family:Helvetica, Verdana, Arial, sans-serif;
	padding: 0;
	text-align:center;
	width:955px;
}
#global_footer a {
	color:#DDDDDD;
	font-size:0.9em;
	text-decoration:none;
}
#global_footer p {
	color:#DDDDDD;
	line-height:1.6em;
	padding:10px 0 0 0;
	text-align:center;
	font-size:0.9em;
	margin:0;

}
.two-col-set-50-50-c0{
    float:left;
    width:50%;
}
 .two-col-set-50-50-c1{
    float:left;
    width:50%;
}

.two-col-set-65-35-c0{
    float:left;
    width:70%;
}
.two-col-set-65-35-c1{
    float:left;
    width:30%;
}

.two-col-set-75-25-c0{
    float:left;
    width:75%;
}
.two-col-set-75-25-c1{
    float:left;
    width:25%;
}
.three-col-set-33-33-33-c0, .three-col-set-33-33-33-c1, .three-col-set-33-33-33-c2{
    float:left;
    width:33%;
}
.three-col-set-37-37-25-c0, .three-col-set-37-37-25-c1 {
    float:left;
    width:37.5%;
}
.three-col-set-37-37-25-c2{
    float:left;
    width:25%;
}
.four-col-set-25-25-25-25-c0,
.four-col-set-25-25-25-25-c1,
.four-col-set-25-25-25-25-c2,
.four-col-set-25-25-25-25-c3{
    float:left;
    width:24%;
}
#primary_header{
    display:inline;
    height:80px;
}
#primary_header_left_link, #primary_header_right_link{
    height:0px;
}
#global_header {
width:944px;
padding-left:10px;
}
.slideshow a:active, a:focus{
   outline:none;
}

.slideshow #container_s{
	margin:0;
	background-color:#FFFFFF;
	height:305px;
}

.slideshow #slideshow {
    position:relative;
    height:305px;
	margin:auto;
	list-style-type:none;
}

.slideshow #slideshow li {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    height: 305px;
}

.slideshow #slideshow li.active {
    z-index:10;
    opacity:1.0;
}

.slideshow #slideshow li.last-active {
    z-index:9;
}

.slideshow #slideshow li IMG{
    height:305px;
    display:block;
    border:0;
}

.slideshow #container_s #slideshow li span.global
{
	/* SlideUp low opacity div */
	position:relative;
  	padding: 8px 10px;
        background-image:url(/common/images/semi.png);
	filter: alpha(opacity=70); /* here you can set the opacity of box with text */
	-moz-opacity: 0.70; /* here you can set the opacity of box with text */
	-khtml-opacity: 0.70; /* here you can set the opacity of box with text */
	opacity: 0.70; /* here you can set the opacity of box with text */
 	margin-top:-306px;
	display:block;/* important */
	width:120px;
	height:290px;
	/* Title CSS */
	font-weight:bold;
	color:#FFFFFF;
        x-index:5;
}


.slideshow #slideshow li span span{
	margin:0px;
	width:auto;
	height:auto;
	padding:0px;
	position:relative;
}

.slideshow #slideshow li span span.caption{
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	filter: alpha(opacity=100); /* here you can set the opacity of box with text */
	-moz-opacity: 1; /* here you can set the opacity of box with text */
	-khtml-opacity: 1; /* here you can set the opacity of box with text */
	opacity: show; /* here you can set the opacity of box with text */
}

.slideshow #numbers{
	position:relative;
	float:left;
	margin-left:17px;
	list-style-type:none;
	margin-top:-21px;
	z-index:16;
	background-color:#EEEEEE;
	height:17px;
	width:123px;
	
	filter: alpha(opacity=50); /* here you can set the opacity of box with text */
	-moz-opacity: 0.50; /* here you can set the opacity of box with text */
	-khtml-opacity: 0.50; /* here you can set the opacity of box with text */
	opacity: 0.50; /* here you can set the opacity of box with text */
	padding-top:0px;
	padding-bottom:4px;
}

.slideshow #numbers a{
	padding-left:14px;
	text-decoration:none;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}

.slideshow #buttons{
	filter: alpha(opacity=70); /* here you can set the opacity of box with text */
	-moz-opacity: 0.70; /* here you can set the opacity of box with text */
	-khtml-opacity: 0.70; /* here you can set the opacity of box with text */
	opacity: 0.70; /* here you can set the opacity of box with text */
	position:relative;
	list-style-type:none;
	margin-top:-21px;
	z-index:15;
	background-color:#666666;
	height:21px;
	width:17px;
}

.slideshow #buttons:hover{
	background-color:#333333;
}

.slideshow #buttons img{
	text-decoration:none;
	border:none;
}

.slideshow #progress
{
	width:140px;
	margin:0px;
	padding:0px;
}

.slideshow .progress-indicator
{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; 
	-khtml-opacity: 0.80;
	opacity: 0.80;
	margin-top:-4px;
	height:4px;
	position:relative;
	z-index:16;
	width:0px;
	background:url(/content/common/images/progress.png) repeat-x;
}

table {
	border-spacing: 0px;
	border: 1px solid gray;
	border-collapse: collapse;
	background-color: white;
        font-size:100%;
        width:80%;
}
table th {
	padding: 0px 2p;
	border: 1px solid gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
        background-color:#CCCCCC;
}
table td {
	padding: 0px 2px;
	border: 1px solid gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

/*cal list widget*/

.eventlist {
	position:relative;
	display:block;
}

.listTitle {
color: #660000;
font-family:Helvetica, Verdana, Arial, sans-serif;
/*font-family:Georgia,"Times New Roman",Times,serif;*/
font-size:140%;
padding-bottom: 5px;
}

.parsys .upcomingevents .eventtitle {
float:none;
font-family:Helvetica, Verdana, Arial, sans-serif;
/*font-family:Georgia,"Times New Roman",Times,serif;*/
font-size:90%;
line-height:1.3em;
padding-bottom:10px;
width:135px;
}

.parsys .upcomingevents .eventtitle a:hover {
text-decoration: underline;
}

.parsys .upcomingevents .eventday {
clear:both;
font-family:Helvetica, Verdana, Arial, sans-serif;
/*font-family:Georgia,"Times New Roman",Times,serif;*/
color:#333;
display:block;
font-size:2.4em;
letter-spacing:-0.06em;
line-height:0.55em;
margin:0;
padding-bottom:.7em;
}

.parsys .upcomingevents .eventmonth {
font-family:Helvetica, Verdana, Arial, sans-serif;
/*font-family:Georgia,"Times New Roman",Times,serif;*/
color:#660000;
display:block;
font-size:1.2em;
line-height:1.5em;
padding-bottom:2px;
text-transform:uppercase;
}

/*end cal list widget*/