/* CSS Document */

input.stu  {font-size: 13px;
            padding: 15px 10px;
            border: 1px solid #ccc;
            background-color: #e5e5e5;
            margin-bottom: 10px;
}

 

textarea.stu {background-color: #e5e5e5;
              border: 1px solid #ccc;
              font-size: 14px;
              padding: 10px;
              font-family: Arial;
                               }


.menustrip ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

.menustrip ul li { display: inline; }

.menustrip ul li a
{
text-decoration: none;
padding: .1em 1em;
color: #fff;
margin: .1em;
background-color: steelblue;
}

.menustrip ul li a:hover
{
color: #444;
background-color: lightblue;
}


* {
padding:0px;
margin:0px;} 

.bigtext {font-size:1.5em}

div.centered 
{
text-align: center;
}
div.centered table 
{
margin: 0 auto; 
text-align: left;
}


a 	{color: #0062C0;
        text-decoration: none;  }

a:hover {color: #990000} 



body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 950px;
	background-color: #eeeeee;
	font-size: 0.9em;
	text-align: center;
	margin-left:auto;
	margin-right:auto;}

.top {
	background-image: url(sheetTOP.png);
	width: 1000px;
	background-repeat: no-repeat;
	height: 30px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;}

.top1200 {
	background-image: url(sheetTOP1200.png);
	width: 1200px;
	background-repeat: no-repeat;
	height: 30px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;}

.footerAREA {
	clear: both;
	height: 52px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(sheetBOTTOM.png);
	background-repeat: no-repeat;
	border: 0px;}

.footerAREA1200 {
	clear: both;
	height: 52px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(sheetBOTTOM1200.png);
	background-repeat: no-repeat;
	border: 0px;}

.bannerAREA{
	background-image: url(headersmall.png);
	width: 1000px;
	height:80px;
	background-repeat: no-repeat;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;}

.bannerAREAprint{
	width: 700px;
	background-repeat: no-repeat;
	height: 125px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;}

.BannerLEFT {
	font-size: 24px;
	color: #FFFFFF;
	font-weight: normal;
	margin-left: 40px;
	float: left;
	text-align: left;
	width: 500px;
	margin-bottom: 0px;
	height: 65px;
	margin-top: 15px;
	padding-bottom: 0px;
}

.BannerLEFTprint {
	font-size: 24px;
	color: #000000;
	font-weight: normal;
	margin-left: 0px;
	float: left;
	text-align: left;
	width: 300px;
	margin-bottom: 0px;
	height: 75px;
	margin-top: 15px;
	padding-bottom: 0px;}

.BannerRIGHT {
	font-size: 24px;
	color: #FFFFFF;
	font-weight: normal;
	margin-left: 24px;
	float: right;
	margin-top: -5px;
	text-align: left;
	margin-bottom: 0px;
	margin-right: 35px;
}

.BannerRIGHTprint {
	font-size: 24px;
	color: #FFFFFF;
	font-weight: normal;
	margin-left: 24px;
	float: right;
	margin-top: 5px;
	text-align: left;
	width: 300px;
	margin-bottom: 0px;
	margin-right: 30px;}

.contentcenter {
        clear: both;
	width: 1000px;
	background-repeat: repeat-y;
        margin-left: auto;    
        margin-right: auto;    
	padding-top: 0px;}


.contentAREA {
    clear: both;
	width: 1000px;
	background-image: url(contentMIDDLE.png);
	background-repeat: repeat-y;
	padding-top: 0px;
        margin-left: auto;    
        margin-right: auto;    
	text-align:center;
	}

.contentAREA1200 {
    clear: both;
	width: 1200px;
	background-image: url(contentMIDDLE1200.png);
	background-repeat: repeat-y;
	padding-top: 0px;
        margin-left: auto;    
        margin-right: auto;    
	text-align:center;
	}

.contentRIGHT {
	float: right;
	width: 700px;
	text-align: left;
	margin-right: 30px;}

.contentLEFT {
	float: left;
	width: 200px;
	text-align: left;
	margin-left: 30px;}



.menuLEFT {
	color: #3381A5;
	background-color: #ECF5FF;
	width: 200px;}

.menuLEFT td {
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	height: 30px;
	width: 190px;
	padding-left: 15px;
	padding-top: 7px;
	padding-bottom: 7px;

	}

.menuLEFTlast td {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	height: 30px;
	width: 190px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;}

