﻿
	
	/* Tags for the layout of the page */
	

	#masthead {
		
		width: 1000px;
		height: 248px;
	}	
	#masthead img{
		border: none;
		margin: 0;
		padding 0;
	}
	#masthead a{
		border: none;
		margin: 0;
		padding 0;
	}	
	
	#masthead-alternate {
		display: none;
	}
	

    body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#fff;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-family: Helvetica, Arial, "MS Trebuchet", sans-serif;
		font-size: 90%;
		background-color: #CCC;
    }

	h1,h2 {
		
		font-size: 1.5em;
		color: #555;
		font-weight:  400;
		margin:.8em 0 .2em 0;
        padding:0;
	
		
		}
	h2 {	
			color: #636363;
			font-size:1.3em;

			}
	p { 
		margin:  0 3px 6px 15px;
		padding: 0px 0 3px 0}
	a {
    	color:#363636;
		text-decoration:none;
	}
	a:hover {
		color:#fff;
		background:#808080;
		
	}
   
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }
	img {
		margin:10px 0 5px;
	}
	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
    }
	#wrap {
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
		background-color: white;
	}
	#wrap #menu {
		float: left;
		width: 200px;
	}
	#wrap #content {
		width: 790px;
		float: right;
		background-color: white;
		text-align: justify;
	}
	
	#wrap #content p {
		line-height: 1.5em;
		padding: .4em 2.5em .4em .1em;
	}
	
	#wrap #content p img{ 
		margin: 15px;
		} 
	
	#wrap #content li {
		line-height: 1.3em;
		padding: .4em 2.5em .4em .1em;
	}
	#wrap #content A {
		padding: 1px 3px;
	}
	
	#wrap #content #title {
		color: #636365;
	}
	
	/* A table with apprpriate headers and borders */
	
	#wrap #content .category {  font-family:  Arial, Helvetica, sans-serif;
        font-size: 15px;
        font-style: normal;
        line-height: normal;
        font-weight: bold;
        color: #636366;
		padding: 14px 10px 1px 0px;}

	#wrap #content.time {
		padding: 0 10px 0 10px;
	}

   #wrap #content  table {
		border: 1px solid #636366;;
		margin: 0 5px 5px 5px;
		padding: 2px 10px;
		background-color: #EEE;
		border-collapse: collapse; 
		}
	#wrap #content thead {
		background-color: #ccc;
	}	
    #wrap #content th {
		text-align: left;
		padding: 1px 4px 1px 10px;
		font-size: 1.0em;
		background-color: #ccc;
		padding: .4em;
    }	
	#wrap #content td {
		font-size: 0.9em;;
		padding: .4em;
    }
  
   

   /* A table of instructions */
  #wrap #content  table.instructions {
		border: 1px solid #636366;;
		margin: 0 5px 5px 5px;
		padding: 2px 10px;
		background-color: #FFF;
		xborder-collapse: collapse; 
		}
   #wrap #content table.instructions thead {
			background-color: #ddd;
		}
 
	#wrap #content table.instructions td {
		border: 1px dotted #A9807E;
		vertical-align: top;
		padding: .5em;
	}
	
	
	/* end table */
	
	/* Table to use for layouts it is devoid of lines */
	#wrap #content  .bare {
		padding: 10px 10px 10px 25px;
		
	}
	#wrap #content   table.bare  {
		border: none;
		margin: .4em 2.5em .4em .1em;
	}
	#wrap #content   table.bare  th  {
		background: white;
		color: black;
		font-weight:  bold;
		padding:  5px;
		margin:  15px 3px 3px 3px;
		vertical-align: top;
	}
	#wrap #content  table.bare td {
		background: white;
		color: black;
		font-family: Helvetica, Arial, "MS Trebuchet", sans-serif;
			font-size: 12px;
			padding:  5px;
			margin:  15px 3px 3px 3px;
			vertical-align: top;
	}
	/* End of bare definitions */
	
	
	#wrap #content  #status {
		font-size: .8em;
		color: #444;
	}
	#wrap #content  #status A {
		color: #AAA;
		background-color: white;
		text-decoration: none;
	}
	#wrap #content  #status img {
		border: none;
		padding: .2em;
		vertical-align: baseline;
	}

	/* Menu Support */
	#menu {
	
		
	}
	#menu p,
	#menu h1,
	#menu h2 {
	    padding:.4em 15px 0 15px;
        margin:0;
	}
	#menu ul {
	    width:1em;
	    list-style:none;
	    margin:0;
	    padding:0;
		width: 10em;
	
	}
	#menu ul li {
	    display:block;
	    list-style:none;
	    margin:0;
	    padding:0;
		font-size: 1.0em;
		border-right: 1px   solid #DDD;
		border-bottom: 1px solid #DDD;
		width: 195px;
		color:#8A8A8A;
			
	}
	#menu ul li a {
	    display:block;
	    margin:0 0 0 1px;
	    padding:1px 3px;
	    text-align:left;
	    color:#8A8A8A;
	    text-decoration:none;
	    position:relative;
	    left:15px;
		line-height:1.3em;
		width: 175px;
	}
	#menu ul li a:hover {
	    background:#808080;
		color:#fff;
	}
	#menu ul li a.active,
	#menu ul li a.active:hover {
	    color:#fff;
	    background:#808080;
	    font-weight:bold;
	}
	#menu ul li a span {
	    display:block;
	}
	/* Second level menu */
	
	#menu ul li ul li{
		font-size: .8em;
	        margin-left: 1em;
		margin-right: .1em;
		width: 184px;
		
	}
	
	#menu ul li ul li a{
		width: 162px;
	}
	#menu ul li ul li a:hover{
		width: 162px;
	}
	/* Third level menu */
	
	
	
	#menu ul li ul li ul {
		font-size: .9em;
	    margin-left: 1em;
		margin-right: .1em;
		width: 180px;
		border: none;
	}

	#menu ul li ul li ul li {
		font-size: 1em;
		width: 163px;
	}

 	#menu ul li ul li ul li a {
                width: 142px;
        }

   	#menu ul li ul li ul li a:hover {
                width: 142px;
        }

	
    /* Alert Box a standout box in a page */
   		.alert-box {
						border: 1px solid #6E1E21;
						margin: 10px;
						padding: 0;
						background-color: #FAFADE;
					}
					 .alert-box p {
						margin: 5px;
						padding: 5px;

					}
					
					 .alert-box h2 {
						background-color: #C0E7FC;
						padding: 10px 5px 5px 5px;
						border: none;
						text-align: left;
						color: #333333;
						margin: 0;

					}

	/* Tags for the layout of p2p/m2s entry */
	.action-box {
		border: solid 1px #222;
		width: 350px;
		float: left;
		margin:10px;
		background-color: #EEE;
		
	}
	.action-box  h2 {
		color: white;
		background-color: #808080;
		font-size:1.1em;
		padding: 5px;
		text-align: center;
		margin: 10px;
		min-height: 35px;
	}

	#entry UL LI {
		list-style:none;
		font-size: 1.1em;
	}
	#entry #enterevents {
		margin-left:auto;
		margin-right:auto;
		width: 130px;
		display: block;
	}
	#wrap #content #entry #enterevents>img {
		padding: 0px;
		margin: 0px;
		border: 0px;
	}
	
	#entry {
		min-height: 265px;
	}
	
	#followus {
		min-height: 265px;
	}
	.followusImg  {
		margin: 1px;
	}
	#wrap #content #followus p img {
		margin: 1px;
	}

	/* end of action box tags */
    #wrap #sponsors {
        width: 1000px;        		
		clear: both;
    }

	#wrap #sponsors .sponsorRow {
		width: 1000px;
		height: 80px;
		clear: both;
		padding-left: auto;
		padding-right: auto;
	}
	#wrap #sponsors .sponsorlink {
		width: 110px;
		height: 55px;
		float: left;
		margin: 5px 27px 5px 27px;
		vertical-align: middle;
		
	}

	#wrap #sponsors p {
		font-size: .8em;
		color: #777;
		margin: .2em;
		padding: .2em;
	}
	#wrap #sponsors h1 {
		text-align: center;
		background-color: #EEE;
		padding: .2em;
		clear: both;
		margin: .1em;
	}

	#wrap #sponsors a {
		text-align: center;
		text-decoration: none;
		margin-left: auto;
		margin-right: auto;
		vertical-align: middle;
	}
	#wrap #sponsors a:hover {
	    background: none;
	}
	

	#wrap #sponsors img {
		border: none;
		
	}



	


	/* Footer styles */
	#wrap #footer {
        clear:both;
        float:left;
        width:1000px;
		background-color: white;
    }
    #wrap #footer p {
        padding:10px;
        margin:0;
		color: #999;
		text-align: center;
		font-size: .8em;
    }

			
	.endOfArticle {
		background: url("seperator.jpg") no-repeat;
		height: 32px;
		margin: 0 0 0 15px;
		}
	

	dl { padding-left: 20px;}
	dt {font-weight: bold;}
		
	.light-green {
		background:  #B3BBAC;
	}	
	.dark-green {
		background:  #AAC694;
	}	



	.redborder {
		border: 1px solid red;
	}
	
	/* Styles for the blog style DL list */
	dl#mainList dt {
		margin-top: 2em;
		color: #555;
		Font-size: 1.2em;
		
	
	}
	dl#mainList dd {
		margin-left: 0;
		
		padding-bottom: 0;
	}
	
	
	/* Style for frequently asked questions */
	#faq {
		padding:  3px;
	}
	#faq dl {
		padding: .4em 2.5em .4em .1em;
		text-align: justify;
	}
	#faq dt {
		font-weight:  bold;
		margin:  10px 2px 3px 2px;
		
	}
	#faq dt:before {
		content: "Q: ";
                font-size: 1.2em;
                font-weight: normal;
                color: #666; 
	}
	#faq dd:before {
		content: "A: ";
                font-size: 1.2em;
                color: #666;
	}

   	/* Styles for inline pictures */
	#wrap #content  .picture {
		font-size: 0.8em;
		
		text-align: left;
		margin-left:  10px;
		margin-right: 20px;
		margin-top: 10px;
		margin-bottom: 15px;
		background-color: #ddd;
		}
	#wrap #content .gallery .picture {
			font-size: 0.8em;

			text-align: left;
			margin: 2px;
			background-color: #FFF;
			}	
	
	#wrap #content  .picture a, #wrap #content .picture a:hover {
		padding: 0;
		margin: 0;
		color: #FFF;
		background-color: none;
		border: none;
	}	
	
	
	
	#wrap #content  .picture img {
		padding: 0;
		margin: 0;
		border: none;
		
	}	
	.left {
			margin: 10px 5px 10px 25px;
			float: left;
	}
	.right {
			margin: 10px 25px 10px 15px;
			float: right;
	}
	.center {
			margin: 10px 25px 10px 5px;
			margin-right: auto;
			margin-left: auto;
	}
	#wrap #content  .picture p.caption {
		padding: 3px 3px 2px 3px;
		margin: 0px;
		line-height: 1.5em;
		border: none;
		background-color: #ddd;
	}
