/* 
  ------------------------------------------------
  PVII CSS Page Builder Magic
  Copyright (c) 2011 Project Seven Development
  www.projectseven.com
  02: 1 Col Fixed
  ------------------------------------------------
*/

/*Min-width determines the point at which your layout width will cease to shrink horizontally and your browser will spawn a horizontal scroll bar.*/
body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #000;
	background-color: #80001c;
	background-image:url(../images/backtile.gif);
	background-repeat:repeat-x;
	margin: 0;
	padding: 0px;
}

.toprowcontainer {
	width: 980px;
	margin: 0 auto;
	padding-bottom: 35px;
}
/*Main Layout Container. The entire page is inside this element. Border-radius creates curved corners. Background color provides the background for all child elements not having a specific background set, such as the masthead and the footer. The padding effectively creates a 1px border around the container. We also assign a box-shadow effect.*/
.content-wrapper {
	background-color: #fff;
	padding: 1px;
	margin: 0 auto;
	-webkit-box-shadow: 0 0 10px #999;
	box-shadow: 0 0 10px #999;
	width: 980px;
}
/*The containing element for the the main content. We simply set the content area to have a white background.*/
.columns-wrapper { 
	background-color: #FFF; 
}
/*This container is inside the columns wrapper and serves as a container for the content inside, allowing you to adjust whitespace (padding) without altering the CSS box model. This is the rule to use to set text attributes for your main content.*/
.content {
	padding: 30px;
	font-size: 14px;
	line-height: 1.5em;
}
.interiorwrapper {
	overflow: hidden;
}
.interiorA {
	float: left;
	width: 550px;
}
.interiorB {
	margin-left: 570px;
	text-align: right;
}
.clearfloat {
	clear: both;
}

/*A utility rule assigned to the first heading to remove all margins. This class can be used on any element for which you would like to remove margin.*/
.page-topper { 
	margin: 0px; 
}

/*Heading styles*/
h1, h2, h3, h4 { margin: 30px 0 0 0; }
h1 { font-size: 22px; font-weight: normal; color: #80001c;}
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }

/*Misc. Typographic Styles*/


/*A utility rule assigned to the first heading to remove all margins. This class can be used on any element for which you would like to remove margin.*/
.page-topper { margin-top: 0.25em; }

/*Lists: We reduce normal indentation and remove bullets for ordered and unordered lists  when placed in a sidebar*/
.sidebar ul, .sidebar ol, .sidebar2 ul, .sidebar2 ol {
	margin: 0 0 0 .5em;
	padding: 0 0 0 .5em;
	line-height: normal;
}
.sidebar li, .sidebar2 li { 
	margin-bottom: 4px; 
}

/*Ordinary Link Styles*/
.content a { color: #80001c; text-decoration: none;}
.content a:hover, .content a:focus { color: #80001c; text-decoration: underline;}
.footer a { color: #689BF0; }
.footer a:hover, .footer a:focus { color: #FFF; }


.menucontainer {
}
.homepic {
	float: right;
	margin: 0 0 25px 55px;
}
.hometopic {
	margin-bottom: 20px;
}

/*The Footer*/
.footer {
	width: 980px;
	margin: 0 auto;
	padding: 10px 30px;
	font-size: 11px;
	color: #FFF;
}
.footer p.copyright {
	text-transform: uppercase;
	margin: 0px;
}
.footer p.copyright2 {
	font-size: 11px;
	color: #c57474;
	padding: 20px 0;
	margin: 0px;
}
.footer p.copyright2 a {
	color: #c57474;
	text-decoration: none;
}
.footer p.copyright2 a:hover {
	color: #c57474;
	text-decoration: underline;
}
/*P7MOBILE Styles. These styles will be used only by mobile devices (phones and tablets) and will be ignored by desktop and laptop browsers.*/
body.p7mobile { 
	-webkit-text-size-adjust:100%; 
	min-width: 0;
	margin: 1em;
}
.p7mobile .content-wrapper {
	width: auto;
}
.p7mobile .content {
	padding: 1.5em;
	font-size: large;
	line-height: 1.35em;
}
.p7mobile .menutop li {
	margin-bottom: 5px;
}
.p7mobile .menutop a, .p7mobile .footer  { 
	font-size: large; 
}