/* Set margins, background, and font default for page */
	 
	body {background-image: url('pythias_art/blu_gry_man.gif')}
	body {
	background-color: #F1F2E6;
	color: #000080;
	margin: 5%;
	font-size: large;
	font-weight: bold;
	line-height: 1.4;
	font-family: "trebuchet ms", vardana, geneva, arial, helvetica, sans-serif;
	}
  
	/*  properties of head container   */
	/*  head container   */
	
	#head{
	 text-align: center;
	margin-top: 75px;
 	margin-right: auto;
	 Margin-bottom: 75px;
	 margin-left: auto;
	 }	 

	.logoleft {
	float: left;
	} 

	.logoright {
	float: right;
	}
	
	
	/* Paragraph, div text format display containers  */
	
	/*  text paragraph container   */ 
 	div.txtcontent{
	margin-left: auto;
 	margin-right: auto;
 	Margin-bottom: 50px;
 	}
	
 	p.indent {
	text-indent: 1cm;
	text-align: left
	}
	
	.blue {color :#0000ff ;
	}
	
	.red {color :#ff0000;
	}
	
	.yellow {color: #ffff00;
	}
	
	.green { color: #00ff00;
	}
	
	.left {
 	text-align: left;
 	}
 
 	.center {
 	text-align: center;
 	}
 
 	.right {
 	text-align: right;
 	}
	
	/*  modifies first letter of paragraph  */
 
	span {float:left;
	width:0.7em;
	font-size:250%;
	line-height:90%;
	}
	

	hr {
 	width: 100%;
 	size: 1;
 	clear: both;
 	color: #909090;
 	float: center;
	}

	
	/* heading properties to divide page according to priorities, flags for screen readers */
	
`	h1,h2,h3,h4,h5,h6 {
 	color: 000080;
	background-color: transparent;
	line-height: 1.4;
 	font-family: sans-serif;
 	font-weight: bold;
 	}
 
	h1 {
 	font-size: 2.5;
 	}

	h2 {
 	font-size: 2.0;
 	font-style: oblique;
	}

	h3 {
 	font-size: 1.5;
	}

	h4 {
 	font-size: 1.0;
	}

	h5 {
	font-size: .8;
	}

	h6 {
 	font-size: .6;
	}


	/*  list properties   */
	
	/*  list container   */
	
	div.list{
	margin-left: auto;
 	margin-right: auto;
	list-style-position: inside;
	width: 400px;
	text-align: center;
	font-size: medium;
	font-weight: bold;
	line-height: 1.4;
	}
	
	li{
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 30px;
	}

	ul.pythian 
	{
 	text-align: left;
 	list-style-image: url('pythias_art/brother_ss.gif');
 	color: #000080;
 	margin-left: auto;
 	margin-right: auto;
 	}

	ul.sister 
	{
 	text-align: left;
 	list-style-image: url('pythias_art/sister_ss.gif');
 	color: #000080;
 	margin-left: auto;
 	margin-right: auto;
	}

	ul.dokk 
	{
 	text-align: left;
 	list-style-image: url('pythias_art/DOKK_ss.gif');
 	color: #000080;
 	margin-left: auto;
 	margin-right: auto;
 	}
 
 	ul.nomad 
	{
 	text-align: left;
 	list-style-image: url('pythias_art/nomads_ss.gif');
 	color: #000080;
 	margin-left: auto;
 	margin-right: auto;
 	}
 
 	ul.none {
 	text-align: left;
 	list-style-type: none;
 	color: #000080;
 	margin-left: auto;
 	margin-right: auto;
 	}
 
	/*  define bullet for unordered list  */ 
 
	ul.disc {list-style-type: disc}
	ul.circle {list-style-type: circle}
	ul.square {list-style-type: square}
	/* ul.none {list-style-type: none} */
	ul {list-style-image: url('images/background/grayback.gif')}
	/* ul.pythian {list-style-position: inside; list-style-image: url('pythias_art/pythias_logo_S.gif')} */
	/* ul.sister {list-style-position: inside; list-style-image: url('pythias_art/pythias_cross_S.gif')} */
	/* ul.dokk {list-style-position: inside; list-style-image: url('pythias_art/DOKK_logo_s.gif')} */
	/* ul.nomad {list-style-position: inside; list-style-image: url('pythias_art/Nomads_s.gif')} */

	/*  set image and caption for word wrap   */ 

	div.right {
	float: right;
	margin: 5px;
	padding: 5px;
	border: 0;
	text-align: right;
	}

	div.center {
	 margin-left: auto;
 	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: center;
	}


	div.left {
	float: left;
	margin: 0 5 5px 0px;
	padding: 5px;
	border: 0;
	text-align: left;
	}

	
	/*  menu container   */ 
	
	div.menu{
	text-align: center;
 	margin-right: auto;
	 Margin-bottom: 50px;
	 margin-left: auto;
	 }
	 
	/*  anchor-link  properties  */
	a 
	{
 	text-decoration: none;
 	background-color: transparent;
 	padding: 5px;
	}

	a:link 
	{
 	color: #000080;
 	background-color: transparent;
	}

	a:visited 
	{
 	color: #800000;
 	background-color: transparent;
	}

	a:hover 
	{
 	color: #ffffff;
 	background-color: #000080;
	}

	a:active 
	{
 	color: #008088;
 	background-color: transparent;
	}
	
	
	/*  foot container   */
	#foot{
	font-size: small;
	text-align: center;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	}
	
	.medium{
	font-size: medium;
	color: red;
	}
	
	
 	/*  graphic inner container  */
 	div.piccontent{
  	margin-right: auto;
 	margin-bottom: 30px;
	margin-left: auto;
 	text-align: center;
	 }
 
	 /*  graphic group container   */ 
 	div.picgroup{
 	clear: both;
	Margin-bottom: 30px;
 	}
 
 	/*  large single graphic container   */ 
 	div.lbox{
 	float: left;
	 width: 70%;
 	}

	/*  smaller inner group  */

	div.smig{
	clear: both;
	}
  
 	/*  smaller graphic container, outer   */ 
 	div.rbox{
	float:left;
	width: 29%;
	}
 
	/*  smaller inner container, inner   */ 
	div.sibox {
	float: left;
	width: 99%;
	}