/* CSS Document */

body {
	line-height:1.25;
	background-color:#FFFFFF;
	text-align:center;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#808080;
}

a {
	color:#222222;
    text-decoration:none;
    background-image:url(../Images/a_flipped.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:7px;
}

a:hover {
	text-decoration:none; 
    color:#FF6000;
    background-image:url(../Images/a_hover_flipped.jpg);
}

a:active {
	text-decoration:none; 
    color:#FF6000;
    background-image:url(../Images/a_hover_flipped.jpg);
}

strong{
    color:#009900;
    font-weight : normal;
}

/* THE AREA THAT CONTAINS THE STONE IMAGE AND THE WEBSITE TITLE */

#title {
	margin:0;
	text-align:center;
}

#title h1{
    font-size:20px;
	letter-spacing:3px;
	font-weight:normal;
	color:#666666;
}

#title p{
	margin-top:-10px;
    margin-bottom:25px;
	letter-spacing:2px;
    color:#CCCCCC;
}

#title img {
	margin-top:10px;
	border:none;
}

#title a {
	margin-top:10px;
	border:none;
    background-image:none;
}

/* THE AREA THAT CONTAINS ALL THE CONTENT OF THE WEBSITE */

#container {
	width:600px;
	margin:0 auto 0 auto;
}

/* THE SIDEBAR WITHIN THE CONTAINER */

#sidebar {
	width:120px;
	float:left;
}

/* iphone */
@media only screen and (max-device-width: 480px) {
#sidebar {
	width:180px;
	float:left;
    }
}

/* THE MENU */

#menu {
	text-align:right;
}

#menu a {
	font-size:135%;
	padding-right:10px;
    background-position:right;
    background-image:url(../Images/a.jpg);
}

#menu a:hover {
    background-image:url(../Images/a_hover.jpg);
}

/* iphone */
@media only screen and (max-device-width: 480px) {
  #menu a {
    font-size:175%;
    line-height:1.5;
  }
}


/* THE AREA NEXT TO THE SIDEBAR */

#content {
	margin-left:140px;
	padding-left:20px;
	border-left:1px solid #CCCCCC;
}

/* iphone */
@media only screen and (max-device-width: 480px) {
#content {
	margin-left:200px;
	padding-left:20px;
	border-left:1px solid #CCCCCC;
    }
}

#content h1 {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:normal;
	font-size:200%;
	color:#666666;
	border-bottom:1px dashed #BBBBBB;
	padding-bottom:3px;
}

#content h2 {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:125%;
	color:#CCCCCC;
	font-weight:bold;
}

#content p {
    text-align:justify;
}

#content img {
	margin:1px 1px 1px 1px;
    border:none;
}

#content ol,ul {
    list-style:square;
}

#content li {
    text-align:justify;
    padding-top:10px;
    padding-bottom:10px;
}

/* THE FOOTER */

#footer {
	width:580px;
	margin:0 auto 0 auto;
	padding:10px;
	text-align:right;
	border-top:1px dashed #BBBBBB;
    color:#DDDDDD;
}