/* Gray School or Irish Dance */

body, div, h1, h2, h3, h4, h5, h6, p, ol, ul, li, a, #header
{
	margin: 0;		/* Set margin and padding to 0 to even out browser differences. */
	padding: 0;
}

body {
	background-image: url(/images/page_bg.gif);
	color:#000099;
	background-repeat: repeat;
}
	
	/** wrapper **/
/* This div contains all the real content on the page. It contains the header div, the column-wrapper div, and the footer div. */
#wrapper {
	margin: 0 auto 0 auto;
	width: 770px;
	background: url(../images/wrapper_bg.gif) top left repeat-y;
}

/** header **/
/* This div is just the header (banner) image across the top of the container div */
#header {
	height: 125px;	
	background: url(../images/header_bg.gif)  0 0 no-repeat;
	}
#footer {
	background: url(../images/footer_bg.gif) bottom left no-repeat;
	}

/** container **/
#container {
}

#nav {
	position: relative;
	float: left;
	width: 165px;
	padding: 1px 0 0 18px;
	}
	
#nav_pad{
margin-left:5px;
margin-right:2px;
}

#nav .nav-list ul {
	list-style: none;	/* Don't use bullets for the lists. */
}

#nav .nav-list li {
	text-align: left;
	border: solid 0px #0066FF;
	width: 132px;
	background: url(../images/nav_button.gif) 0 0 no-repeat;
	height: 22px;
}

#nav  .nav-list li a{
	padding-left:1.1em;
	padding-top:.2em;
	display: block;		/* Making the links block elements makes the whole list item clickable (rather than just the text itself). */
	color: #000099;		/* The links in the nav area are blue and are not underlined. */
	font:  14px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#nav  .nav-list li a:link,
#nav  .nav-list li a:visited {
	color: #039;				/* Link color. */
}

#nav  .nav-list li a:hover {
background: url(../images/nav_button2.gif) 0 0 no-repeat;	/* The background of the list items uses this partially transparent white background. */
 
	color: #FFF;				/* Link color. */
}
#nav p{ 
	margin: 0 1em 1.2em 0;
	line-height: 1.2;
	text-align:  right;
	font:  12px Arial, Helvetica, sans-serif;
}
#nav a{
color:#000099;
}
#nav a:hover{
color:#fff;
}

/** main-content column **/
/* This column has the main content div. */
#main-content {
	margin-left: 180px; 	/*The side-by-side columns are achieved by floating the secondary-content column and giving the main-content column a left margin equal to the width of the secondary-content column. */
	margin-right: 18px; 	/*The side-by-side columns are achieved by floating the secondary-content column and giving the main-content column a left margin equal to the width of the secondary-content column. */
}

#content p {
	margin: 1em;			/* Add a bit a white space around the paragraphs. */
}


#content dl {
	font:  12px/normal Verdana, Arial, Helvetica, sans-serif;
	list-style: url(none) none inside;
	padding: 0em 2em;
}
.centered_table {
	margin: 0 auto 0 auto;
}
#content ol {
	margin-left: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.floatwrapper { float: left; width: 550px;}
.rightfloat { float: right; width: 275px; text-align:center;}
.leftfloat { float: left; width: 275px; text-align:center;}
.lastfloat {float: right; width: 144px;}
.centerfloat {
	float: none;
	width: 275px;
	text-align:center;
	clear: both;
}

