@charset "UTF-8";
/* CSS Document */

/* Global Font Size, Color, Font-Family Settings in Body */
body
{
	margin: 0px;
	padding: 0px;
	background-image: url(images/background_tile.jpg);
	background-repeat: repeat;
  	font: 12px Helvetica, Arial, sans-serif;
	line-height: 16px;
	color: #747474;
	}
	
/* Global Link Colors */
a:link
{
	text-decoration: underline;
	color: #b30c0d;
	
	}
	
a:hover
{
	text-decoration: none;
	color: #b30c0d;
	}
	
a:visited
{
	text-decoration: underline;
	color: #b30c0d;
	}

	
td, textarea, input, select 
{
  	font: normal 12px Helvetica, Arial, sans-serif;
	font-weight: normal;
	line-height: 16px;
	color: #747474;
	}
	
#container
{
	margin: 0px;
	padding: 0px;
	width: 990px;
	background-color: transparent;
}

/* Div that holds the star burst, position is absolute */
#paintSplat
{
	position: absolute;
	top: 400px;
	left: 650px;
	height: 215px;
	width: 235px;
	background-color: transparent;
	}
	
/* Div that holds the Alside Logo, position is absolute */
#alside
{
	position: absolute;
	top: 920px;
	left: 740px;
	height: 38px;
	width: 82px;
	background-color: transparent;
	}
	
#popUp
{
	width: 450px;
	margin: 15px;
	border: double #000000;
	padding: 15px;
	background-color: #FFFFFF;
	}


/* Banner that can be re-used that fits the total width of the Container */
.banner
{
	width: 990px;
	}
	

/* Div that holds the Latest Project images */
.image
{
	margin-right: 13px;
	}
	

/* Navigation Container holds all navigation items and images */
#navigationBOX
{
	float: left;
	width: 350px;
	}
	
/* Navigation Container holds just the navigation */
#navigation
{
	float: left;
	width: 236px;
	}
	
/* Navigation Container holds the image to the left of the navigation  */
#navigationIMAGE
{
	float: left;
	width: 114px;
	}
	
/* Right Column Container next to the navigation that holds the bottom image headers. */
#header
{
	float: left;
	width: 640px;
	}

	

/* Container that holds all the content and images on the left side below the navigation */
#LcolumnContainer
{
	float:left;
	background-image: url(images/Lcolumn_bkgTile.jpg);
	background-repeat: no-repeat;
	width: 350px;
	height: 469px;
	}
	
/* Container that holds all the content in the left column container */
#LcolumnContent
{
	width: 186px;
	padding: 0 10px 0 150px;
	text-align: center;
	}
	
/* Container that holds all the content and images on the right side below the header */
#RcolumnContainer
{
	float: left;
	width: 640px;
	height: 469px;
	}
	
/* Content div used to hold the Welcome Content inside the RcolumnContainer... */
#welcomeBanner
{
	width: 610px;
	height:156px;
	padding-left: 30px;
	background-image: url(images/Rcolumn_bkg01.jpg);
	background-repeat: no-repeat;
	}
	
/* Content div used to hold the Project Content inside the RcolumnContainer... */
#projectBanner
{
	width: 610px;
	height: 211px;
	padding-left: 30px;
	background-image: url(images/Rcolumn_bkg02.jpg);
	background-repeat: no-repeat;
	}
	

/* Content div used to hold the Project Content inside the RcolumnContainer... */
#insideBanner
{
	width: 610px;
	height: 368px;
	padding-left: 30px;
	background-image: url(images/Rcolumn_bkg04.jpg);
	background-repeat: no-repeat;
	}
	
/* Content div used to hold the Copyright inside the RcolumnContainer... */
#copyright
{
	width: 610px;
	height: 102px;
	padding-left: 30px;
	background-image: url(images/Rcolumn_bkg03.jpg);
	background-repeat: no-repeat;
	font-size: 9px;
	color: #8b8b8b;
	line-height: 13px;
	}
	
/* Style of bullets. */
ul {
	list-style-type: square;
	overflow: none;
	font: 11px Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #b30c0d;
	line-height: 15px;
	}
	
ul a:link
{
	text-decoration: underline;
	color:#747474;
	}
	
ul a:hover
{
	text-decoration: none;
	color: ##747474;
	}
	
ul a:visited
{
	text-decoration: underline;
	color: #747474;
}
	


/* Global settings for Horizontal Rules */
hr
{
	border: none;
	background-color:#ffffff;
	color: #ffffff;
	height: 1px;
	margin: 3px 0px 20px 0px;
	}

	
.BulletedListUL
{ 
	list-style-image: url(images/arrow.jpg);
	font: normal 11px Helvetica, Arial, sans-serif;
	color: #747474;
	line-height: 15px;
	}
	
.BulletedListUL a:link
{
	text-decoration: underline;
	color: #b30c0d;
	}
	
.BulletedListUL a:hover
{
	text-decoration: none;
	color: #b30c0d;
	}
	
.BulletedListUL a:visited
{
	text-decoration: underline;
	color: #b30c0d;
}

.squareBulletUL
{ 
	list-style-image: url(images/4square.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2b4ca8;
	line-height: 15px;
	text-transform: uppercase;
	margin-left: -10px;

	}
	
.squareBulletUL a:link
{
	text-decoration: underline;
	color: #2b4ca8;
	}
	
.squareBulletUL a:hover
{
	text-decoration: none;
	color: #b30c0d;
	}
	
.squareBulletUL a:visited
{
	text-decoration: underline;
	color: #2b4ca8;
}
	
/* A class that clears both, and has nothing in it. If you stick it directly under floating divs, but inside of the container div, it will recognize the floats, plus the container will recognize the fixer, allowing the container div to expand vertically correctly. */
.fixer
{
	clear: both;
	margin: 0px;
	padding: 0px;
	}


.text01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #b30c0d;
	font-weight: bold;
	}
.text02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #b30c0d;
	font-weight: bold;
	}
.text03 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b30c0d;
	font-weight: bold;
	}
.text04 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #b30c0d;
	font-weight: bold;
	}
.text05 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b30c0d;
	font-weight: normal;
	}

.text06 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #878787;
	font-weight: bold;
	}
.text07 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #878787;
	font-weight: bold;
	}
.text08 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #878787;
	font-weight: bold;
	}
.text09 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #878787;
	font-weight: bold;
	}

.text10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333435;
	font-weight: bold;
	}
.text11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333435;
	font-weight: bold;
	}
.text12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333435;
	font-weight: bold;
	}
.text13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333435;
	font-weight: bold;
	}
.text14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333435;
	font-weight: normal;
	}
	
.text15 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #b30c0d;
	font-weight: bold;
	text-transform: uppercase;
	}