/*==============================
	GLOBALS
Sets the default document font size, family
and color
===============================*/
body
{
	background-image: url(SiteImages/background_dp.jpg);
	font-family:Arial;
	font-size:12px; 
	color:#3f4a4e;
	/* min-height lets your site grow vertically 
	(like in tables). */
	min-width:1000px;
	max-width:1024px;
	/* By setting these to auto you are centering the 
	site */
	margin-left:auto;  
	margin-right:auto; 

}

/*==============================
	HEADER WRAPPER
===============================*/

.header-logo
{
	float:left; 
	height:144px; 
	width:310px; 
}
/* This sets the position of the motto  */
.header-motto
{
	float:left; 
	height:144px;
	width:690px;  
}


/*==============================
	SUB HEADER 
===============================*/
.subheader
{
	float:left; 
	/*The width of the menu */
	min-height:58px;
	max-height:58px;
	/*The font of all the text in the menu */
	font-family:Arial; 
}
.subheaderTitleBox
{
	float:left;
	min-height:58px;
	max-height:58px;
	min-width:678px;
}

.subheaderTitleSpacer
{
	min-height:8px;
	max-height:8px;
	min-width:678px;
	max-width:678px;

}
.subheaderTitleTop
{
	min-height:4px;
	max-height:4px;
	min-width:678px;
	max-width:678px;
	background:url(SiteImages/main_top.gif);
}
.subheaderTitle
{
	background-color:#FFFFFF;
	min-width:678px;
	max-width:678px;
	/*The width of the menu */
	min-height:46px;
	max-height:46px;
 	/*The font of all the text in the menu */
	font-family:Arial; 
	color:#3f4a4e; 
	font-size:12px;

}
/*==============================
	MENU 
===============================*/
.menubackground
{
	float:left; 
	/*The width of the menu */
	min-width:221px;
	min-height:530px;
	max-height:530px;
	background:url(SiteImages/menu_center.gif);
}

.menuspacer
{
	float:left; 
	min-width:20px;
	min-height:530px;
	max-height:530px;
}

.portfolio-menu
{
	float:left; 
	/*The width of the menu */
	min-width:180px;
	/*The font of all the text in the menu */
	font-family:Arial; 
}
 
/*The Portfolio Title */
.portfolio-menu h1
{
	margin:2px; 
	color:#3f4a4e; 
	font-size:18px; 
}
/* Like before we just apply some styles to the list */
.portfolio-menu ul
{
	margin:0;
	padding-left:15px; 
	list-style:none; 
}
/* We have to apply a style to the links in the list, otherwise
they will default to the browser standard. (which is normally
blue with an underline.) */
.portfolio-menu a
{
	font-size:12px;
	/* text-decoration removes the underline */
	text-decoration:none; 
 
	color:#3f4a4e; 
}
.portfolio-menu li
{
/*	background:url(SiteImages/triangle-idle.gif); */
	background-repeat:no-repeat; 
	background-position:center left; 
	margin-bottom:5px; 
	padding-left:15px; 
/*	border:solid thin black; */
 
}
/* hover is a pseudo class, you can set styles for when
the user puts their mouse over an element. No Javascript
needed! */
.portfolio-menu li:hover
{
/*	background:url(SiteImages/triangle-active.gif); */
	background-repeat:no-repeat;
	background-position:center left; 
}
/*==============================
		MAIN
===============================*/
.mainbox
{
	float:left; 
	min-width:779px;
	max-width:779px;
	min-height:530px;
	max-height:530px;
}

.mainleft
{
	float:left; 
	/*The width of the menu */
	min-width:12px;
	min-height:530px;
	max-height:530px;
	background:url(SiteImages/main_left.gif);
}
.main
{
	float:left; 
	background-color:#FFFFFF;
	min-width:755px;
	max-width:755px;
	min-height:530px;
	max-height:530px;
	/*The font of all the text in the menu */
	font-family:Arial; 
	color:#3f4a4e; 
	font-size:12px;

}
.mainright
{
	float:left; 
	/*The width of the menu */
	min-width:12px;
	min-height:530px;
	max-height:530px;
	background:url(SiteImages/main_right.gif);
}
/*==============================
	SUB MAIN 
===============================*/
.submain
{
	float:left; 
	min-height:8px;
}
.submainTitleBox
{
	float:left;
	min-height:8px;
	min-width:678px;
}

.submainTitleSpacer
{
	min-height:8px;
}
.submainTitleTop
{
	min-height:4px;

}
.submainTitle
{
	min-width:755px;
	min-height:8px;
}

/*==============================
		FOOTER
===============================*/
.footer
{
	/* clears are the sisters to float, it's 
	time to meet the whole family :) */
	clear:left; 
	height:16px; 
	background:url(images/footer.gif); 
}