/* Start of CMSMS style sheet 'arcolaStyles' */
@charset "UTF-8";
/* CSS Document */

/************************************************************************

	Site:		thearcolacenter.com

	Author:		eROI, James Hall, Leslie Brown [www.eroi.com]  

	Client:		Buchanan Partners [http://www.buchananpartners.com/]

	Listing Order:
	==============

	1 - Global
	2 - Header/Menu
        3 - Container/Layout
        4 - Left Col
        5 - Right Col
        6 - Footer
	

************************************************************************/

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

body {
	background:#daddc6;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:small;
	color:#333333;
	line-height:140%;
	margin:0px;
	padding:0px;
}

html, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, input, select, div, p, img, table, td { 
	margin:0; 
	padding:0; 
}

h1{
	font-size:150%;
	color:#ff6603;
}

h2{
	font-family:"Times New Roman", Times, serif;
	color:#5a7060;
	font-size:140%;
	margin:10px 0px;
}

a{
	text-decoration	: none;
	color:#597164;
        font-weight:bold;
}

a:hover{
	text-decoration	: underline;
}

a:focus {outline: 0;}

/* all hr tags clear both */
hr{
	clear:both;
	height:0px;
	border:0px;
	padding:0px;
	margin:0px;
	width:0px;
	visibility:hidden;
}

img{
	border:none;
        margin-right:5px;
}

img.withBorder{
	border:2px solid #7e4c41;
	padding:1px;
	background-color:#FFFFFF;
	display:block;
        margin-bottom:10px;
}

/***********************************************************************
	2 - Header/Menu
************************************************************************/

div#headerHome{
	background:url(uploads/images/siteImgs/homeHeaderBG.jpg) top left no-repeat;
	width:788px;
	height:26px;
	margin-left:6px;
	padding-top:230px;
        position:relative;
}

div.homeLink{
        width:300px;
        height:108px;
        right:0px;
        top:0px;
        position:absolute;
}
div.homeLink a{display:block;width:100%;height:100%;}

div#nav{overflow:hidden;height:20px;}
div#nav ul{list-style:none;height:20px;}
div#nav ul li{display:inline;float:left;height:20px;}
div#nav ul li a{display:block;width:100%;height:100%;}
div#nav ul li a:hover{
        margin:0px;border:0px;padding:0px;text-decoration:none;width:100%;height:100%;
}
div#nav ul li a span{visibility:hidden;}

div#headerSub{
	background:url(uploads/images/siteImgs/subHeaderBG.jpg) top left no-repeat;
	width:788px;
	height:26px;/*134*/
	margin-left:6px;
	padding-top:108px;
}

li#whatIsArcola{
	width:158px;
}
li#whatIsArcola a:hover{
	width:158px;
        background:url(uploads/images/siteImgs/whatIsArcolaOver.gif) top left no-repeat;
}

li#theArea{
	width:157px;
}
li#theArea a:hover{
	width:157px;
        background:url(uploads/images/siteImgs/theAreaOver.gif) top left no-repeat;
}

li#developersAndPartners{
	width:158px;
}
li#developersAndPartners a:hover{
	width:158px;
        background:url(uploads/images/siteImgs/devAndPartnersOver.gif) top left no-repeat;
}

li#newsRoom{
	width:157px;
}
li#newsRoom a:hover{
	width:157px;
        background:url(uploads/images/siteImgs/newsRoomOver.gif) top left no-repeat;
}

li#contactUs{
	width:158px;
}
li#contactUs a:hover{
	width:158px;
        background:url(uploads/images/siteImgs/contactUsOver.gif) top left no-repeat;
}



/***********************************************************************
	3 - Container/Layout
************************************************************************/


div#containerTopCap{
	background:url(uploads/images/siteImgs//containerTopCap.gif) top left no-repeat;
	width:800px;
	height:6px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-top:50px;
}

div#container{
	background:url(uploads/images/siteImgs//containerBG.gif) top left repeat-y;
	width:800px;
	margin-left:auto;
	margin-right:auto;
        position:relative;
}

div#containerBottomCap{
	background:url(uploads/images/siteImgs//containerBottomCap.gif) top left no-repeat;
	width:800px;
	height:6px;
	margin-left:auto;
	margin-right:auto;
}

div#content{
	width:788px;
}

/***********************************************************************
	4 - Left Col
************************************************************************/

div#leftCol{
	width:510px;
	float:left;
	padding-left:25px;
	padding-top:25px;
        padding-bottom:25px;
        font-size:95%;
}

div#leftCol p{
	width:490px;
	margin:10px 0px;
}

div#leftCol h2{
        font-size:180%;
}

div#leftNewsletterSignup{
	margin-bottom:45px;
}

/***********************************************************************
	5 - Right Col
************************************************************************/

div#rightCol{
	width:230px;
	float:left;
	padding-top:5px;
	padding-left:20px;
}

div#rightCol h2, div#rightCol h3{
	margin-left:10px;
}

div#rightCol p{
	margin-left:10px;
	font-size:90%;
	margin-top:10px;
	margin-bottom:20px;
}

div#rightCol ul{
       list-style:none;
       margin:5px 0px;
       font-size:90%;
       margin-left:10px;
}

/***********************************************************************
	6 - FOOTER
************************************************************************/

div#footer{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	margin-top:8px;
	margin-left:auto;
	margin-right:auto;
	width:680px;
	text-align:center;
}

div#footer ul{
	margin-left:auto;
	margin-right:auto;
}

div#footer ul li{
	display:inline;
}

div#footer ul li a{
	color:#49382a;
}

/* End of 'arcolaStyles' */

