/* CSS Document */

/*----------------------------------------------------------------------------

GLOBAL STYLE SHEET for layout

version: 		1.0
last update:	11  January  2008
filename:		layout.css
author:			Doug Porter
email:			doug@douglasporter.ca
website:		www.dcm.ca

----------------------------------------------------------------------------*/

body {
	position : relative;  width:810px;
	margin : 0 auto; text-align : left;
	background-color: #000202;  }


/*  container
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	  
#container {
	float:left; 
	overflow: hidden; 
	padding:0;
	width: 810px; }
	
.separator { clear:both; height:0; }

#content {
	width:440px; display:inline; padding:0;
	margin-right: 136px; margin-top: 180px; float:right;}

#contentG {
	width:456px; display:inline; padding:0;
	margin-right: 110px; margin-top: 180px; float:right;}

#contentR {
width:444px;
display:inline;
padding:0;
margin-right: 110px;
margin-top: 180px;
float:right;
}


/*  SLIDES
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	  
#SLIDES {
	float: right; margin-top: 0px; margin-right: 0px; width: 156px; }


/*  #TABLES
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

table#time_place	 {
	margin: 0 0 2em 0;}

table#activities {
	margin: 0 0 3em 0;}
	
table#calendar {
	border-color:#00093F; border-width:1px; }
	
/*  NAVIGATION
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
        
#NAVIGATION {
	float: left; margin-left: 33px; margin-top: 136px; width: 140px; }


/*  NAVIGATIONG
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
        
#NAVIGATIONG {
	float: left; margin-left: 33px; margin-top: 160px; width: 140px; }

/*  #IndexMENU
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#indexMENU {
	width: 410px;
	height: 550px;
	position:absolute;
	top: 140px;
	left: 170px;}
	
	
/*  BLOG
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
        
#blog {
	float: left; clear:left; margin-left: 45px; margin-top: 180px; width: 120px; }


/*  indexNAVIGATION
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
        
#indexNAVIGATION {
	float: left; margin-left: 65px; margin-top:220px; width: 340px; }


/*  calendarNAVIGATION
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
      
#calendarNAVIGATION {
	float: left; margin: 130px 0 0 66px; width: 400px; }


/*  ul#menues
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	  
ul#menues {
	padding: 0px; margin: 0 03em 0; }


/*  storiesLINK
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	  
#storiesLINK {
	position: absolute;
	padding:0;
	margin: 0px;
	top: 280px;
	left: 0px;
	text-align:left;
	width: 114px;
	height: 151px;
}


/*  sideBAR
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	  
#sideBAR {
	left: 560px;
	position: absolute;
	top: 300px;
	text-align:left;
	width: 220px; }


/*  subNAV
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
      
#subNAV {
	width: 480px;
	margin: 3em 0 6em 0;}
	

/*  HORIZONTAL RULE
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

hr {
  background: #ddd; color: #ddd;
  clear: both;  float: none; 
  width: 100%; height: .1em;
  margin: 0 0 1.4em; border: none;  }

hr.space {
  background: #fff; color: #fff; }


#calendar {
	float:left; margin: 20px auto 20px  auto; }


#indexMENUcontainer {
	position:absolute;
	top:157px; left: 200px; width: 350px;  }
	

	
	
/* HR */

.content hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }