/*----CSS STYLES FOR THE Portal----*/   
form{margin:0 0 0 0;}
body {margin: 0px auto;padding: 0px;border: 0px;background-color:#97a782;text-align: left;text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal; color:#000; font-size:.95em;width:100%;}

/*#container div.left,#container div.right {float: left;margin-right: 0px; width: 125px;margin-bottom: 0px;vertical-align:top;background-color:#000;}*/
/*This is the new style for HOPN that controls the far left pane that holds the menu - styles for the menu should have the same background color*/

/*.left_gradient {height:40px;width:145px;margin:0 auto; background:url(bottom_gradient.jpg)top left no-repeat;}*/

/*-- items used in main layouts----*/
div.left p {text-align: center;}
div.Left_Pane,div.Content_Pane,div.Right_Pane{float: left;  /*padding: 0.1em   0.1em 0.1em  0.2em;*/}
div.Right_Pane{margin-left:3px;}
div.Left_Pane,div.Right_Pane { width:32%;}
div.Content_Pane p {margin: .1em .1em .1em .1em;}



/*default desktop styles*/
#container div.right {width: 610px;float:left;margin-left:15px;margin-top:3px;background-color:#fff; vertical-align:top;}
*html #container div.right {width: 610px;float:left;margin-left:5px;margin-top:3px;}

.left{width:144px;background-color:#4b7835;color:#fff;float:left;margin-left:10px;}
.left img{ display:none;}
.left_bottom
{
	FLOAT:left;WIDTH:144px;HEIGHT:170px;
	background:url(images/BG.jpg) repeat;
	 margin-left:10px;
}
*html .left_bottom
{
	FLOAT:left;WIDTH:144px;HEIGHT:170px;
	background:url(images/BG.jpg) no-repeat;
	margin-left:5px;
}
.leftlogo
{
	FLOAT:left;WIDTH:144px;HEIGHT:45px;
	background:url(images/BG.jpg) no-repeat;
	 margin-left:10px;
}
*html .leftlogo
{
	FLOAT:left;WIDTH:144px;HEIGHT:45px;
	background:url(images/BG.jpg) no-repeat;
	margin-left:5px;
}

*html .left{width:144px;background-color:#4b7835;color:#fff;float:left;margin-left:5px;}
#departmentheader{margin:0 auto;font-size:20px;color:#fff;width:100%;height:50px;background-color:#4b7835;}

.fixed_header{width:770px;margin:0 auto;}
.header_title{float:left;padding-top:10px;}
.header_shapes{float:right;}
/*div {border:1px solid red;}*/
#container{
/*text-align:left;*/
/*margin: 0 auto;*/
float:left;
width: 815px;  
border:0 0 0 0;
background: url(side_shadow.jpg) top left repeat-y;}

#divheaderpicture{
width:802px;
height:150px; 
border:0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

div.main_content {
margin: 0 auto;/* float:left;*/
width:777px;}

#banner {margin:0 auto;width:757px;height:160px;background:url(BannerMastersare.jpg) top left no-repeat;}
.centeredcontainer{margin:0 auto;width:815px;background-color:#fff}

/* search and breadcrumb styles*/
#divrow{background-color:#cccccc;width:99%;text-align:left; padding:0px 2px 0px 3px; vertical-align:middle;}
#breadcrumbs_right{padding:  1px 0px 2px 0px ;text-align:right;vertical-align:middle; margin-bottom:4px; float:right;height:1.5em;width:300px; }
#breadcrumbs_left{padding:1px 0px 2px 0px;vertical-align:middle;float:left;height:1.5em;margin-bottom:4px;}



.maintable { background-color:#fff; border:0px; padding:0px;}
.footer{ width: 100%; font-size:.85em; /*clear:both;*/text-align:center;color: #fff;background-color:#94a684;float:left;}
.footer a:link,.footer a:visited{font-size: 10px;color:#fff;text-decoration:none; font-weight:bold;}
.footer a:hover{color:yellow;}
.footer a:active{color:orange;}
/*----- size text styles ------------*/
.Size8 ,.Size8 P,A.Size8{font-size:8px;}
.size10,A.size10,A.size10 P,A.size10:link,
 A.size10:visited,A.size10:active,A.size10:hover {font-size:10px;}
.normalplain,A.normalplain,.normalplain P ,A.normalplain:hover{font-size:90%}
.Size12,.Size12 P,A.Size12,A.Size12:link,A.Size12:visited,A.Size12:active,A.Size12:hover{font-size:90%}
.Size14 ,A.Size14,.Size14 P,A.Size14:link,A.Size14:visited,A.Size14:active,A.Size14:hover{font-size:14px;}
.Size16,A.Size16,.Size16 P,A.Size16:link,A.Size16:visited,A.Size16:active,A.Size16:hover {font-size:16px;}
.Size18 ,A.Size18,.Size18 P,A.Size18:link,A.Size18:visited,A.Size18:active,A.Size18:hover{font-size:18px;}
.Size20,A.size20,.Size20 P,A.Size20:link,A.Size20:visited,A.Size20:active,A.Size20:hover{font-size:20px;}
.Size24,.Size24 P,A.size24,A.Size24:link,A.Size24:visited,A.Size24:active,A.Size24:hover{font-size:24px;}
A.size24:hover,A.Size22:hover,A.Size20:hover,A.Size18:hover,A.Size16:hover
A.Size14:hover,A.Size12:hover,A.size10:hover,A.Size8:hover,.normalplain:hover,
.leftmenulink:hover
{color:orange;text-decoration:none;}

/* Styles for text creation in the CMS */
/*.sidelinks_backcolor,*/
.leftmenulink,/*#container,div.main_content*/ {background-color:#000 /*702da0*/;}
.tab_layout_listbox{width:150px;font-size: 9px;}
.side_link_header{background-color:#69ad3a;
	font-weight: bold;font-size: 14px;color: #fff;
	width:125px;text-align:left;padding :  1px 0px 1px 0px; }
div#logoff_link{background-color:#ffb200;text-transform: capitalize;width:144px;border:0px;	}

.horizontalmenu{float:left;text-align: left; 
	 vertical-align:top;padding:0 0 0 0 ;width:802px;vertical-align:top;background-color:#000330;}
.horizontalmenu a:link,.horizontalmenu a:visited,.horizontalmenu a:active 
 {text-decoration:    none;color:white; background-color:#000;
    font-size: 11px;font-weight: bold;text-transform: capitalize;}
.horizontalmenu a:hover  {text-decoration:    underline;
     color:white;font-size: 11px;
    font-weight: bold;text-transform: capitalize;} 
.navBarItemDefault,.submenu_mouseover{font-size: 12px;font-weight: normal; padding-left:3px;
	text-transform: capitalize;background-color: #100033;
	color: white;}
.submenu_mouseover{background-color:#ff7e00; text-decoration:none;cursor:pointer;color:orange;}  
.ModuleHeader{font-weight: bold;background-color:#7D7D7D;
	padding: 0.2em 0 0.2em 0.1em; margin:1px auto; width:100%;
	text-transform: capitalize;font-size: 14px;color: white;}
.ModuleHeader span {DISPLAY:inline; background-color:#4b7835; position: relative; left:8px; top:0%; vertical-align:top;}

	
a.headerlink:link,a.headerlink:visited,a.headerlink:active
{color:blue;font-size:10px;}
a.headerlink:hover{ color:orange;font-size:10px; }
.sidelinks_backcolor_active{background-color:#000;}  
.SiteLink {font-size: 11px; font-weight:normal;
    background-color:transparent;}   
A.SiteLink:link,A.SiteLink:visited , A.SiteLink:active
  {color:white;font-size: 11px;} 
A.SiteLink:hover {text-decoration:none;
    color:orange;font-size: 11px;}
.Head {font-size:  18px;}
.Head_small   {font-size:  16px;width: 25px;}
.SubHead{font-size: 11px;font-weight: bold; text-align:left;}
.legend_class{font-size: 11px;font-weight: bold;
	text-transform: none;color: #a05;}
.NormalTextBox{font-size: 12px;} 
.CommandButton     {font-size: 11px;}    
A.CommandButton:link ,A.CommandButton:visited,A.CommandButton:active{text-decoration:none;color: blue; font-size: 90%;}
A.CommandButton:hover    {text-decoration:underline;color: #69ad3a;font-size: 11px;}
/* GENERIC */
td{font-size:90%;}
p{margin: .1em .1em .1em .1em;}
H1  {font-size: xx-large;margin: 2em 2em 2em 2em;}
H2 {font-size: x-large}
H3  {font-size: medium}
H4  {display:block;font-size: small;}
H5, DT  {font-size: x-small;font-weight:bold;}
H6 {font-size: xx-small;font-weight:bold;}
TFOOT, THEAD{font-size:small;}
TH  {vertical-align: baseline;font-size:small;font-weight:bold;}
A:link,A:visited ,A:active {font-size: 90%;color: blue;text-decoration:  none;}
A:hover {text-decoration:underline;font-size: 90%;color:orange;}
BIG {font-size:  14px;}
BLOCKQUOTE, PRE {margin:  0em 1em 0em  1em;padding: 0em 1em 0em 2em;}
UL {margin: 1px  6px 2px  9px;padding: 5px;
	list-style-type: lower-alpha; list-style-position:outside;}
UL LI   {list-style-type:    square ; margin:0em 0.1em 0em  0.1em;}
UL LI LI    { list-style-type:    disc;}
UL LI LI LI {list-style-type:    circle;}
OL LI   {list-style-type:    decimal;}
OL OL LI    {list-style-type:    lower-alpha;}
OL OL OL LI {list-style-type:    lower-roman;}
HR { color: #ccc;height:1px;text-align:left;margin: 1em 1em 1em 1em;}
.datagrid-header,.datagrid-item,.datagrid-alternatingitem,
.datagrid-selecteditem,.datagrid-pager,.datagrid-item p,.list-header
{ padding-right: 5px;
  vertical-align: baseline;margin-right: 0px;}
.datagrid{border-right: #ccc 1px solid;border-top: #ccc 1px solid;border-left: #ccc 1px solid;border-bottom: #ccc 1px solid;}
.datagrid-header,.list-header{font-weight: bold;font-size: 10pt;background: #ccc;
	text-transform: uppercase;text-align: left;}
.datagrid-footer{font-size: 8pt;background: #eee;
	margin-right: 0px;text-align: right;}
.datagrid-item,.datagrid-item p,.datagrid-alternatingitem{font-size: 90%;background: whitesmoke;margin-right: 0px;}
.datagrid-alternatingitem{background: #E0E0E0;}
.datagrid-selecteditem,.datagrid-edititem,.datagrid-pager{font-size: 10pt;background: #eee;}
.HTML_HOLDER { padding:4px  8px 4px 8px;}
.header_text {font-size: 14px;font-weight: bold;}
.linktext_onwhite {font-size: 12px;text-decoration: none;}
.leftmenulink{ font-size: 6px;color: #fff;}
.leftmenulink A:hover{font-size: 8px;}
.header_html ,.header_html P{font-size:16px;font-weight:bold;}
.subheader_html,.subheader_html P{font-size:small;font-weight:bold;}
.leftsubnav,tr .leftsubnav,a:link leftsubnav {font-size:11px;font-weight:lighter;color: #fff;
	          text-transform: capitalize;margin-left:7px;}
*html  .leftsubnav {font-size:11px;color: #fff;
	          } 
*html  .leftsubnav a:hover {font-size:11px;color: orange;
	          }     
	          
.leftsubnav a:link,.leftsubnav a:visited,.leftsubnav a:active {
	font-size:11px;color: #fff;text-transform: capitalize;margin-left:7px;	}

#textonly{font-size:6px;}
#textonly a:link{font-size:2px;}
#Print_Header{visibility:hidden; display:none;  }
img.header {border:0 0 0 0;}
.Calendar
  {width:470px; height:20px;border-width:1px;background-color:#fff;
	font-size:10px;border-color:#fc6;color:#663399;}
.todaystyle{font-size:9px;text-align:right;vertical-align:top;
	border-width:2px; border-color:orange;}
#Table_reserve{ height: 62px;padding: 1px 1px 1px 1px;
  text-align:center;border:0px;width:600px;}
.daystyle{font-size:9px;text-align:right;
	vertical-align:top; border-width:1px; border-color:orange;}
.nextprevstyle {font-size:10px; color:#ccc;}
.dayheaderstyle {  background-color:#CCC;height:9px; font-size:9px;
	 text-align:center;vertical-align:top;}
.selecteddaystyle{	 font-size:9px;background-color:#CC6666;
	 color:#FFFFCC;text-align:right; padding:0px 0px 0px 1px;
	 vertical-align:top;border-width:1px; border-color:orange;}  
.titlestyle{ font-size:12px;font-weight:bold;
background-color:#ffd;color:#00c;height:20px;}
.othermonthstyle{color:#E0E0E0;background-color:#FFFFCC;
	 text-align:right;vertical-align:top;
	 font-size:10px;border-width:1px; border-color:orange;}
div.subdiv{	width:100%;text-align:left;}
#Table_Equipment{width: 100%;height:70px;
  padding: 1px 1px 1px 1px;text-align:left;border:0px;}
.left50percent{ width:49%;display:block;float:left; 
    vertical-align:top;text-align:left;
	font-size: 11px;font-weight: bold; }
.admain{  display:block;float:left;  vertical-align:top;text-align:left; }
.adimage{   width:50px;height:50px;display:block;float:left; 
     border:2px; border-color:white;  }
.adlist,.adlist_alternate{width:99%;text-align:left;font-size:80%; background-color:#e0e0e0;}
.adlist_alternate{ background-color:Silver;}
.left70percent,.left30percent,.left100percent{float:left;width:60%;font-size: 9px;}
.left100percent{ width:99%;display:block; vertical-align:top;font-size: small; }
.left30percent{width:32%;}
.leftbox{float:left;width:70px;}
.textboxwidth{width:100%;}
/*menu styles*/
.menutitle{
/*background:#233E70 url(images/tab_bg.jpg) top left no-repeat;*/
cursor:pointer; 
font-size:11px; 
color:White;font-weight:bold; padding-left:3px;
/*display:block; 
width:125px;*/ 
/*height:24px; */
text-decoration:none; 
text-align:left; 
margin-top:9px;
/*line-height: 20px;*/

}	
	.menutitle a {color:#4b7835; text-decoration:none;font-weight: bold;  height:14px;padding-left:3px;}
	.menutitle a:link {color:#000; text-decoration:none;}
	.menutitle .menutitle a:hover {color:navy; text-decoration:none; }
	.menutitle a:active {color:#000; text-decoration:none;}
	.menutitle a:visited {}
.sidelinks_backcolor{background-color: #4b7835; padding-left:6px;color: White;cursor:pointer } 

.menutitle_active{background-color:  #97a782; font-size:11px;font-weight: bold;padding: 3px 0px 3px 3px; margin-top:9px;color: #fff; cursor:pointer; }

/*----- size text styles ------------*/
.Size8 ,.Size8 P,p.size8,A.Size8,.Size8 A:link{font-size:8px;}
.Size10,.size10,A.size10,A.size10 P,.size10 A:link,.size10 A:visited,.size10 A:hover {font-size:0.7em;cursor:pointer;}
.normalplain,A.normalplain,p.normalplain,.normalplain p,A.normalplain:hover{font-size:85%;cursor:pointer;}
.Size11,p.Size11,Size11 p ,A.Size11,A.Size11:link,A.Size11:visited,A.Size11:active,A.Size11:hover{font-size:90%;cursor:pointer;}
.Size12,p.Size12,size12 p,A.Size12,A.Size12:link,A.Size12:visited,A.Size12:active,A.Size12:hover{font-size:95%;}
.Size14 ,A.Size14,p.Size14,Size14 p,A.Size14:link,A.Size14:visited,A.Size14:active,A.Size14:hover{font-size:14px;}
.Size16,A.Size16,p.Size16,Size16 p,A.Size16:link,A.Size16:visited,A.Size16:active,A.Size16:hover {font-size:16px;}
.Size18 ,A.Size18,p.Size18,size18 p ,A.Size18:link,A.Size18:visited,A.Size18:active,A.Size18:hover{font-size:18px;}
.Size20,A.size20,p.Size20,Size20 p,A.Size20:link,A.Size20:visited,A.Size20:active,A.Size20:hover{font-size:20px;}
.Size24,p.size24,.Size24 P,A.size24,A.Size24:link,A.Size24:visited,A.Size24:active,A.Size24:hover{font-size:24px;}

A.Size24:link,A.Size24:visited,A.Size24:active,
A.Size20:link,A.Size20:visited,A.Size20:active,
A.Size18:link,A.Size18:visited,A.Size18:active,
A.Size16:link,A.Size16:visited,A.Size16:active,
A.Size14:link,A.Size14:visited,A.Size14:active,
A.Size12:link,A.Size12:visited,A.Size12:active,
A.normalplain:link,A.normalplain:visited,A.normalplain:active,
A.Size8:link,A.Size8:visited,.Size8 A:active{color:Purple;text-decoration:underline;}
A.size10:link,A.size10:visited,A.size10:active{color:Purple;text-decoration:underline;font-size:0.7em;}
A.size11:link,A.size11:visited,A.size11:active{color:Purple;text-decoration:underline;font-size:.9em;}

A.size24:hover,A.Size22:hover,A.Size20:hover,A.Size18:hover,A.Size16:hover
A.Size14:hover,A.Size12:hover,A.size10:hover,A.Size8:hover,.normalplain:hover,A.size11:hover,
.leftmenulink:hover{color:blue;text-decoration:none;cursor:pointer;}
A.size12:hover,.size12 A:hover{font-size:95%;cursor:pointer;}
A.size10:hover,.size10 A:hover{font-size:0.7em;cursor:pointer;}
A.size11:hover,.size11 A:hover{font-size:90%;cursor:pointer;} 
@media print
{   
	#MenuPane{visibility:hidden;display:none;}
	#container div.left{display:none;}
	#departmentheader{display:none;}
	#breadcrumbs_right{display:none;}
	#breadcrumbs_left{display:none;}
	#divheaderpicture{display:none;}
	.horizontalmenu{display:none;}
    #bannerheader{visibility:hidden; display:none; }
	#textonly  {visibility:hidden; display:none; }  
	#Print_Header{visibility:visible;display:inline; font-size:18px; font-weight:bold;}
	#footer{visibility:hidden;display:none;}}