﻿/* -----------main Styles------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
    padding: 0;
    margin: 0;
    font-family: "Proxima Nova regular","Trebuchet MS",Arial,Helvetica,sans-serif;

}
#Body {
	color: #555;
	font-size: 12px;
}



p.CIndent           /* Create a paragraph that indents after the first line */
{
    padding-left: 30px;
    text-indent: -30px;
}
.hangindent           /* Create a paragraph that indents after the first line */
{
    padding-left: 30px;
    text-indent: -30px;
}
.indent1            /* Indent Block Element 50px */
{
    float: none;
    padding-left: 50px
}
.center1            /* Center a Block Element */
{
    TEXT-ALIGN: center;
}
div.PageHead
{
    font-size: 20px;
    color: Black;
    font-family: 'Trebuchet MS' , Arial;
}

                    /* Set of Headings Fonts */
div.CH1,span.CH1
{
	font-size: 140%;
	line-height: 1.2;
	font-weight: bold;
	font-family: 'Trebuchet MS' , Arial;  
}
div.CH2,span.CH2
{
	font-size: 120%;	
	font-weight: bold;
	font-family: 'Trebuchet MS' , Arial;  
}
div.CH3,span.CH3
{
	font-weight: bold;
	font-family: 'Trebuchet MS' , Arial;
}
div.CH4,span.CH4
{
    font-size: 95%;
    font-style:italic;
	font-family: 'Trebuchet MS' , Arial;
}
a:link, a:visited
{
    font-size: 100%;
    color: #0076B1;     /* orange */
    font-weight: normal;    
}
a:hover
{
    font-size: 100%;
    COLOR: #0282C6;     /* Sky Blue */
    font-weight: normal;
}
div #loginbreadcrumb 
{
	width: 760px;
	padding-right: 20px;
	padding-left: 10px;
	font-size: 90%;
	clear: both;
}
#loginbreadcrumb a
{
	color: #000;
    font-weight: normal;
	font-size: 90%;
}
#loginbreadcrumb a:hover
{
    COLOR: #0282C6;     /* Sky Blue */
    font-weight: normal;
	font-size: 90%;
}
a.C1:link
{
	color: #cf8f1a;     /* Brown */
}
a.C1:visited
{
	color: #cf8f1a;     /* Brown */
}
a.C1:hover
{
    COLOR: #0282C6;     /* Sky Blue */
    font-weight: bold;
}

a.C2:link
{
	color: #E8D2AC;     /* Tan */
    font-weight: bolder;
}
a.C2:Visited
{
	color: #cf8f1a;     /* Brown */
    font-weight: bolder;
}
a.C2:hover
{
    COLOR: #E8D2AC;     /* Tan */
    font-weight: bolder;
}
a.C3:link
{
	color: #0282C6;     /* Sky Blue */
    font-weight: bold;
}
a.C3:Visited
{
    color: #cf8f1a;     /* Brown */
    font-weight: bold;
}
a.C3:hover
{
    COLOR: #cf8f1a;     /* Brown */
    font-weight: bold;
}


.main h1 
{
	font-weight: bold;
	font-size: 160%;
	line-height: 1.6;
	color: #0282C6;     /* Sky Blue */
	font-family: 'Trebuchet MS' , Arial, verdana;
}

.main h2
{
	font-size: 120%;
	line-height: 1.2;
	font-family: 'Trebuchet MS' , Arial;
}
.main h3
{
	font-size: 12px;
	line-height: 1.2;
	font-family: 'Trebuchet MS' , Arial;
}

.main h4 
{
	font-size: 10px;
	line-height: 1.2;
	color:  #cf8f1a;   /* Brown */
	font-family: 'Trebuchet MS' , Arial;
}
.main h5 
{
	font-weight: bold;
	font-size: 16px;
	line-height: 1.2;
	height: 2pt;
	color:  #800000;   /* Maroon */
	font-family: 'Trebuchet MS' , Arial;
}
.main h6 
{
	font-size: 12px;
	line-height: 12pt;
	height: 2pt;
	color:  #800000;   /* Maroon */
	font-family: 'Trebuchet MS' , Arial;
}
.floatleft { 
    float: left; 
    margin: 8px; 
}
.floatright { 
    float: right; 
    margin: 8px;
}
.aligntop
{
   vertical-align: top;
   display: block;
   margin-right: auto; margin-left: auto; margin-top: 0px; 
}
.noborder
{
    border: none;
}
.brownborder
{
    border: 2px;
    border-color: #cf8f1a;
}
.main .larger1
{
    font-size: 190%;
	line-height: 1.9;
}
.main .smaller1
{
    font-size: 120%;
	line-height: 1.2;
}
thead
{
     font-weight:bold;
}

