﻿/*
================================
Meco Miami StyleSheet
by Neo Tokyo Technologies, Inc.
www.neotokyotech.com
================================
*/	
	

/***********************************/
/*          DESIGN ELEMENTS        */
/***********************************/


/*body:: controls page baground and any other fonts not defined below*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #333;
    margin: 10px 30px 10px 30px;
    min-height: 100%;
	font-weight: Normal;
}

/*container:: specific div that controls the main body of the page*/
#container {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	background-color: #f0bc20;
	margin-top: 20px;
	top: 30px;
}

#tltcol {
	background: transparent url("http://www.mecomiami.com/graphics/11.gif") top left no-repeat;
	height: 31px;
}


#trtcol {
	background: transparent url("http://www.mecomiami.com/graphics/22.gif") top right no-repeat;
	height: 31px;
	margin-top: -31px;
}

p.trtcol {
    font-family: Verdana, Arial, helvetica, Sans-serif;
    font-size: 7pt;
    color: #000000;
    text-align: right;
    font-weight: bold;
    position: absolute;
    top: 20px;
    right: 60px;
}

#lftcol {
    background: transparent url("http://www.mecomiami.com/graphics/sides.jpg") left repeat-y;
    margin-left: 0;
    height: 100%;
}

#rgtcol {
    background: transparent url("http://www.mecomiami.com/graphics/sides.jpg") right repeat-y;
    margin-right: 0;
    height: 100%;
}

#bltcol {
	background: transparent url("http://www.mecomiami.com/graphics/33.gif") bottom left no-repeat;
	height: 31px;
}


#brtcol {
	background: transparent url("http://www.mecomiami.com/graphics/44.gif") bottom right no-repeat;
	height: 31px;
	margin-top: -31px;
}

/*container:: specific div that controls the main body of the page*/
#content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	margin-left: 31px;
	margin-right: 31px;
}

/*intro:: specific div that controls the introduction of a page*/
#intro { 
	min-width: 470px;
	}

div.emblem {
    width: 400px;
    height: 400px;
    text-align:center;
    margin: 0 auto;
}

/***********************************/
/*         HEADERS & TITLES        */
/***********************************/


/*menu-headers:: menu header appearance*/
.menu-headers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
	font-weight: normal;
	background-color: #99CCFF;
	text-decoration: none;
	line-height: 20px;
	border: solid;
	border-bottom-width: 1px;
	border-left: none;
	border-right: none;
	border-top: none;
	border-color: #ffffff;
}

/*pageHeader:: page title positioning and appearance*/
#pageHeader h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #5f815f;
	margin-left: 30px; 
	position: absolute; 
	top: 40px; 
	left: 40px;
}

/*menu:: menu bar appearance*/
.menu {
	margin-left: none;
	margin-top: none;
	border-right: none;
	border-top: none;
}


/***********************************/
/*          GENERAL FONTS          */
/***********************************/


/***********************************/
/*              LINKS              */
/***********************************/


/*A:: appearance of links before a user clicks or mouse overs on them*/ 	 
A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: Normal;
	color: #585C5F;
	text-decoration: none;
}
	
/*A:hover:: appearance of links when a user passes their mouse over them*/ 	 	
A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: Normal;
	color: #585C5F;
	text-decoration: none;
}

/*A:visited:: appearance of links after a user has visited that page*/ 
A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-family: 11px;
	font-weight: normal;
	color: #585C5F;
	text-decoration: none;
}
	
/*A:visited:hover:: appearance of links when a user hovers over a page they have visited*/ 	 
A:visited:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #585C5F;
}

/*acronym:: appearance of acronyms with title atribute*/
acronym {
	border-bottom: none;
	}

#links {
    text-align: center;
}

#linkPage {
	position: absolute; 
	top: 30px; 
	left: 10px;
	margin-left: 60px; 
	}

#linkPage p {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: Normal;
	color: #585C5F;
	}

#linkPage a {
	text-decoration: none;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: Normal;
	color: #585C5F;
	}

#siteMap a.sub {
    font-size: medium;
}

#siteMap a.main {
    font-size: large;
}

h1.title {
    text-align:center;
}

h2.news {
    font-family:Cambria, Verdana;
    border-top-style:dashed;
    border-top-width:thin;
    margin: 40px 0 0 0;
    }

#supportingText {
    margin: 10px 15px 0 10px;
}

#supportingText p {
    font-size: medium;
    font-family: Cambria, Verdana;
    left: 10px;
    margin-left: 15px;
}

#quickSummary {
    margin: 10px 15px 0 10px;
    left: 10px;
    font-family: Cambria, Verdana;
}

#quickSummary a {
    margin: inherit;
	font-family: Cambria, Verdana;
	font-size: medium;
	font-weight: normal;
	color: #000000;
}

#quickSummary p.p1 {
    font-size: medium;
}

#quickSummary ol.p1 {
    list-style-type: lower-alpha;
    font-size: medium;
}

#quickSummary p.news_date {
    font-size: x-small;
    margin: auto 30px auto 20px;
    text-decoration: none;
}

p.news_date
{
    font-family:Cambria, Verdana;
    font-size:small;
    margin: auto 30px auto 20px;
    text-decoration: none;
}

#filler
{
    margin-top:300px;
}

.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom_images a img
{
    opacity: 0.75;
}

/***********************************/
/*             FOOTER              */
/***********************************/


/*footer:: displays at the very bottom of the site, copyright and design notices*/
div.footer {
    margin-top: 300px;
    vertical-align: bottom;
    
}

#footer p, a:link, #footer a:visited {
    text-decoration:none;
    color:Black;
    text-align:center;
    font-family:Verdana;
    font-size:x-small;
    margin: auto;
    margin-left: 31px;
}

p.bltcol {
    font-family: Verdana, Arial, helvetica, Sans-serif;
    font-size: 7pt;
    color: #000000;
    text-align: left;
    font-weight: bold;
    vertical-align: bottom;
    margin-left: 30px;
}
