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

/* Global Font Size, Color, Font-Family Settings in Body */
body
{
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	background-image: url(images/background_tile.gif);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.25;
	color: #808080;
	}
	
/* Global Link Colors */
a:link
{
	text-decoration: underline;
	color: #1670B9;
	}
	
a:hover
{
	text-decoration: underline;
	color: #1670B9;
	}
	
a:visited
{
	text-decoration: underline;
	color: #808080;
}

/* Global Font Size, Color, Font-Family Settings in Body */
.bodyCopy
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.25;
	color: #808080;
	}
	
/* Global Font Size, Color, Font-Family Settings in Body */
.bodyTitles
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.25;
	color: #808080;
	}


/* Main Site Container, makes it centered on page */
#container
{
	Border: 1px solid #808080;
	width: 853px;
	margin: 10px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	}
	

/* Holds header image, can be re-used. */
.banner
{
	width: 853px;
	}
	

/* Left Column Container, holds all items on left side, including navigation. */
#LeftColumnContainer
{
	Float: left;
	width: 293px;
	}
	
/* Inside Left Column Container, Navigation holds all menu items inside. */
#navigation
{
	width: 293px;
	}
	
/* Inside Left Column Container, Flash Advertisement for File-Works. */
#flash
{
	width: 273px;
	padding: 0 0 0 0px
	}
	
/* Inside Left Column Container, Navigation holds all menu items inside. */
.LeftContentBox
{
	width: 200px;
	border-right: 2px dotted #808080;
	border-bottom: 2px dotted #808080;
	padding: 20px 37px 20px 20px;
	}
	
/* Inside Left Column Container, Navigation holds all menu items inside. */
.LoginBox
{
	width: 200px;
	border-right: 2px dotted #808080;
	padding: 20px 37px 20px 20px;
	}
	
	
/* Right Column Container, holds all items on right side. */
#RightColumnContainer
{
	Float: left;
	width: 560px;
	}
	
/* Inside Right Column Container, Image Box holds the bottom image of the photo and the navigational icons. */
.imageBox
{
	width: 560px;
	}
	
/* Inside Right Column Container, Holds the main content with Title. Can re-use. */
.RightContentBox
{
	width: 520px;
	color:#404040;
	padding: 20px 20px 10px 20px;
	}
	
/* Two Colunm Container, Holds RightBodyContent, and Flash. */

#TwoColumnContainer
{
	width: 560px;
	}
	
/* Inside Right Column Container, Holds the main content with Title. Can re-use. */
#RightBodyContent
{
	Float: left;
	width: 260px;
	padding: 0px 20px 0px 20px;
	}
	
	
.input {
	color: #1670B9;
	background-color: #FFFFFF;
	border: 1px solid #808080;
}
	

/* Header titles use for main content. */
.header
{
	font-size: 16px;
	color: #1670B9;
	font-weight: bold;
	}

/* Main titles when starting new text, makes it larger than the other text and bolds it */
.titles
{
	font-size: 12px;
	color: #1670B9;
	font-weight: bold;
	text-transform: uppercase;
	}

hr 
{
	border: none 0px;
	text-align: left;
	border-top: 2px dotted #808080;
	width: 100%;
	height: 2px;
}

/* Style of bullets. */
ul {
	list-style-type: square;
}


/* 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;
	}
	
/* Footer Link settings */
#footer a:link
{
	color: #1670B9;
	}
	
#footer a:hover
{
	text-decoration: underline;
	color: #1670B9;
	}
	
#footer a:visited
{
	text-decoration: underline;
	color: #808080;
	}	

/* Footer Div properties */
#footer
{
	clear: both;
	width:: 857px;
	text-align: center;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	color: #666666;
	font-size: 11px;
	}