﻿/* mac hide\*/ 
html, body {height:100%} 
/* end hide */ 
body { 
   padding:0; 
   margin:0; 
   text-align:center; /* for ie6 and under */ 
   min-width:760px;/* for mozilla*/ 
   background-color: #ededee; 
   color: #333333;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size:11px;
   line-height: 15px;
}

a:link {
	color: #0099FF;
}
a:visited {
	color: #666666;
}
a:hover {
	color: #00CCFF;
}
a:active {
	color: #0099FF;
}

 
#outer{ 
   min-height:100%; 
   width:960px; /* add 2px if borders are not used */ 
   text-align:center; 
   margin:auto; 
   position:relative; 
   background: url(images/bg.gif) repeat-y; 
/* The background image needs to be the same width as the #left div. The one I used is 138px X 9px */ 
}

#inner {
    min-height:100%; 
   width:900px; /* add 2px if borders are not used */ 
   text-align:left; 
   margin:auto; 
   position:relative; 
/* The background image needs to be the same width as the #left div. The one I used is 138px X 9px */ 
}
  
* html #outer{height:99.9%;} /*For ie as treats height as min-height anyway - also addreeses rounding bug at bottom of screen in IE*/ 
#header{ 
   min-height:100px; 
   position:relative;
   background:url(images/menu_bg.gif) #ececec;
} 
* html #header{height:100px}
#banner { margin:10px 0;}
#left { 
   position:relative;/*ie needs this to show float */ 
   width:136px;
   margin-left:5px;
   float:left; 
   color:#ccc
} 
#left p {padding:2px} 
#footer { 
   width:900px; /* add 2px if borders are not used on the #outer div */ 
   clear:both; 
   text-align:center; 


} 
* html #footer {/*only ie gets this style*/ 
   \height:52px;/* for ie5 */ 
   he\ight:50px;/* for ie6 */ 
   margin-bottom:-1px; 
} 
div,p  {margin-top:0}/*clear top margin for mozilla*/ 
#centrecontent { 
   width:622px; 
   float:right; 
} 
#centrecontent p {padding-left:3px}


#contentwrapper{
float: left;
width: 100%;
}

.sidebarContent {
    margin:0px 9px 9px 9px;
}

.sidebar {
background:url(images/side_bg.gif) bottom;
min-height:50px;
}

.sidebarHeader {
    background:url(images/side_top.gif);
    height:9px;
    width:200px;
}
#contentcolumn{
margin: 0 200px 0 200px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column in pixel*/
margin-left: -900px; /*Set margin to that of -(MainContainerWidth)*/
}

#rightcolumn{
float: left;
width: 200px; /*Width of right column*/
margin-left: -200px; /*Set left margin to -(RightColumnWidth)*/
}

.padding {
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

#searchBar { margin:20px; } 
#contactNumbers { margin-right:20px; vertical-align:bottom }

.left {float:left}
.right {float:right}

.clear {width:100%;height:1px;clear:both; font-size:1px; } /* to clear footer */ 

.image {border:none}
.img a img { border:none; margin:0 15px;  }

.AspNet-Menu-Link { border:none}
ul li a img { border:none; margin:0 15px;  }