/*Reset Browser Defaults*/
body  
{
    background-color:#151f33;
    padding:0px;
    margin:0px;
    /*font-family: Trebuchet MS, Futura, Arial, Verdana, Helvetica, Sans-Serif;*/
    font-family: Helvetica, Arial, Sans-Serif;
    background-image: url(images/background.jpg);
    background-repeat:no-repeat;
    background-position:center;
    background-attachment:fixed;
    font-size: 80%;
    line-height: 1.2;

}

div
{
    padding:0;
    margin:0;
}

form
{
    padding:0;
    margin:0;
}

image
{
    padding:0;
    margin:0;
}




/*Style the headings*/
h1
{
    /*color:#317eb7;*/
    color: #00344E;
    /*font-family:Consolas, Trebuchet MS, Arial, Helvetica, Sans-Serif;*/
    font-size:22px;
    font-weight:normal;
    margin:0;
    padding:0;
}

.headingOne
{
    width:600px;
    background-image:url(images/h1BG.jpg);
    height:44px;
    background-repeat:no-repeat;
    padding-left:10px;
    padding-top:5px;
    float:left;
    margin-bottom:-6px;/*reset the space underneath*/
}

.headingOneWide
{
    width:800px;
    background-image:url(images/h1BGWide.jpg);
    height:44px;
    background-repeat:no-repeat;
    padding-left:10px;
    padding-top:5px;
    float:left;
    margin-bottom:-6px;/*reset the space underneath*/
}

h2
{
    
    /*color:#317eb7;*/
    color: #00344E;
    /*font-family:Consolas, Trebuchet MS, Arial, Helvetica, Sans-Serif;*/
    font-size:20px;
    font-weight:normal;   
    margin:0;
    padding:0; 
}

.headingTwo
{
    width:600px;
    background-image:url(images/h2BG.jpg);
    height:27px;
    background-repeat:no-repeat;
    padding-left:10px;
    padding-top:2px;
    margin: 0;
    margin-bottom:-2px;/*reset the space underneath*/
}

.headingTwoWide
{
    width:800px;
    background-image:url(images/h2BGWide.jpg);
    height:27px;
    background-repeat:no-repeat;
    padding-left:10px;
    padding-top:2px;
    margin-bottom:-2px;/*reset the space underneath*/
}

.headingTwoRight
{
    width:250px;
    background-image:url(images/rightH2BG.png);
    height:37px;
    background-repeat:no-repeat;
    padding-left:10px;
    padding-top:2px;
    margin: 0;
    margin-bottom:-2px;/*reset the space underneath*/
}

h3
{
    
    /*color:#317eb7;*/
    color: #00344E;
    /*font-family: Consolas, Trebuchet MS, Arial, Helvetica, Sans-Serif;*/
    font-size:19px;
    font-weight:normal;
    margin: 0;
    padding: 0;
}

h4
{
    
    /*color:#317EB7;*/
    color: #00344E;
    /*font-family: Consolas, Trebuchet MS, Arial, Helvetica, Sans-Serif;*/
    font-size: 1.2em;
    font-weight:bold;
    margin:0;
    padding:0;
    margin-top: 2px;
    margin-bottom: 2px;
}

hr
{
    color: #B7B7B7;
    border-color: #B7B7B7;
    background-color: #B7B7B7;
    height: 1px;
}

.headingThree
{
    width:550px;
    background-image:url(images/h3BG.jpg);
    height:27px;
    background-repeat:no-repeat;
    padding-left:10px;
    padding-top:2px;
    margin-bottom:-2px;/*reset the space underneath*/
    margin-left:10px;
}