.main li
{
    list-style-image: url("../eastvillage/images/icon-bullet.gif");
    margin: 0 20px;
    padding: 0;
}
.ivory
{
    color: #FFFCED; /* IVORY*/
}
.brown
{
	color: #B39400;     /* BROWN */    
}
.blue {
	color: #004F77;
}
.orange
{
    color: #F7941D;      /* ORANGE */
}
.ltorange
{
    color: #FFCE08;      /* LTORANGE */
}
.yellow
{
	color: #FBED4F;     /* YELLOW */
}

.brick
{
	color: #AA2A20;     /* BRICK */
}
#sidebar
{
    float:left;
    width: 70px;
    margin-right: -70px;
    z-index: 5;
}
#banner
{
    padding-top: 10px;
    float:left;
    width: 800px;
    z-index:10;
}
#content
{
    float:left;
    padding-left: 5px;
    padding-top: 10px;
 /*   z-index: 10;*/
}
#leftpane
{
    margin-top: -15px;
    padding-left: 15px;
    float: left;
    padding-top: 10px;    
    margin-left: 20px;
    width: 175px;
    height: 1500px;
    z-index: 10;
}
td.MenuTD a:link
{
    color: #0076B1;     /* Orange */
    font-weight: normal;
    text-decoration: none;
    line-height:1.5;
}
td.MenuTD a:Visited
{
	color: #0076B1;     /* Orange */
    font-weight: normal;
    text-decoration: none;
    line-height:1.5;
}
td.MenuTD a:hover
{
    COLOR: #B39400;     /* Brown */
    font-weight: normal;
    line-height:1.5;
}
#ContentPane
{
    padding-left: 12px;
    vertical-align:text-top;
	width: 590px;
	margin-left: auto;
	margin-right: auto;
}
.contentarea {
	width:800px !important;
	background-color: #2e3136;
	height: 20px
}
#dnn_ContentPane {
    
    color: #444;
	width: 590px;
	margin: auto;
    line-height:1.5;
}
#dnn_ContentPane p {
	font-size: 14px;
}
/*  8. Main Menu and Module Menus                        */
/*========================================================*/

/*-- box that holds the menu  --*/ .MainMenu_MenuContainer { background-color: transparent;  width: 191px; }
/*-- bar that holds the menu  --*/ .MainMenu_MenuBar { cursor: pointer; cursor: hand; background: #fff;  width: 199px; }
/*-- submenu container        --*/ .MainMenu_SubMenu, .ModuleTitle_SubMenu 
                                                        { z-index: 1000; color: #0076B1; cursor: pointer;  cursor: hand; margin: 0 0 0 118px; background: #fff; padding: 0px; border: 1px solid #999; 
					      font-weight: normal; filter: none; }
/*-- submenu items idle       --*/ .MainMenu_MenuItem, .ModuleTitle_MenuItem { font-family: tahoma;  color: #6A6A6A; font-size: 100%; background: #FFF; font-weight: normal; font-style: normal; padding: 0px 30px 0px 16px; height: 20px; border: 0; }
/*-- submenu items hover      --*/ .MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel { 
		font-family: tahoma; font-size: 100%; font-weight: bold; cursor: pointer; cursor: hand; color: #4F4F4F; 
		background-color: #FFE7B1; padding: 0px 30px 0px 16px; height: 20px; border: 0;}
/*-- menuitems idle           --*/ .MainMenu_Idle {
	color: #0076B1;     /* Orange */
	font-weight: bold;
	font-size: 100%;
	text-decoration: none;
	line-height:2;
	background-color: #FFF;
}
/*-- menuitems over           --*/ .MainMenu_Selected {color: #0076B1; background-color: #FFE7B1; padding: 0 0 0 0; height: 22px; font-weight: bold;}
/*-- menuitems active         --*/ .MainMenu_Active, .MainMenu_BreadcrumbActive {color: #0076B1; padding: 0; height: 22px; font-weight: bold;font-size: 100%;}
/*-- not needed - main menu   --*/ .MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon  { display: none; }
/*-- module menu continer     --*/ .ModuleTitle_MenuContainer { color: #2c2c2c; }
/*-- module menu bar          --*/ .ModuleTitle_MenuBar { cursor: pointer; cursor: hand;}
/*-- module menu padding      --*/ .ModuleTitle_MenuItem, .ModuleTitle_MenuItemSel { padding: 0 5px 0 0; }
/*-- not needed - module menu --*/ .ModuleTitle_MenuBreak, .MainMenuSeperator,.MainMenu_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon { display: none; }
table.Schedule { border: 1px solid #D8D8D8; }
.Schedule td { padding: 1px 2px 1px 5px; border-top: 0 solid #777; border-right: 0 solid #777; border-bottom: 1px solid #0076B1;border-left: 0 solid #777; }