.menuLEFT p {
	color: #00304e;
	margin: 0 0 0 0px;
	padding: 7px 0 7px 30px;
	border-top: 1px dotted #ccc}

.menuLEFT a {
	color: #3381A5;
	font-size:0.8em;
	text-decoration: none;}

.menuLEFT a:hover {
	color: #CCCCCC;
	background-color: #666666;}


.basicTABLE {
        font-size: 12px;
	border: 0px solid #999999;
	margin-bottom: 20px;}

.calendar table

.basicTABLE th {
	padding-top: 10px;
	padding-bottom: 10px;
	}

.basicTABLE td {
	border-top: 1px dashed #CCCCCC;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;}

.basicTABLESMALL {
	border: 0px solid #999999;
	margin-bottom: 20px;}

.basicTABLESMALL caption {
        font-size: 14px;
	font-weight: bold;
	text-align: left;   
	margin: 0px;
        padding-top: 10px; 
	padding-bottom: 5px}

.basicTABLESMALL th {
        font-size: 11px;
	font-weight: bold;  
        text-align: left; 
	padding-top: 10px;
	padding-bottom: 1px;
	}

.basicTABLESMALL td {
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 2px;
	padding-right: 2px;
    font-size: 0.75em;
}

.basicMENU {
        font-size: 12px;
	border: 0px solid #999999;
	margin-bottom: 20px;}

.basicMENU  caption {
        font-size: 14px;
	font-weight: bold;
	text-align: left;   
	margin: 0px;
        padding-top: 20px; 
	padding-bottom: 10px}

.basicMENU td {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 10px;}


.calendar table {
	border-collapse: collapse;
	margin-bottom: 20px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	border: 1px solid #D0E6F0;
}

.calendar caption {
        font-size: 14px;
	font-weight: bold;
	text-align: left;   
	margin: 0px;
        padding-top: 10px; 
	padding-bottom: 5px}

.calendar a {color: #3381A5;display:block}


.calendar th {
	color: #3381A5;
	background-color: #C3D9FF;
	margin: 0px;
	padding: 5px;
	font-size: 12px;

}

.calendarSITES td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #D0E6F0;
	border-bottom-color: #D0E6F0;
	border-left-color: #D0E6F0;
	font-size: 10px;
        padding: 5px;


}

.calendarDATESodd td {
	padding-top: 4px;
	padding-left: 4px;
	font-size: 10px;
	font-style: italic;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #D0E6F0;
	border-right-color: #D0E6F0;
	border-left-color: #D0E6F0;
	margin: 0px;
	background-color: #E8EEF7;
	padding-bottom: 4px;
}




.calendar a:hover {
	font-weight: bold;
	background-color: #E8EEF7;
	color: #3381A5;
}







.calendarWeek caption {
        font-size: 16px;
	font-weight: bold;
	text-align: left;   
	margin: 0px;
        padding-top: 10px; 
	padding-bottom: 15px}

.calendarWeek td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #D0E6F0;
	border-bottom-color: #D0E6F0;
	border-left-color: #D0E6F0;
	text-align: center;
	font-size: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.calendarWeek th {
	color: #3381A5;
	background-color: #C3D9FF;
	margin: 0px;
	padding: 5px;
	font-size: 12px;
}
.CalendarWeekTime {
	color: #3381A5;
	background-color: #C3D9FF;
	margin: 0px;
	padding: 5px;
	font-size: 12px;
}

.ScheduleWeekEntry {
        border-color :  #FFCC00; 
	background-color: #FFFF99;
}

.ScheduleWeekEntryBuffer {
        border-color :  #FFCC00; 
	background-color:lightgrey;
}

.CalendarWeekEntry {
	background-color: #FFCC00;
}

.smallcal  {
	margin-bottom: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	border: 0px solid #0062C0;
}

.smallcal caption {
        font-size: 14px;
	font-weight: bold;
	text-align: left;   
	margin: 0px;
        padding-top: 10px; 
	padding-bottom: 5px}


.smallcal th {
	color: white;
	background-color: #0062C0;
	margin: 0px;
	padding: 2px;
	font-size: 10px;
}

.smallcal td {
	
	text-align: center;
	font-size: 10px;
	padding-top: 2px;
	padding-bottom: 2px;

}

.weekHilite tr{
	background-color: #C3D9FF;
}

.smalltext  {
         font-size: 10px;
         }


.login {
       font-size: 8px;  
       width: 170px;
       padding: 5px 10px 10px;
       background-color: #d9d9d9;   
}

.login a {
       padding: 5px 10px 10px;
       color: #FFFFFF;
       background-color: #cc6700;
}

.basictable2 {
	font-size: 12px;
	background-color: #FFFFFF;
	border: 0px;

}

.basicTABLE2 caption {
        font-size: 16px;
	font-weight: bold;
	text-align: left;   
	margin: 0px;
        padding-top: 10px; 
	padding-bottom: 15px}

.basictable2 th {
        font-size: 10px;
        color: #999999;   
}

.basictable2 td {
        padding: 5px 5px 5px;
        border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #d9d9d9;
        color: #666666; 

}

.basictable3 {
	font-size: 12px;
	background-color: #FFFFFF;
	border: 0px;

}

.basicTABLE3 caption {
        font-size: 16px;
	font-weight: bold;
	text-align: left;   
	margin: 0px;
        padding-top: 10px; 
	padding-bottom: 15px}

.basictable3 th {
        font-size: 10px;
        color: #999999;   
}

.basictable3 td {
        padding: 5px 5px 5px;
        border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #FFFFbb;
        color: #666666; 

}

.inputline {
	font-size: 12px;
	background-color: #FFFFFF;
	border: 0px;

}

.inputline caption {
        font-size: 16px;
	font-weight: bold;
	text-align: left;   
	margin: 0px;
        padding-top: 10px; 
	padding-bottom: 5px}

.inputline th {
        font-size: 10px;
        color: #d9d9d9;   
}

.inputline td {
        padding: 5px 5px 5px;
        border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #bbbbbb;

}
.inputline  a {
        padding: 5px 5px 5px;
        font-size: 10px;
        color: #ffffff; 
        background-color: #cc6700;     
}

.inputline  a:hover {
        padding: 5px 5px 5px;
        font-size: 10px;
        color: #cc6700; 
        background-color: #ffffff;     
}

.button1 td {
        padding: 5px;
        border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #bbbbbb;}

.button1  a {
        padding: 5px;
        font-size: 12px;
        color: #ffffff; 
        background-color: #006600;     
}

.button1  a:hover {
        padding: 5px;
        font-size: 12px;
        color: #cc6700; 
        background-color: #ffffff;     
}

.button1  a:visited {
        padding: 5px;
        font-size: 12px;
        color: #ffffff; 
        background-color: #006600;     
}

.button1  a:link {
        padding: 5px;
        font-size: 12px;
        color: #ffffff; 
        background-color: #006600;     
}





/***********************************************************
Menu3 for future
*************************************************************/


#menu3 {
	float:left;
	width: 200px;
	height: 100%;
}

#menu3 ol {
	font-size:0.7em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;

}


#menu3 ol li {
	background-image: url(images/menu3_background2.gif);
	background-repeat: repeat-y;
}



#menu3 ol li a:link{
	float:left;
	text-decoration:none;
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 500px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-left: 30px;

}