a
{
    color:#317eb7;
    
    text-decoration:none;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a 
{
      color: #28546A;
}
a:hover
{
    text-decoration:underline;
}

/*table styling*/
.tableLayout
{
    border-collapse: collapse;
    border: solid #CCCCCC 1px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-spacing: 0;
    margin:5px;
}

.tableLayout td
{
    border: solid #CCCCCC 1px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-collapse: collapse;
}

.tableLayout th
{
    border: solid #CCCCCC 1px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-collapse: collapse;
}


/*Center the page*/

#wrapper1
{
  margin:auto;
}

#wrapper1Admin
{
  margin:auto;
}

#wrapper2
{
    width:920px;
    margin:auto;
    background-image: url(images/headBG2.gif);
    background-repeat:no-repeat;
    background-position: 6px top;
}

#wrapper2Admin
{
    width:920px;
    margin:auto;
    background-image: url(images/headBG3.jpg);
    background-repeat:no-repeat;
    background-position: 6px top;
}

#lbLogout
{
    margin-left: 20px;
}
/*Style the page may need to remove
#normalText
{
    font-size:120%;
}*/

/*#Admin #page
{
    font-size:80%;
}*/

#page
{
    float:right;
    width:910px;
    margin:auto;
    background-color:#FFFFFF;
    margin-right:4px;
}

#pageEdge
{
    float:right;
    background-image:url(images/pageEdge.png);
    background-repeat:repeat-y;
    background-position:right;
    margin-top:5px;
    margin-right:-1px;
    width:921px;
}

#header
{
    width:910px;
    margin:auto;
    height:256px;
    margin-bottom:-10px;
}

#headerAdmin
{
    width:910px;
    margin:auto;
    height:80px;
    margin-bottom:-10px;
}

#left
{
    float:left;
    position:relative;
    bottom:20px;
    margin-left:20px;
    width:620px;
}

#right
{
    float:left;
    width:200px;
    /*position:relative;------------------commented out by Teresa on 271109---------------*/
    bottom:20px;
    margin-top: -20px;
}

#wide
{
     float:left;
   /*position:relative;
    bottom:20px;*/
    margin-left:20px;
    width:820px;
}

#footer
{
    background-image:url(images/footerBG.gif);
    background-repeat:no-repeat;
    background-position: bottom;
    background-color: White;
    height:110px;
    width:911px;
    margin-left:7px;
    float:left;
    /*padding-top: 70px;*/
    
}

#footerContent
{
    text-align:center;
    font-size:10px;
    padding-top: 70px;
    color: White;
}

#footerContent a:link, #footerContent a:visited
{
    color: White;
}


/*style the menu*/
#menu
{
    margin-top:90px;
    margin-left:-20px;
}

#headerAdmin #menu
{
    margin-top:20px;
    margin-left:-20px;
}

#headerAdmin #menu li
{
    position:relative;
    bottom:9px;
}

#menu a
{
    /*font-family:@Arial Unicode MS;*/
    text-decoration:none;
    /*color:#3d85ba;*/
     color: #00344E;
   

}

#menu img
{
    position:relative;
    top:10px;
}

#menu li
{   
    display:inline;
    text-decoration:none;
    padding-left:1%;
    padding-right:1%;
    color:#317eb7;
}

/*added by Ariane*/
#insertItem
{
    border-top: 1px solid #CCCCCC;
    margin-top: 10px;
    width: 565px;
}

#editItem
{
    padding: 5px;
    margin-top: 10px;
    width: 555px;
    background-color: #EFEFEF;
}

#editItem h3
{
    margin-top: 5px;
}

.staffMenu
{
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1.5;
}


.logo
{
    margin-top:5px;
    margin-left:8px;
}

/*Paragraph styling*/
/*#contentBack
{
    width:600px;
    background-image:url(images/contentBack.jpg);
    background-repeat:repeat-y;
    float:left;
    padding-left:20px;
}*/

.contentBack /*this class is created for re-using same style as #contentBack by Teresa*/
{
    width:575px;
    background-image:url(images/contentBack.jpg);
    background-repeat:repeat-y;
    float:left;
    padding-left:20px;
    padding-right: 25px;
    
}

.midContentTop
{
    width:551px;
    background-image:url(images/midContentTop.png);
    background-repeat:no-repeat;
    float:left;
    height:14px;
    margin-left:-5px;
}

.midContentBot
{
    width:551px;
    background-image:url(images/midContentBot.png);
    background-repeat:no-repeat;
    float:left;
    height:14px;
    margin-left:-5px;
    margin-bottom:5px;
}

.midContentBack
{
    width:550px;
    background-image:url(images/contentBack2.jpg);
    background-repeat:repeat-y;
    float:left;
    padding:10px;
    margin-left:-4px;
}

.midContent
{
    width:520px;
    margin-top:-10px;
}

/*wide content*/
/*Paragraph styling*/
/*#contentBackWide
{
    width:780px;
    background-image:url(images/contentBackWide.jpg);
    background-repeat:repeat-y;
    float:left;
    padding-left:20px;
    
}*/

.contentBackWide /*this class is created for re-using same style as #contentBack by Teresa*/
{
    width:780px;
    background-image:url(images/contentBackWide.jpg);
    background-repeat:repeat-y;
    /*float:left;*/
    padding-left:20px;
}
.midContentTopWide
{
    width:751px;
    background-image:url(images/midContentTopWide.gif);
    background-repeat:no-repeat;
    /*float:left;*/
    height:14px;
    margin-left:-5px;
}

.midContentBotWide
{
    width:751px;
    background-image:url(images/midContentBotWide.gif);
    background-repeat:no-repeat;
    /*float:left;*/
    height:14px;
    margin-left:-5px;
    margin-bottom:5px;
}

.midContentBackWide
{
    width:750px;
    background-image:url(images/contentBack2Wide.jpg);
    background-repeat:repeat-y;
    /*float:left;*/
    padding:10px;
    margin-left:-4px;
   
  
}

.midContentWide
{
    width:720px;
    margin-top:-10px;
}
/*end wide content*/

/*right content*/
.rightContent
{
 
    width:250px;
    background-image:url(images/contentRightBack.gif);
    background-repeat:repeat-y;
    float:left;
    clear:both;
    padding-left:20px;  
    margin-top:-10px;
}

.rightContent .inner
{
    margin-right: 20px;
}

.rightContentBot
{
 
    width:250px;
    height:25px;
    background-image:url(images/rightContentBot.png);
    background-repeat:no-repeat;
    float:left;
    
}
/*end right content*/

/*#cBotBG
{
    background-image:url(images/contentBotBorder.jpg);
    width:600px;
    height:15px;
    float:left;
    margin-bottom:20px;
}*/

.cBotBG  /*this class is created for re-using same style as #cBotBG by Teresa*/
{
    background-image:url(images/contentBotBorder.jpg);
    width:600px;
    height:15px;
    float:left;
    margin-bottom:20px;
}

.cBotBGWide  /*this class is created for re-using same style as #cBotBG by Teresa*/
{
    background-image:url(images/contentBotBorderWide.jpg);
    width:800px;
    height:15px;
    float:left;
    margin-bottom:20px;
}

#cLeft
{
    width:250px;
    float:left;
}

#cRight
{
    width:200px;
    float:right;
}

/* Control and Form Styling */
fieldset
{
    border: 1px #CCCCCC solid;
    width: 95%;
    padding:5px;
}

legend
{
    color: #CCCCCC;
}

/*
.inputs
{
    width:175px;
    height:25px;
    padding-left:1px;
    padding-bottom:0px;
    background-image:url("images/TextBox.jpg");
    background-repeat:no-repeat;
}



.inputsMulti
{
    width:205px;
    height:75px;
    padding-left:1px;
    padding-bottom:0px;
    background-image:url("images/TextBoxLarge.jpg");
    background-repeat:no-repeat;
}

.inputsMulti textarea
{ 
    width:200px;
    height:70px;
    padding:3px;
    padding-top: +2px;
    padding-left:1px;
    padding-bottom:0px;
    background-color:Transparent;
    border:0px;
}

.labelsMulti
{ 
    width:205px;
    height:75px;
    padding-top:1px;
    padding-left:3px;
    background-image:url("images/TextBoxLarge.jpg");
    background-repeat:no-repeat;
}

.labels
{ 
    width:175px;
    height:25px;
    padding-left:3px;
    padding-top:1px;
    padding-bottom:0px;
    background-image:url("images/TextBox.jpg");
    background-repeat:no-repeat;
}

.inputs input
{ 
    width:170px;
    height:21px;
    padding:3px;
    padding-top: +2px;
    padding-left:1px;
    padding-bottom:0px;
    background-color:Transparent;
    border:0px;
}





.inputs select
{
    background-color:Transparent;
    border:0px;
    float:right;
    position:relative;
    top:2px;
    width:170px;
}

.button
{
    background-image:url("images/button.png");
    background-color:Transparent;
    width:71px;
    height:25px;
    color:#317eb7;
    font-weight:bold;
    text-align:center;
    border:0px;
}
#SubmitButtons
{
    position:relative;
    left:150px;
    width:300px;
}

.SubmitButtons
{
    position:relative;
    left:150px;
    width:300px;
}
*/

.labelBG
{
    background-image:url(images/labelBG.png);
    background-repeat:no-repeat;
    padding-top:7px;
    width:120px;
    height:30px;
    float:left;
    text-align:center;
    margin-top: 10px;
}

.labelC
{
    padding-top:7px;
    padding-left:7px;
    width:100px;
    height:30px;
    float:left;
    margin-top: 10px;
}
/*
.labelBG2
{
    background-image:url("images/labelBG.png");
    background-repeat:no-repeat;
    padding-top:7px;
    width:120px;
    height:30px;
    text-align:center;
}

.labelD
{
    padding-top:7px;
    padding-left:7px;
    width:240px;
    height:30px;
    float:left;
}

.labelE
{
    padding-top:7px;
    padding-left:7px;
    height:30px;
    float:left;
}
*/
.cLinks
{
    margin-left:300px;
}

.lLabels
{
    float:left;
    width:120px;
    margin-left: 10px;
}


.rLabels
{
    float:left;
    width:400px;
    height:30px;
    margin-bottom:8px;
    margin-top:3px;
}

#EOIandBack input
{
    background-image:url("images/LargeButton.png");
    background-repeat:no-repeat;
    border:none;
    background-color:Transparent;
    width:136px;
    height:34px;
    text-align:center;
    
    color:#317eb7;
    /*font-size:17px;*/
    margin-left:0;
    margin-right: 5px;
}

.adminWidth
{
    width: 560px;
}


/*Table styling*/
.midContent td
{
    border:1px solid #317eb7;
    padding:4px;
}
.midContent th
{
    padding:4px;
    border:1px solid #317eb7;
    background-color:#317eb7;
    color:#FFFFFF;
}
.midContent table
{
    margin-left:20px;
}

#Admin table
{
    max-width: 540px;
}

/*error styling*/
#eM
{
    width:500px;
    padding:10px;
    color:#CC3399;
}

.error
{
    color: #CC3399;
}

/*extra classes*/
.bold
{
    font-weight:bold;
}
.clearFloat
{
    clear:both;
}


/*Date picker styling*/
.DatePickerButton
{
    position:relative;
    right:60px;
    top:8px;
}

.CalendarHead
{
    background-color:#317eb7;
    color:#FFFFFF;
}

.CalendarBack
{
    background-color:#FFFFFF;
}

.DatePickerCalendar
{
    background-color:#FFFFFF;
    float:right;
    position:relative;
    bottom:100px;
    right:10px;
}

/*rebecca's style sheet for calendar*/
/*#float
{
	float: right;-------------------------commented out by Teresa
}*/
#center
{
 width:360px;
 margin-left:auto;
 margin-right:auto;
 font-size:15px;
 font-weight:normal;
}
.EventPosition
{
	margin-left:auto;
	margin-right:auto;
	width:700px;
}
.calendar
{
	font-size:15px;
	position:absolute;
	left:800px;
	top:395px;
	margin-right:5px;
}
/*#calendar-------------------------------commented out by Teresa
{
	margin-right:40px;
}*/
#EventUC
{
  font-size:14px;
  text-align: left;
}
#ddl
{
    margin-bottom:5px;
   /*margin-right:30px;*/
    padding-left: 12px;/*------------------------added by Teresa*/
}
.ddl
{
	border:none;
	text-align:center;
	font-size:13px;
    font-weight:bold;
	color:#397EC4;
	height:22px;
	width:90px;
	background-image: url(images_calendar/bg_ddl.jpg);
}
.bg_DayHeader
{
    background-image: url(images_calendar/bg_DayHeader.jpg);
    background-repeat:no-repeat;
    
}
.bg_Calendar
{
    background-image: url(images_calendar/bg_calendar.jpg);
    background-repeat:no-repeat;
}
.DayHeader
{
	background-image: url(images_calendar/DayHeader.jpg);
	background-repeat:no-repeat;
	width:180px;
	height:21px;
	
}
.bg_Cell
{
  background-image: url(images_calendar/bg_cell_blue.jpg);
	background-repeat:no-repeat;
}
.lkb_Viewall
{
  /*margin-top:5px;
  font-size:13px;-----------------commented out by Teresa*/
  text-align:center;
  /*margin-right:30px;------------commented out by Teresa*/
  padding-left: 12px;/*-----------added by Teresa--------*/
}
.bg_Day
{
	 width:20px;
	 height:18px;
	background-image: url(images_calendar/bg_cell_blue.jpg);
	font-size:12px;
    text-align:center;
    margin-left:6px;
}
.font_Color
{
color:#397EC4;
font-size:12px;
}

.lightFont
{
    color:#333333;
    font-size:12px;
}




/*end rebecca's style sheet for calendar*/

/*Teresa styling*/
/*-----------------------------Style for the Home Page Calendar---------------------*/
.homeCalendarBg
{
    background: transparent url(images_calendar/calendar_bg.jpg) no-repeat;
    width: 186px;
    height: 172px;
}
.homeCalendarHeader
{
    vertical-align: middle;
    font-size: 0.9em;
    color: #397EC4;
}
/*------------------------Style for the Home Page Month and Year Dropdowns-----------*/
.MonthComboBoxStyle .ajax__combobox_inputcontainer
{
    /*width: 70px;
    height: 22px;*/
    float: left;
}
.MonthComboBoxStyle .ajax__combobox_textboxcontainer input 
{
    border: 0px none;
	background: transparent url(images_calendar/bg_ddl.jpg) no-repeat top left;
	text-align: center;
	color: #397EC4;
    font-size: 0.9em;
    font-weight: bold;
    font-family: Arial;
    padding-top: 3px;
	height: 22px;
	width: 85px;
    cursor: default;
}
.MonthComboBoxStyle .ajax__combobox_itemlist 
{
    border: 0px none;
    background-color: Transparent;
}
.MonthComboBoxStyle .ajax__combobox_itemlist li
{
    background: #ffffff url(images_calendar/bg_ddl.jpg) no-repeat;
    width: 85px;
    padding: 3px 0px 6px 0px;
    font-family: Arial;
    text-align: center;
    font-size: 0.9em;
}
.MonthComboBoxStyle .ajax__combobox_buttoncontainer button 
{
    background: transparent url(images_calendar/calendar_button.jpg) no-repeat;
    border: 0px none;
    width: 18px;
    height: 22px;
}
.MonthComboBoxStyle .ajax__combobox_buttoncontainer button:hover 
{
    background: transparent url(images_calendar/calendar_button_down.jpg) no-repeat;
    border: 0px none;
    width: 18px;
    height: 22px;
    
}
.YearComboBoxStyle .ajax__combobox_inputcontainer
{
    float: left;
    margin-left: 7px;
}
.YearComboBoxStyle .ajax__combobox_textboxcontainer input
{
    border: 0px none;
	text-align:center;
	color:#397EC4;
    font-size: 0.9em;
    font-weight: bold;
    font-family: Arial;
    padding-top: 3px;
	height:22px;
	width:45px;
	background: transparent url(images_calendar/bg_ddl_item.jpg) no-repeat top left;
    cursor: default;
}
.YearComboBoxStyle .ajax__combobox_itemlist 
{
    border: 0px none;
    background-color: #ffffff;
    max-width: 64px;  /*this value to set the scrollbar right next to the item list*/
}
.YearComboBoxStyle .ajax__combobox_itemlist li
{
    background: #ffffff url(images_calendar/bg_ddl_item.jpg) no-repeat;
    width: 45px;
    padding: 3px 0px 6px 0px;
    font-family: Arial;
    text-align: center;
    font-size: 0.9em;
}
.YearComboBoxStyle .ajax__combobox_buttoncontainer button 
{
    background: transparent url(images_calendar/calendar_button.jpg) no-repeat;
    border: 0px none;
    width: 18px;
    height: 22px;
}
.YearComboBoxStyle .ajax__combobox_buttoncontainer button:hover
{
    background: transparent url(images_calendar/calendar_button_down.jpg) no-repeat;
    border: 0px none;
    width: 18px;
    height: 22px;
    color: Black;
}

.calHoverText
{
    color: #397EC4;
}
/*-----------------------------Style for the News Display---------------------------------*/
#NewsImage
{
    width: 150px;
    /*height: 110px; can't be used - will distort the vertical kind of image
        can be used if images are of a fix size*/
    margin-right: 10px;
    float: left;
}
/*to display the images inside the div while the size of images varies*/
/*ideally to have images of regular size*/
.thumbnail
{
    width: 100%;
    /*height: 100%; this is used to avoid the vertical kind of image pushing downwards*/
}
#dateRange
{
    width: 270px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
}
.itemStyle
{ 
    width: 520px;
    padding: 5px 10px 5px 5px;
    font-size: small;
    
   
}
.pagerStyle
{
    width: 500px;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

/*--------------------------------Style for the Staff Maintain News-------------------------------*/
.lvStyle
{
    width: 550px;
    margin-left: 10px;
}
.insertStyle
{
    width: 550px;
    margin-left: auto;
    margin-right: auto;
}
.displayStyle
{
    width: 500px;
    padding-left: 10px;
    display: block;
    vertical-align: 5px;
    margin-left: auto;
    margin-right: auto;
   
}
.special
{
    font-size: small;
    font-style: italic;
    color: #cc6633;
}
/*-------------------------------Generic Styles----------------------------------------*/
.right
{
    float: right;
    margin-left: 10px;
    margin-right: 10px;
}
.label
{
    width: 95px;
    float: left;
}
.textbox
{
    width: 100px;
    display: inline-block;
}

.textboxLarge
{
    width: 250px;
}
.left
{
    float: left;
    margin-right: 10px;
}
.clear
{
    clear: both;
}

.clearLeft
{
    clear: left;
}

.smallFont
{
    font-size: 0.8em;
    color:#317eb7;
}
.red
{
    color: Red;
}
/*end teresa styling*/
	
/*news styling added by Ariane*/
#Div1 .itemStyle
{
    display: none;
}

#Div1
{
    height: 200px;
    overflow: auto;
}

.seperator
{
    color:#317eb7;
}

/*link to home*/
#hornsbyIT
{
    position: absolute;
    top: 120px;
    z-index: 100;
    height: 50px;
    width: 910px;
    cursor: pointer;
}

.feedback 
{
    padding-right: 12px;
}

a img
{
	border: none;
}