.3colwrapper { width: 477px;}
.leftcolumn {float: left; width: 100px; background-color:#993333;}
.rightcolumn {float: right; width: 100px; background-color:#33FFFF;}
.centercolumn {margin-left: 100px; margin-right: 100px; background-color:#FFCCCC;}

.colwrapper {
width: 573px;
height:156px;
}

.3colwidewrapper {
	margin-right: 35px;
	margin-left: 35px;
}
	
.leftwidecolumn, .rightwidecolumn , .centerwidecolumn , .centerwidecolumn2 {
	padding: 2px; /* Creates space between image and border. */
	border: 2px solid #9FCBE7; /* Sets border on images. */
	background: #fff; /* Sets background color of image block so that the background of the div doesn't peek through the space between the border and the image. */
}

.leftwidecolumn {
	clear: left;
	float: left;
	margin: 0 3px 2px 0;
}

.rightwidecolumn {
	clear: right;
	float: right;
	margin: 0 0 2px 3px;
}

.centerwidecolumn {
	margin-left: 192px;
	margin-right: 185px;
	margin: 0 0 2px 0; 
}

.centerwidecolumn2 {
	margin-left: 100px;
	margin-right: 60px;
	margin: 0 0 2px 0; 
}
/* CONTAINING FLOATS ---------------------------------------------------- */

.clearfix:after {
	content: "."; /* This dot is the actual appended content */
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	}
	
.clearfix {display: inline-block;} /* Fixes MacIE */
/* Hides from MacIE \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide */
/* TEXT ---------------------------------------------------- */
/* --------------------------------------------------------- */
p {
	margin: 0 0 1.2em 0;
	line-height: 1.6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	}
.center{
text-align:center;
}
.right{
text-align:right;
}
.right_2{
text-align:right;
margin: 1em;
}
.lgColor {
color:#A3C1AD;
}
h1 {
	margin:  0.5em 0 0 0.5em; /* Removes default top margin but sets bottom margin equal to the height of one line of text. */
	font: bold 170% Arial, Helvetica, sans-serif; /* Makes the text bold, sets font size larger than default body text size, and sets different font family options for h1 page headers. */
	}
h2 {
	margin: 0.5em 0 0 0.5em; /* Removes default top margin but sets bottom margin to create space beneath header and following text. */
	font: bold 120% Arial, Helvetica, sans-serif; /* Makes the text bold, sets font size larger than default body text size but smaller than the h1, and sets different font family options for h1 page headers. */
	}
h3 {
	margin: 0.5em 0 0 0.5em; /* Removes default top margin but sets bottom margin to create space beneath header and following text. */
	font: bold 100% Arial, Helvetica, sans-serif; /* Makes the text bold, sets font size larger than default body text size but smaller than the h1, and sets different font family options for h1 page headers. */
	}
	
h4 {
	margin: 0.5em 0 0 0.5em; /* Removes default top margin but sets bottom margin to create space beneath header and following text. */
	font:  normal 90% Verdana, Arial, Helvetica, sans-serif; /* Makes the text bold, sets font size larger than default body text size but smaller than the h1, and sets different font family options for h1 page headers. */
	}
.highlight {
	font: Arial, Helvetica, sans-serif;
	color: #339900;
	}
.brclear { 				/* This rule is from Snippets > Community MX > CMX CSS Collection > Cheats and Productivity > Clearing Element for Floats */
     clear:both; 		/* Clearing element for a float: this fix uses a break in the markup as a clearing element, */
     height:0; 			/* but it ensures that the break does not disturb the layout by reducing its values to 0. */
     margin:0;			/* Add this class to breaks as needed to clear a float. */
     font-size: 1px;	/* Please note that the container of the break needs a dimension on it. */     	
}
/* LINKS --------------------------------------------------- */
/* --------------------------------------------------------- */
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000099; /* Sets text color of links. */
	}

a:hover {
	color: #36f; /* Sets text color of links when they are hovered. */
	}

/* IMAGES -------------------------------------------------- */
/* --------------------------------------------------------- */
img {
	border: none; /* Removes default border that will appear on images that are linked or image maps. */
	}
.img_left, .img_right , .img_center, .img_border {
	padding: 2px; /* Creates space between image and border. */
	border: 2px solid #9FCBE7; /* Sets border on images. */
	background: #fff; /* Sets background color of image block so that the background of the div doesn't peek through the space between the border and the image. */
	}
.img_left {
	clear: left; /* Keeps left floated pictures from hooking on other left floated pictures and ensures each will stack below the previous. */
	float: left; /* Moves the image to the left side of its container and allows text to flow around its right side. */
	margin: 0 1.5em .5em 0; /* Creates space to the right and bottom of the image. */
	}
.img_right {
	clear: right; /* Keeps right floated pictures from hooking on other right floated pictures and ensures each will stack below the previous. */
	float: right; /* Moves the image to the right side of its container and allows text to flow around its left side. */
	margin: 0 0 .5em 1.5em; /* Creates space to the left and bottom of the image. */
	}
.img_center{
	margin: 0 0 0 0; /* Creates space to the left and bottom of the image. */
	}
.left {
	clear: left; /* Keeps left floated pictures from hooking on other left floated pictures and ensures each will stack below the previous. */
	float: left; /* Moves the image to the left side of its container and allows text to flow around its right side. */
	margin: 0 1em 1em 0; /* Creates space to the right and bottom of the image. */
	border: none;
	}
.right {
	clear: right; /* Keeps right floated pictures from hooking on other right floated pictures and ensures each will stack below the previous. */
	float: right; /* Moves the image to the right side of its container and allows text to flow around its left side. */
	margin: 0 0 1em 1em; /* Creates space to the left and bottom of the image. */
	border: none;
	}

#overlay {
	float: none;
	width: 100%;
	padding: 1px 0; /* just to prevent margin collapsing */
}

table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000099;
}

.TableTitle {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
.red {
	font: Arial, Helvetica, sans-serif;
	color: #FF0000;
}
.gray {
	color: #999999;
}
.TblLgTxt {

	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000099;
}