#menu3 ol li a:hover {
	color:#CC0000;
	background-color: #FFF;
	background-image: none;
}

#menu3 img {border:none;
}


/***********************************************************
Menu3 for future
*************************************************************/

.menu3aheader{text-transform: uppercase;
color:black;
font-weight:bold;
padding:10px;
text-align:left;
}

#menu3a {
	float:left;
	width: 200px;
	text-align:left;
	padding-top: 10px;
	border:solid 1px black;
	margin:15px;
	background-color:white;

}

#menu3a ol {
	font-size:0.7em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;

}


#menu3a ol li a:link,#menu3a ol li a:visited{
	color: #3A88FF;
	text-decoration:none;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-left: 0px;


}

#menu3a ol li a:hover {
	color:#CC0000;
}


 



/***********************************************************
General Classes
*************************************************************/

.firstname{text-transform: lowercase
}

.surname{text-transform: uppercase;}



.labelline1{
	font-size:1.1em;
	font-weight: bold;
}

.labelline2{
	font-size:0.9em;
}

.labelline3{
	font-size:0.85em;
	font-weight: normal; }


.labelline4{
	font-size:0.75em;
	font-weight: normal; 
}

.labelline5{
	font-size:0.70em;
	font-weight: normal;
}




img { border: none; }

.blueheader th {
	color:white;
	background-image: url(images/titlebar.png);
	background-repeat: repeat-x;
	padding:3px;  }



/** select.wide, option.wide, input.wide { width:100%; 	font-size:0.9em;}
select.100, option.100, input.100 { width:100%; 	font-size:0.9em;}
90.select, 90.option, 90.input { width:90%; 	font-size:0.9em;}
80.select, 80.option, 80.input { width:80%; 	font-size:0.9em;}



xinput, { width:100%; 	font-size:0.9em;}
Xinput, Xtextarea, Xselect {
border : 1px solid Black;
background-color : #F7F8E0;
color : #0E1930;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
height: 1.5em;
}**/

.button {	font-size:0.8em; padding:1px; margin:1px 3px 1px 3px;}





