/*basic stuff*/
h2 {
	text-align: center;
   }
h2 {
     font-size: 1.8em;
     margin: 30px 0 0px 0px;
   }
h2.page-title {
    font-size: 1.8em;
    margin: 20px 0 0 20px;
	font-family: 'Century Gothic', 'Lucida Grande',  'Lucida Sans Unicode', Verdana, Sans-Serif;
	text-align: left;
	text-decoration: none;
	color: #DD3344;
   }
h2.news-title {
    font-size: 1.6em;
    margin: 20px 0 0 0;
	font-family: 'Century Gothic', 'Lucida Grande',  'Lucida Sans Unicode', Verdana, Sans-Serif;
	text-align: left;
	text-decoration: none;
	color: #DD3344;
   }
h2.presentation-title {
    font-size: 1.4em;
    margin: 20px 0 0 0;
	font-family: 'Century Gothic', 'Lucida Grande',  'Lucida Sans Unicode', Verdana, Sans-Serif;
	text-align: left;
	text-decoration: none;
	color: #DD3344;
   }
h3.date {
    font-size: 1em;
    margin: 5px 0 0 0;
	font-family: 'Century Gothic', 'Lucida Grande',  'Lucida Sans Unicode', Verdana, Sans-Serif;
	text-align: left;
	text-decoration: none;
	color: #DD3344;
   }
h3 {
     	font-size: 1.1em;
        margin: 10px 0 10px 0px;
   }

h4{
	font-size: 1.2em;
}
   
a:link  		{ color: #698296; }
a:visited	{ color: #698296; }
a:active	{ color: #698296; }
a:hover     	{ color: #8CBEED; }

#heart li{
	list-style-image: url(02_heart.gif);
}

#heart a{
	padding: 6px 0 7px 20px;
	margin: 6px 0 12px 0px;
	background: url(02_heart.gif) 0 12px no-repeat;
	font-size:1.1em;
	line-height:1.8em;
	text-align: left;
}
   
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	/*font-family: Georgia, Times, Times New Roman, Times-roman,  Serif;*/
	font-family: 'Lucida Sans Unicode', Lucida Sans, Verdana, Helvetica, Sans-Serif;
	color: #4C4C4C;
    line-height: 1.6em;
    background: #CC2233 /*url(p6_background.png)*/;
	padding: 20px 0 20px 0;
	text-align: center;
}
#header{
	position: relative;
	width: 700px;
	height: 151px;
	margin: auto;
	background: url(01_header01.jpg) no-repeat;
}
#wrapper {
	width: 700px;
	height: auto;
	margin: auto;
	text-indent: 1%;
	background: white url(01_bodybg.jpg);
	background-repeat: repeat-y;
	text-align: left;
	min-height:80%;
	}
	
.clearBoth
{
	clear: both;
}

	
#content{
	font-size: 1.1em;
	margin: 25px 15px 0 50px;
	padding: 0 0 50px 0;
	height:100%;
    text-align: justify;
	text-indent : 0;
	width: 60%;
	float: left;
	height:100%;
}
#content_left{
	font-size: 1.1em;
	margin: 25px 0px 0 50px;
	padding: 0 0 50px 0;
	height:100%;
    text-align: justify;
	text-indent : 0;
	width: 235px;
	float: left;
}
#content_right{
	font-size: 1.1em;
	margin: 25px 0px 0 0px;
	padding: 0 0 50px 0;
	height:100%;
    text-align: justify;
	text-indent : 0;
	width: 365px;
	float: left;
	border-right: 3px dotted red;
	border-left: 3px dotted red;
	border-top: 3px dotted red;
	border-bottom: 3px dotted red;
}
#content a:link{
	font-size: 1.1em;
}	
#footer{
	width: 700px;
	margin: auto;
	padding: 20px 0 0 0;
	background: url(01_footer.jpg) top no-repeat;
}


/*THE NAVIGATION - More detailed stuff in 01_navigation.css*/
#navigation{
	font-size: 11px;
	width: 694px;
	height: 22px;
	position: absolute;
	top: 132px;
	left: 4px;
}
#navigation ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
	
}
#navigation li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}

/*THIS PART IS FOR THE NAVIGATION LINKS*/
/*.nav1 a:link, .nav1 a:visited, .nav2 a:link, .nav2 a:visited, .nav3 a:link, .nav3 a:visited{*/
#navigation li a:link, #navigation li a:visited  {
	color: #DD4455;
	width: 84px;
	height: 20px;
	line-height: 20px;
	background: url(01_linkbg2.gif) top repeat-y;
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}
#navigation li a.active{
	color: #CC3344;
	width: 84px;
	height: 20px;
	line-height: 20px;
	background: url(01_linkbg1.gif) top repeat-y;
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}



/*HOVER EFFECTS*/
#navigation li a:hover{
	background: url(01_linkbg1.gif) top repeat-y;
	width: 84px;
	height: 20px;
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}
	
#pop-up-image-container {
	background: #fff;
	padding: 10px;
	border: 1px solid #ccc;
	position: absolute;
	left: 5px;
	top: 50%;
}