html, body { height:100%; }

a img { border:none; }

body {
		margin: 0px; padding: 0px;
		font-family: 'Gill Sans', 'Lucida Grande', 'Luxi Sans', Tahoma, lucida, sans-serif;
		font-size: 75%;
		_font-size: 100%;/* using underscore hack for MSIE here */
		background-image:url(../Images/bo1.jpg);
		background-repeat:no-repeat;
		background-position: top left;
		background-attachment:fixed;
		color:#4f4f4f;
}

/* Main Layout Divs */
div { margin:0px; }
div#pagewrapper { width:900px; text-align:left; border-left:1px solid #CAD6E8; border-right:1px solid #CAD6E8; background-color:White; }
div#maincol {
		display: table;/* <- using display: table hack here for Gecko browsers */
		float: left;
		/*_height: 100%; <- using underscore hack for MSIE here 
		min-height: 100%;				*/
		width: 100%;		
}
div#wrapper { display: table-row; vertical-align: top; overflow: hidden; }/* <- this is needed by Opera */
div#main { min-height:100%; _height:100%;/* <- using underscore hack for MSIE here */ 
		   margin:0px 185px 3px 156px; border-left:1px dotted #DDDDDD; border-right:1px dotted #DDDDDD; overflow:hidden; }

div#leftcol { float:left; margin-left:-100%; width:155px; }
div#rightcol { float:left; margin-left:-185px;  width:185px; }
div.colwrapper { margin:0px; }
div.content { padding:0.7em; }
div#footer { clear:both; text-align:center; border-top:1px dotted #CAD6E8; font-size:11px; }
div#footer a { color:#000000; }
div.footerbgtrap { background-image: url(../Images/footerBack.gif); }
/* -------------- */

/* Header */
div#header {  background-position:top left; background-repeat:no-repeat; height:102px; }
div#header h1 { position:relative; top:15px ; right:10px; font-family:Arial; text-align:right; color:#4f4f4f; }
div#header .logo { position:relative; top:24px; left:12px; }
div#headerMenu { border-top:1px dotted #CAD6E8; border-bottom:1px dotted #CAD6E8; width:100%; clear:both; }
div#headerMenu ul { margin:10px; padding:0; list-style-type:none; }
div#headerMenu ul li { display:inline; }
div#headerMenu ul li a { text-decoration:none; color:#FFFFFF; background-color:#8dc63f; padding:5px 10px 5px 10px; font-weight:bold; }
div#headerMenu ul li a:hover {  background-color:#94ce44; }

/* Headings */
h1 { font-size:18px; margin:0px; }
h2 { font-size:20px; font-family:Arial; margin-top:5px; margin-bottom:10px; }
h3 { font-size:16px; font-family:Arial; margin-top:0px; }

/* Menus */
div#leftcol .menu h3 { font-size:13px; font-weight:bold; color:White; padding: 4px 2px 4px 2px;	margin:0px }
div#rightcol .menu h3 { font-size:13px; font-weight:bold; color:White; padding:4px 4px 4px 4px; margin:0 0 3px 0;  }
 
.menu ul {  list-style-type:none; padding:0; margin:0; }
.menu ul li { border-bottom:1px dotted #CAD6E8; }
.menu ul li a { display:block; color:#292C31; padding:3px 5px 3px 5px; margin:2px 0 2px 0; text-decoration:none; }
.menu ul li a:hover { background-color:#E4E4E4; }		

/* Forms */
input[type="checkbox"], input[type="radio"] { background:transparent; border:0; border:none; }
input, textarea, select { border-color:#898989; border-style: solid; border-width: 1px; }
input:focus, textarea:focus, select:focus { border-color:Black; }

/* Other*/
div.box { border:1px solid #605d5c; padding:12px 8px 12px 8px; }
.validationSummary { border:1px solid red; padding:5px; margin-bottom:10px; text-align:left; color:Red; }
.validationSummary li { padding: 2px 0px 2px 0px; }
.message { border:1px solid black; padding:5px; margin-bottom:10px; text-align:left; color:Black; }
.messageHeading { font-weight:bold; }
.error { color:Red; }
.required { color:Red; }

/* Homepage Copy */
div.overflowCopy { width:100%; height:110px; margin-bottom:15px; overflow:auto; }
div.overflowCopy p { padding-right:10px; }

/* Page Numbers */
div.pageNumbers { text-align:right; margin:5px 0 5px 0; }
div.pageNumbers a { padding:3px; margin-left:2px; text-decoration:none;  border:solid 1px #CAD6E8; color:#4f4f4f; }
div.pageNumbers a:hover, div.pageNumbers .selected { border:solid 1px #0066CC; }

/* Tag Cloud */
div.tagCloud { }
div.tagCloud a { color: Black; text-decoration:none; padding-right: 3px; }
div.tagCloud a:hover { color: Black; text-decoration:underline; }
div.tagCloud .tag1 { font-size:10px; font-weight:200; }
div.tagCloud .tag2 { font-size:11px; font-weight:300; }
div.tagCloud .tag3 { font-size:12px; font-weight:400; }
div.tagCloud .tag4 { font-size:13px; font-weight:500; }
div.tagCloud .tag5 { font-size:14px; font-weight:600; }
div.tagCloud .tag6 { font-size:15px; font-weight:700; }
div.tagCloud .tag7 { font-size:16px; font-weight:800; }
div.tagCloud .tag7 { font-size:17px; font-weight:900; }
div.tagCloud .tag8 { font-size:18px; font-weight:900; }


/* Modal Popup */
.modalPopupWrapper { display:none; }
.modalPopup { position:fixed; left:50%; top:40%; border:solid 5px #dddddd; background-color:#ffffff; z-index:100; }
.modalPopupGray { position:absolute; left:0; top:0; width:100%; height:100%; background-color:black; filter:alpha(opacity=50);  z-index:99; border:0; -moz-opacity:0.50; }
.modalPopup .title { margin:0; font-size:14px; font-weight:bold; padding: 5px 3px 5px 3px; text-align:center; background-color:#4f4f4f; color:White; }
.modalPopup .close { margin:0; position:absolute; top:5px; right:6px; padding: 2px; border: 1px solid white; width:11px; font-size:10px; font-weight:bold; text-align:center; color:#ffffff;}
.modalPopup .close:hover { background-color:#dddddd; cursor:pointer; }
.modalPopup .content { padding:0 0 0 5px; }


/* Colors */
/*
Light Grey: #dddddd;
Dark Grey:  #4f4f4f;

Light Blue: #abbfd2
Dark Blue: #5d89a6

Orange: #f47f01
/*
/* ------- */