/* ------------------------------------------------------------------------------- */
/* Over-ride tag. This will apply to all elements. */
* {
   font-family: Verdana,Arial,Georgia,Garamond,Times,Helvetica,sans-serif,serif;
   font-size:12px;
}

html {
	width:100%;
	height:100%;
}

/* The container is the set of body tags that encompass the entire page */
/* This is where to set the "min-width" and "max-width" attributes for the page  */
body {
   text-align:left;
   margin: 0px;
   padding: 0px;

   width:100%;
   height:100%;

   color: #000000;
   background: #000000;
   background-image:url('images/commercial/background.jpg');
   background-position:0px 0px;
}

DIV#main {
	width:780px;
	margin-left:100px;

}
/*--------------------------------------------------------------------
*   DIV#header contains the most top image on the site
*---------------------------------------------------------------------*/
DIV#header {
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/*--------------------------------------------------------------------
*   DIV#nav_container positions the nav text 233px to the left and
*					  holds the nav text along with the nav dividers
*---------------------------------------------------------------------*/
DIV#nav_container {
	display:block;
	margin:0px 0px 0px 0px;
	padding-left:233px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	background-color:#fda902;
	background-image:URL('images/commercial/index_left_nav.jpg');
	background-repeat:no-repeat;
	background-position:0px 0px;
	color:#FFFFFF;
	width:547px;
	height:33px;
	vertical-align: middle;
}


/**********************************NAVIGATIONAL CSS******************************************/
/*--------------------------------------------------------------------
*   this handles an IE display issue related to the padding-left
*	property above.  In FF the padding effects the width; however,
*	in IE padding-left doesn't affect the width.
*---------------------------------------------------------------------*/
* html body DIV#nav_container {
	width:780px;
}

/*--------------------------------------------------------------------
*   P inside DIV#nav_container will create a vertical divider
*---------------------------------------------------------------------*/
DIV#nav_container p {
	display:block;
	position:relative;
	float:left;
	width:2px;
	height:33px;
	background-image:url('images/commercial/nav_divider.jpg');
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;


}

/*--------------------------------------------------------------------
*   A DIV element inside nav_container will result in a container
*	for the navigational text.
*---------------------------------------------------------------------*/
DIV#nav_container DIV {
	display:block;
	float:left;

	vertical-align:middle;

	padding-top:10px;
	padding-left:9px;
	padding-right:9px;
	padding-bottom:0px;
	margin:0px 0px 0px 0px;

	height:23px;

	font-size:13px;
}

DIV#nav_container DIV:hover {
	background-color:#EF9D00;
}

* html body DIV#nav_container DIV {
	padding-top:8px;
}

DIV#nav_container DIV A, DIV#nav_container DIV A:active, DIV#nav_container DIV A:link, DIV#nav_container DIV A:visited {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
}

DIV#nav_container DIV A:hover {
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:normal;
}



/**********************************Third layer down (header, nav bar and this******************************************/
DIV#content_box {
	display:block;
	position:relative;
	float:left;

	background-image:URL('images/commercial/tintpros.jpg');
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-color:#636a72;

	padding-left:34px;
	padding-right:34px;
	padding-top: 20px;
	padding-bottom:20px;
	margin:0px 0px 0px 0px;

	width:165px;
	height:172px;

	color:#ffffff;
	font-style:italic;

}


DIV#content_box A {

	color:#ffffff;

}


* html body DIV#content_box {
	width:233px;
	height:212px;
    overflow:hidden;
}
DIV#fancypicture {
	display: block;
	position:relative;
	float:left;

	background-color:#636a72;

	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/**********************************content area (forth layer down******************************************/
DIV#lower_container {
	position: relative;
	clear:both;
	width:780px;

	background-color:#273552;

	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;

}

DIV#lower_container DIV#left {
	position: absolute;
	top: 0px;
	left: 0px;

	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;

	width:233px;
    height:250px;
    
	background-color:#273552;
}

DIV#lower_container DIV#left DIV#text {
    display:block;

    padding:10px 10px 10px 10px;
    margin:0px 0px 0px 0px;
    
    color:white;
}

DIV#body_container {
	display: block;
	position: relative;	
	width: 546px;
	background-color: #FFFFFF;
	background-image: url('images/commercial/index_left_shade.jpg');
	background-repeat: no-repeat;
	background-position: 0px 46px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 233px;
}



DIV#body_container DIV#body_text {
	display:block;
	clear:both;

	margin:0px 31px 21px 31px;
	padding:0px 0px 0px 0px;
}

DIV#body_text SPAN {
    font-weight:bold;
}

#body_container .column
{
	width: 320px;
}

#body_container .columnRightMost 
{
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 0px;
	width: 200px;
}	

#body_container .columnRightMost ul
{
	margin: 20px 0px 0px 10px;
	padding: 0px;
	list-style: none;
}

#body_container .columnRightMost li
{
	float: left;
	width: 90px;
	color: #7F7F7F;
	margin: 0px;
	padding: 0px 5px 10px 0px;
	font-size: 10px;
	text-align: center;
}

#body_container .columnRightMost ul img
{
	margin-bottom: 3px;
	border: 0px;
}

#body_container .columnRightMost div
{
	clear: left;
	text-align: center;
	margin-top: 20px;
}

#network_links
{
	padding-top: 15px;
	text-align: center;
}

/**********************************Footer CSS******************************************/

DIV#myFooter_container {
	display:block;
	clear:both;
	margin:0px 0px 0px 0px;
	padding-left:233px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;

	background-color:#636A72;

	width:547px;
	height:33px;

	vertical-align: middle;
	text-align:left;
}

 * html body DIV#myFooter_container {
	width:780px;
}

DIV#myFooter_container p {
	display:block;
	position:relative;
	float:left;
	width:2px;
	height:33px;
	background-image:url('images/commercial/footer_divider.jpg');
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;


}

DIV#myFooter_container DIV {
	display:block;
	vertical-align:middle;
	float:left;
	padding-top:10px;
	padding-left:9px;
	padding-right:9px;
	padding-bottom:0px;
	margin:0px 0px 0px 0px;
	height:23px;
	color:#ffcc00;
}

DIV#myFooter_container DIV:hover {
	background-color:#373E46;
}



DIV#myFooter_container DIV A, DIV#myFooter_container DIV A:active, DIV#myFooter_container DIV A:link, DIV#myFooter_container DIV A:visited {
	color:#ffcc00;
	text-decoration:none;
	font-weight:normal;
}

DIV#myFooter_container DIV A:hover {
	color:#ffcc00;
	text-decoration:underline;
	font-weight:normal;
}

.spacer {
	display:block;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#FFFFFF;
	height:1px;
	width:1px;
	clear:both;
}


p.copyright {
	clear:both;
	font-size:12px;
	text-align:center;
	margin-left:100px;
	width:780px;
	color:#999999;
	margin-top:0px;
	padding-top:4px;
}


/* ------------------------------------------------------------------------------- */
/* 								FORMATED TEXTUAL ELEMENTS						   */
a img {
   border: none;
}

h1,h1.gold {
    display:block;
    
    font-family:Arial;
    font-size:15px;
    color:#105F88;
    margin-top:0px;
    padding-top:0px;
}

h1.gold {
    color:#FFA802
}

h2 {
    display:block;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    
    font-size:12px;
    font-weight:bold;
}

A {
    color:#ffa200;
}

A:hover {
    color:#ffa200;
}