/* 
================================
COEL Skin Stylesheet
================================
*/

/* Standard HTML Tag Settings */

body {background-color: #FFFFFF;}
table, tr, td {font-family: tahoma, arial, helvetica;font-size: 11px;line-height: 1.3em;}

/* Standard DotNetNuke Settings */

.pagemaster 
{
    height: 100%;
    background-color: #FFFFFF;
}
.skinmaster 
{
    height: 100%;
    background-color: #FFFFFF;
}

.controlpanel {
width: 100%;
background-color: #F8F6FB;
}

.toppane {
width: 100%;
background-color: white;
padding-left: 1px;
padding-right: 1px;
padding-top: 2px;
}
.leftpane {
background-image: url(Images/LeftPaneback.jpg);
background-repeat: repeat-y;
/*width:185px;*/
border-right: #000000 1px solid;
padding-left: 0px;
padding-right: 0px;
padding-top: 4px;
}
.contentpane {
width: 98%;
background-color: transparent;
padding-left: 4px;
padding-right:2px;
padding-top: 2px;
}
.rightpane {
/*width: 100%;*/
padding-left: 4px;
padding-right: 4px;
padding-top: 2px;
}
.bottompane {
width: 100%;
background-color: transparent;
padding-left: 1px;
padding-right: 1px;
padding-top: 2px;
}


/* Standard Menu Settings */

.MainMenu_MenuContainer {
background-color: transparent; 
}
.MainMenu_MenuBar {
cursor: pointer; 
cursor: hand;
height: 16px;
background-color: Transparent;
}
.MainMenu_MenuItem {
border-left: #DDE8F1 0px solid; 
border-bottom: #DDE8F1 1px solid; 
border-top: #DDE8F1 1px solid; 
border-right: #DDE8F1 0px solid;
cursor: pointer; 
cursor: hand; 
color: Black; 
font-family: tahoma, arial, helvetica; 
font-size: 9pt; 
font-weight: bold; 
font-style: normal; 
background-color: Transparent;
height: 18px;
}
.MainMenu_MenuIcon {
background-color: #DDE8F1; 
border-left: #DDE8F1 1px solid; 
border-bottom: #DDE8F1 1px solid; 
border-top: #DDE8F1 1px solid; 
cursor: pointer; 
cursor: hand; 
text-align: center; 
width: 15px; 
height: 18px;
}
.MainMenu_SubMenu {
background-color: #DDE8F1;  
z-index: 1000; 
cursor: pointer; 
cursor: hand; 
filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
}
.MainMenu_MenuBreak {
height: 1px;
}
.MainMenu_MenuItemSel {
background-color: white; 
cursor: pointer; 
cursor: hand; 
color: #467599; 
font-family: tahoma, arial, helvetica; 
font-size: 9pt; 
font-weight: bold; 
font-style: normal;
height: 18px;
}
.MainMenu_MenuArrow {
border-right: #DDE8F1 1px solid; 
border-bottom: #DDE8F1 1px solid; 
border-top: #DDE8F1 0px solid;
font-family: webdings; 
font-size: 10pt; 
cursor: pointer; 
cursor: hand; 
}
.MainMenu_RootMenuArrow {
font-family: webdings; 
font-size: 10pt; 
cursor: pointer; 
cursor: hand;
}

/* End Menu Settings */

.StandardButton {
background: #467599 none; 
color: #FFFFFF;
font-family:Verdana, sans-serif; 
font-size: 11px;
font-weight: normal;
}

.Head   {
font-family: tahoma, arial, helvetica;
font-size:  10px;
font-weight:  bold;
color: Black; 
line-height: 30px;
}

/* Custom Classes */

.COELBannerFull {
width: 100%;
background-image: url(Images/PortalBannerRepeat.jpg);
background-repeat: repeat-x;
height: 158px;
}

.COELBanner {
width: 100%;
background-image: url(Images/PortalBanner_01.jpg);
background-repeat: no-repeat;
height: 118px;
}

.COELMenu {
width: 285px;
background-image: url(Images/PortalBanner_02.jpg);
background-repeat: no-repeat;
height: 19px;
}


.COELBreadcrumb {
background-image: url(Images/PortalBanner_03.jpg);
background-repeat: no-repeat;
width: 285px; 
height: 21px;
}

.content {
background-color: #ffffff;
}

/* Search Padding - lines up text nicely */
.GoLink {padding-top: 4px;}


/* Light Background Elements */
.LightBG {
width: auto;
color: Black;
}

a.LightBG:link, a.LightBG:active {
text-decoration: none;
color: Black;
font-weight: normal;
}

a.LightBG:link, a.LightBG:visited {
text-decoration: none;
color: Black;
font-weight: normal;
}


a.LightBG:hover {
text-decoration: none;
color: White;
font-weight: normal;
}

/*Footer Classes */

.FooterText {
color: #4987B1;

}

a.FooterText:link, a.FooterText:visited, a.FooterText:active {
text-decoration: none;
color: #4987B1;
font-weight: normal;
}

a.FooterText:hover {
text-decoration: none;
color: #fafafa;
font-weight: normal;
}
.Footer 
{
    height: auto;
    background-color: #B1CAD2;
}
/* End Light Background Elements */

.Separator {
width: 12px;
margin: 0 1px 0 1px;
background: url(Images\XDseparator.gif) center top no-repeat;
}


.Logo {
padding-left: 8px;
padding-top: 12px;
}

/* End Custom Classes */

a:link, a:visited  {
    text-decoration: none;
    color:  #FF6F00;
}

a:active, a:hover    {
    text-decoration: underline;
    color:  #99cc00;
}
a.CommandButton:link, a.CommandButton:visited {
    text-decoration: underline;
    color: #FF6F00;
}


a.CommandButton:active, a.CommandButton:hover  {
    text-decoration:  underline;
    color: #99cc00;
}
ul.ELLinks
{
margin: 0 8px 0 5px;
padding-left: 5px;
}
ul.ELLinks li
{
list-style-type: none;
}
ul.ELLinks li a, ul.ELLinks li a:visited, table.LinksDesignTable td a, table.LinksDesignTable td a:visited
{
font-family: "Lucida Grande", Lucida, Verdana
font-size: 130%;
display: block;
color: #4e6d02;
padding-top: 0;
padding-right: 8px;
padding-bottom: 4px;
padding-left: 12px;
background-color: transparent;
background-image: url(images/arrowBullets.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left 3px;
list-style-type: none;
text-align: left;
}

ul.ELLinks li a:hover,  table.LinksDesignTable td a:hover
{
color: #000000;
background-position: 0pt -80px;
text-decoration: none;
}
/*---------------Lucidal----------------------*/
a.lucida:link {
color: #5F7DBD;
font-family: tahoma, "lucida sans";
font-weight: normal;
/*font-weight: bolder;*/
font-size: 18px;
line-height: 18px;
text-decoration: none;
}
a.lucida:visited{
color: #5F7DBD;
font-weight: normal;
/*font-weight: bolder;*/
font-size: 18px;
line-height: 18px;
text-decoration: none;
}

a.lucida:hover{
color: #7DB900;
font-weight: normal;
/*font-weight: bolder;*/
font-size: 18px;
line-height: 18px;
text-decoration: underline;
}

a.lucida:active{
color: #5F7DBD;
font-weight: normal;
/*font-weight: bolder;*/
font-size: 18px;
line-height: 18px;
text-decoration: none;
}
div.heading1{
color: #5F7DBD;
font-weight: normal;
font-size: 14px;
line-height: 14px;
}
/*---------------End Lucida----------------------*/
div.altcolora{
padding: 5px 5px 0 5px;
width: 670px;
border-bottom: 1px dotted #BBD2E2;
}
div.altcolorb{
padding: 5px;
width: 300px;
border-bottom: 1px dotted #BBD2E2;
/*background-color: #e8f0f5;*/
}
.clearboth{
clear: both;
line-height: .1;
margin: 0;
padding: 0;
}
.Author{
 font-style: italic;
}
.img-right{
       float: right;
       /*width: 120px;*/
       margin: 0 10px 10px 0;
       padding: 10px 0;
       text-align: center;
       background: white;
       border-right: 1px solid #ccc;
       border-bottom: 1px solid #ccc;
       font-size: 75%;
}
.centerimage {
width: 100%;
text-align: center;
}