/* CSS Document */

html
{
	height: 100%;
}

body
{
	height: 100%;
	background-image: url(../images/design/bkg.jpg);
    margin: 0;
	padding:0;
    color: #000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 16px;
	font-size:13px;
}

#design
{ 
	margin:0 auto;
	width:950px;
	background-image:url(../images/design/table_background.jpg);
	background-position:top;
	background-repeat:no-repeat;
}


#header
{
	margin-left:200px;
	width:750px;
	height:170px;
}

#content
{
	margin:0 auto;
	width:900px;
	margin-top:0;}

#news
{
	/*background-color:#696;*/
	color:#FFF;
	text-align:left;
	margin:0 auto;
	padding:5px;
	width: 890px;
}

#news a,
#news a:link,
#news a:visited,
#news a:active,
#news a:hover
{
    color: #fff;
}



#footer
{
	height: 0px;
	margin:0 auto;
	text-align:center;
	padding-top: 15px;
}

#content img
{
	border:#696 1px solid;
	margin-left:10px;
	margin-right:10px;
	padding:4px;
	background-color:#FFF;
}
	
#content .icon
{
	border: none;
	padding:0;
	}
	
hr
{
	border:1px #696 dashed;}
	
a,
a:link,
a:visited,
a:active,
a:hover
{
    color: #000;
}

h1 
{ 
    color: #696;
    font-size: 25px;
	font-weight: bold;
	text-align: center;
	line-height:30px;
}

h2
{
	color: #000;
	font-size: 18px;
	font-weight: bold;
	line-height:22px;
}

h3
{
	color: #fff;
	font-size: 15px;
	font-weight: bold;
}


h4
{
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height:22px;
	text-transform:uppercase;
}



p, li
{ 
	font-size: 13px;
	padding-bottom:10px;
	line-height:16px;
	}

table
{ 
	font-size: 13px;
	}


li li
{padding-top:10px;}

.green
{
    color: #696;
}

.links
{
    color: #696;
	padding-top:110px;
	}

.links a,
.links a:link,
.links a:visited,
.links a:active,
.links a:hover
{
    font-weight: bold;
    color: #696;
	text-decoration:none;
}

.calendar_header
{
	background-color:#696;
	color:#FFF;
	font-weight:bold;
	text-align:center;}


/* TESTTESTTESTTESTTETS */

.img-container {
    width: 400px;
    height: 400px;
    text-align: center;
    padding: 10px;
    margin: 20px auto;
  }
  
  .img-container img {
    background: #FFF;
    padding: 2px;
    border: 1px solid #404040;
    cursor: pointer;
  }
  .rot0 {
    -webkit-transform: rotate(0deg); 
    -moz-transform: rotate(0deg);
    rotation: 0deg;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  }
  .rot90 {
    -webkit-transform: rotate(90deg); 
    -moz-transform: rotate(90deg);
    rotation: 90deg;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  }
  .rot180 {
    -webkit-transform: rotate(180deg); 
    -moz-transform: rotate(180deg);
    rotation: 180deg;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  }
  .rot20 {
    -webkit-transform: rotate(5deg); 
    -moz-transform: rotate(5deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  }
  
  /* ROTATE IMG AND TEXT
  
  
  <div class="img-container rot20"><p>
<img src="/images/park1.jpg" width="300" />
<br />Anara teaching kids</p></div>
  
  
  */