/***********************************************************
main container for page
*************************************************************/

#container {
	width: 1000px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	font-size: 0.85em;
	
} 



/***********************************************************
Header 
*************************************************************/


#header {
	background-image: url(images/header.jpg);
	height: 163px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
} 

#header h1 {
	margin: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	padding-top: 90px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 130px;
	font-size: 2em;
}

#headerleft {
	left:20px;
	position:absolute;
	top:20px;
}
#headerright {
	position:absolute;
	right:40px;
	top:25px;
}


/***********************************************************
Menu1
*************************************************************/


#menu1 {
	height: 35px;
	width: 1000px;
	margin: 0px;
	background-image: url(images/menu1_background2.gif);
	background-position: right;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#menu1 ol {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}
#menu1 ol a {
	color:#FFFFFF;
	float:left;
	font-size:0.8em;
	padding-left:10px;
	text-decoration:none;
	letter-spacing: 0.1em;
	background-repeat: repeat-x;
	padding-right: 10px;
	margin-top: 0px;
	padding-top: 10px;
	background-image: url(images/menu1_background.gif);
	padding-bottom: 10px;
}
#menu1 ol a:hover {
	background-image: url(images/menu1_hover.gif);
	background-repeat: repeat-x;

}
#menu1 ol li {
	float:left;
	margin: 0;
}
#menu1 ol li.menu1current a {
	color:#333333;
	background-color: #FFF;
	background-image: url(images/menu1_current.gif);
	font-weight: bold;
}


/***********************************************************
Menu2
*************************************************************/

#menu2 {
	float: left;
	height: 35px;
	width: 1000px;
	margin: 0px;
	padding: 0px;
	background-image: url(images/menu2_background2.gif);
	background-position: right;
}
#menu2 ol {
	font-size:0.8em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;

}
#menu2 ol a {
	float:left;
	padding-left:7px;
	text-decoration:none;
	background-image: url(images/menu2_background.gif);
	background-repeat: repeat-x;
	color: #000099;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-right: 7px;
	font-weight: bold;
}
#menu2 ol a:hover {
	color:#FFF;
	text-decoration: none;
	background-image: url(images/menu2_hover.gif);
	background-repeat: repeat-x;
}

#menu2 ol li {
	float:left;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
}

#menu2 ol li.menu2current a {
	color:#000;
	font-weight: bold;
	background-image: url(images/menu2_current.gif);
	background-repeat: repeat-x;
}




/***********************************************************
Main Content
*************************************************************/




#maincontent {
	float: right;
	height: 100%;
	width: 795px;
	margin-top: 25px;
}



/***********************************************************
Footer
*************************************************************/


#footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD; 
} 



#footer p {margin-top:10px;	
	/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}




/***********************************************************
table
*************************************************************/
.tableoutline {border:solid 1px black;
	margin:0;
	padding:0;
	background-color:white;
	font-size:0.8em;
}


.tableinput {border:solid 1px black;
	margin:0;
	padding:0;
	background-color:#F0F0F0;
	font-size:0.8em;
}

.tablelined {border-collapse:collapse;
	margin:5px;
}


.tablelined td {border:solid 1px black;

	padding:2px;
	background-color:white;
	font-size:0.8em;
}

.tablelined th {
border:solid 1px black;
	color:white;
 	background-image: url(images/titlebar.png);
	background-repeat: repeat-x;
	padding:3px; font-size:0.8em; }




/***********************************************************
button2
*************************************************************/

.button2 {
        padding: 5px;
       	background-color: #bbbbbb;}

.button2  a {
        padding: 5px;

        color: #ffffff; 
        background-color: #006600;     
}


.button2 a:hover {
        padding: 5px;

        color: #cc6700; 
        background-color: #ffffff;     
}

.button2 a:visited {
        padding: 5px;

        color: #ffffff; 
        background-color: #006600;     
}

.button2 a:link {
        padding: 5px;

        color: #ffffff; 
        background-color: #006600;     
}

.tablegrid {
	border: 1px solid #999;
	border-collapse : collapse;
	font-size: 9px;
	padding-right:20px;
}

.tablegrid td {
	border: 1px solid #CCC;
	font-size: 9px;
	padding: 3px;
}

/* 
	LEVEL ONE
*/
ul.dropdown ul li		    { display: inline; width: 100%; }
ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background: #ccc; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: 1px solid #333;
	 								  color: #222; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #F3D673; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul   		{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li		{ font-weight: normal; background: #f6f6f6; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul		{ left: 100%; top: 0; }
ul.dropdown li:hover > ul        { visibility: visible; }