/*
 * style.css - Stylesheet for Me and My Mac website
 */ 
@import url(/indexStyles.css);

/*
 * Look! Colors!!
 *
 * Sidebar
 *  color   #999999
 *  width   171px
 *
 * Main
 *  color   #ffffff
 *  width   588px
 *
 *

 */
html, body
	{
	height: 100%;
	}

h1
	{
	display: none;
	}

body
	{
	background: #fff;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	}

#container
	{
	width: 759px;
	margin: auto;
	padding-bottom: 1em;
	}
#container2
	{
	width: 759px;
	margin-left: 1px;
	border-bottom: 25px solid #0000;
	background: #ccc; 
	}

#header
	{
	width: 100%;
	padding: 0;
	background: #fff;
	height: 141px;
	width: 759px;
	background-image: url(images/flag.jpg);
	}

#ti\tle
	{
	display: list-item;
	list-style-image: url(images/flag.jpg);
	list-style-position: inside;
	letter-spacing: -1000em;
	font-size: 1pt;
	color: #fff;
	}

#sidebar
	{
	text-align: right;
	float: left;
	width: 160px;
	margin-top: 1em;
	margin-top /* */: 0;
	margin-left: 1px;
	color: #999;
	}

#sidebar a span
	{
	display: none;
	}

div#sidebar a:hover span
	{
	display: block;
	position: absolute; top: 580px; /*left: 0;*/ width: 125px;
	padding: 5px;
	margin: 10px;
	z-index: 100;
	color: #000;
	text-align: center;
	}


#sidebar h4
	{
	text-align: center;
	margin: 0;
	}
	
#sidebar ul
	{
/*	list-style: square; */
	list-style: none;
	padding-left: 0;
	padding-left /* */: 2em;
	}
	
#sidebar li
	{
	margin-bottom: 0.25em;
	font-weight: bold;
	}

/*
#sidebar ul
	{
	list-style: none;
	padding-left: 0.75em;
	}
*/

/*
#sidebar ul li
	{
	font-weight: normal;
	}
*/

a img
{
border:none;
}

#sidebar a
	{
	font-weight: normal;
	color: #000;
	text-decoration: none;
	}
	
#sidebar ul a:hover
	{
	font-weight: normal;
	color: #999;
	text-decoration: underline;
	}

#main
	{
	margin-bottom: -25px;
	/*border-bottom: 25px solid #ccc;*/
	color: #000;
	padding: 1em 0 1em 1em;
	margin-left: 171px;
    background: #fff;
	}

/*
#main .2col
	{
	
	}
*/

/*
.col1
	{
	
	}
*/

.col2
	{
	background-repeat: no-repeat;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 0;
	min-height: 13em;
	text-align: right;
	}

.col2NoPic
	{
	background-repeat: no-repeat;
	margin-bottom: 0em;
	text-align: right;
	}

.col2 li, .col2NoPic li
	{
	list-style: none;
	margin-bottom: 0.5em;
	padding-left: 148px;
	}

.indexCaption
    {
    width: 300px;
    font-style: italic;
    }

.imgCaption
    {
    font-style: italic;
    }
   
.imgLeft
    {
    float: left;
    width: 288px;
    padding-bottom: 1em;
    padding-right: 1em;
    font-style: italic;
    }

.imgRight
    {
    float: right;
    width: 288px;
    padding-bottom: 1em;
    padding-left: 1em;
    font-style: italic;
    }

.boardImg
	{
	height: 19em;
	text-align: center;
	font-size: 8pt;
	float: left;
	width: 132px;
	margin: 0.5em 0.5em;
	}
	.sidebarImg
	{
	height: 12em;
	text-align: center;
	font-size: 8pt;
	float: left;
	width: 132px;
	margin: 0.5em 0.5em;
	}

.boardImg p.name
	{
	font-weight: bold;
	margin-bottom: 0;
	}

.boardImg p.name + p
    {
    margin-top: 0;
    }

.eventImg
	{
	height: 200px;
	float: left;
	width: 288px;
	margin: 1em 0em;
	}
	
.eventImg p
	{
	font-style: italic;
	margin: 0 01em 0 0;
	}
.eventImg2 p
	{
	font-style: italic;
	margin: 0 01em 0 0;
	}


.spacer
	{
	clear: both;
	}

.links dt
	{
	margin-top: 1em;
	font-weight: bold;
	}
	
.links dd
	{
	margin-left: 0;
	display: inline;
	}
	html {
	   overflow-y: scroll;
	 }