/* Updated March 04, 2010
	Strategic Internet Group, Inc.
	iphone.css 
	*/

	/****************************  First Reset CSS   ***********************/
	
 html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}

table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }
	
	
	/****************************   Now Start Styles   ***********************/
	
	body {
		background-color: #ffe6a2;	/* yellow */
		color: #222222;				/* text color */
		font-family:	helvetica;
		font-size:		18px;
		margin:			0;
		padding:		0;
	}
	
	#logo, #bordermsg  {
		display: none;	/* Stop SIG logo and date display */
	}
		
	#iphonelogo {
		margin: 0;
		padding: 5px 0px 5px 0px;
		background-color: #cccccc;
		border-bottom: 1px solid #666666;
		border-left: 1px solid #666666;
		color: #222222;
		display: block;
		font-size: 24px;
		font-weight: bold;
		text-align:	center;
		text-decoration: none;
		text-shadow: 0px 1px 0px #ffffff;
		
	}
	
	#iphonelogo span {color: red;}
		
	a {
		color:#336699;		/* links are blue text */
		text-decoration: none;	/* No underline */
		
	}
	a:hover {
		color: white;		/* text */
		background:#336699;	/* Blue background */
		text-decoration:none;
	}
	h1, h2, h3{
		margin:.8em 0 .2em 0;
		padding:0;
		font-weight: bold;
				
	}
	h2 {
		letter-spacing: 2px;
		font-style: italic;
		font-size: 115%;
		border-bottom: 2px solid #9d9d9d;
	}
			
	h3 {
		letter-spacing: 2px;
		color:  brown;
		font-style: italic;
		font-size: 110%;
	}
	
	h4	{
		color: brown;
		margin: .8em 0 0 0;		 
		font-weight: bold;
	}
	/* Change text above column 2 */
	#col2title{						
		color: black;   /* was 336699 */
		margin: .8em 0 0 0;		 
		font-weight: bold;
		padding-left: 1em;
	}
	
	p {
		margin:.4em 0 .8em 0;
		padding:0;
		line-height: 130%; 
	}
	img {
		margin:2px 0 2px 0;	/* Space around images - Was 10,0,5,0 */
		border-top: 1px groove #666666;
		border-bottom: 1px groove #666666;
		border-left: 1px groove #666666;
		border-right: 1px groove #666666;
		padding: 5px;
	}
	
	ul {
		list-style-type: circle;
	}
	
	li {
		margin-top: 1.8px;
	}
	
	#header ul  {
		list-style: none;
		margin:		20px;
		padding:	 0;
	}
	
	#header ul li a {
		background-color: #ffe6a2;	/* Page color */
		border:	1px solid #999999;
		color:	#222222;			/* text black */
		display:	block;
		font-size:	17px;
		font-weight:	bold;
		margin-bottom:	-1px;
		padding:	12px 10px;
		text-decoration:	none;
		width:	100px;
	}
	
	/* .. Or white on blue if active or hovering on active tab */
	#header ul li a.active,
	#header ul li a.active:hover {	
		color: white;
		background:#336699;		/* a blue */
		font-weight:bold;
	}
	
	/*  Add padding to indent from edge of screen */
	#header,
	.col1,
	.col2,  /* previously followed by .colright, .colmid, .colleft */
	.colmask,
	#bordermsg, 
	#footer {padding: 2px 10px 1px 10px;}

	#footer {text-align: center; font-size: 16px;}
		
	/* Round menu corners */
	
	#header ul li:first-child a{
		
		-webkit-border-top-left-radius: 8px;
					/* -moz-border-radius-topright:	8px; */
		-webkit-border-top-right-radius: 8px;
	}
	#header ul li:last-child a{
		-webkit-border-bottom-left-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
	}

/*	
	#header div.leftButton {
    position: absolute;
    top: 40px;
    left: 6px;
    height: 30px;
    font-weight: bold;
    text-align: center;
    color: gray;
    text-shadow: rgba(168,168,176,0.6) 0px -1px 0px;
    line-height: 28px;
    border-width: 0 8px 0 8px;
    -webkit-border-image: url(images/button.png) 0 8 0 8;
}
#header div.pressed {
    -webkit-border-image: url(images/button_clicked.png) 0 8 0 8;
}
*/