/* basic positioning */

body {
	margin: 0;
	padding: 0;
	border: 0;
}
#container {
	margin: 0;
	padding: 0;
	border: 0;
}
#masthead {
	margin: 0;
	padding: 0;
	border: 0;
}
#sidebar {
	margin: 0;
	padding: 0;
	border: 0;
}
#content {
	margin: 0;
	padding: 0;
	border: 0;
}
#footer {
	margin: 0;
	padding: 0;
	border: 0;
}

/* default attributes for anything on a page */
body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: white;
/*	border:thin black solid;		*/
}

/* determines the overall width of the page - squeeze the browser and scrollbars will appear */
#container {
	width: 850px;
	margin: 0 auto;
	font-size: small;
	margin: 24px 24px 24px 24px;
/*	border:thin black solid;		*/
}

/* where the logo lives - width set to match container with width + margin-left + margin-right */
#masthead {
	width: 850px;
	padding-top: 0px;
	padding-bottom: 10px;
	overflow: auto;
	background-color: white;
	border-bottom-color: #FF9900;
	border-bottom-style: solid;
	border-bottom-width: 1px;

/* !!! remove this to hide border
	border:thin black solid;	
 */	
 }

#masthead img {
	float: left;
	padding-left: 254px;	/* pad left to align with left edge of content text */
}


/* where the navigation links live width is determined by width setting here width + margin-left */

#sidebar {
	float: left;
	width: 240px;
	color: #666666;
/*	padding-top: 6px;	*/
	padding-bottom: 72px;	
	background-color: #FFFFCC;
	position: relative; /*	clear: both;	*/;
	border-right-color: #FF9900;
	border-right-style: solid;
	border-right-width: 1px;
/* !!! remove this to hide border	
	border:thin black solid;
*/	
}

/* where the content goes! */
#content {
	float: right;
	position: relative;
	width: 604px;
	padding-top: 0px;	
/* !!! remove this to hide border*/
/*	border:1px black solid;		*/

}

/* used for any H3 elements in the content div tag sets up the policis yellow text */
#content h3 {
	font-size: small;
	color: #FF9900;
	padding-top: .25em;
	padding-left: 10px;
}

.content-text {
	font-size: small;
	color: #666666;		/* grey font */
	padding-left: 10px;
	padding-right:10px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
/*	border:1px black solid;		*/
}

.content-text-hidden {
	font-size: small;
	color: white;		/* grey font */
	padding-left: 10px;
	padding-right:10px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
/*	border:1px black solid;		*/
}

/* controls appearance of the links in the content text - here we have switched off underlining */
.content-text-a {
	font-weight:normal;
	color: #666666;
}

#content-text {
	style: content-text;
}

#content div {
	style: content-text;
	padding-left: 10px;
	padding-top: 1em;
/*	border:1px black solid;		*/
}

#content div a {
	font-weight:normal;
	color: #666666;
}

/* controls appearance of the links in the content text - here we have switched off underlining */
#content-text a {
	style: content-text-a;
}

/* used for any H2 elements in the content div tag sets up the policis yellow text */
.content-header {
	font-weight: bold;	
	font-size: medium;
	color: #FF9900;
	padding-top: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
/*	border:1px black solid;		*/

}

#content-header {
	style: content-header;
}

/* used for any H2 elements in the content div tag sets up the policis yellow text */
.content-subheader {
	style: content-subheader;
	font-weight: normal;	
	font-size: small;
	color: #FF9900;
	padding-top: 4px;
	padding-bottom: 0px;
	padding-left: 10px;
/*	border:1px black solid;		*/
}

/* for list-like layouts */
.content-listing {
	font-size: 9pt;
	padding-left: 10px;
	padding-top: .1em;
	padding-bottom: .1em;
/*	border:thin black solid;	*/
}


/* skills & caps - column*/
.column {
	width:160px;
/*	border-right:1px dashed #000; 	*/
	padding-left:10px; 
	padding-bottom: 10px;
	float:left; 
	text-align:left;
/*	border:thin black solid;	*/
}


/* used for any H2 elements in the content div tag sets up the policis yellow text */
.column-subheader {
	style: content-subheader;
	font-weight: normal;	
	font-size: small;
	color: #FF9900;
	padding-top: 8px;
	padding-bottom: 10px;
	padding-left: 0px;
/*	border:1px black solid;		*/
}

/* list settings */
#content ul {
	list-style-type:none;
	color: #FF9900;
}

#bullet {
	color: #FF9900;
}


/* controls appearance and padding for sidebar navigation links */
#sidebar div {
	padding-top: 10px;	
	padding-bottom: .6em;
	padding-left: 1em;
	padding-right: 1em;
	color: #FF9900;
	font-weight: normal;
/*	border:thin black solid; */
}

/* controls appearance of the links in the sidebar - here we have switched off underlining */
#sidebar a {
	font-weight:normal;
	text-decoration: none;
	color: #666666;
}

/* controls how links appear when moused - underlining is displayed */
#sidebar a:hover {
	text-decoration:underline;
	color: #666666;
}

/* 
	control footer properties only 
	footer text is defined by footer.text property

*/
#footer {
	width: 850px;
	clear: both; /*	width: 846px;	*/;
	border-top-color: #FF9900;
	border-top-style: solid;
	border-top-width: 1px;
	overflow: auto;
/* !!! remove this to hide border
	border:thin black solid;
 */		
}

#footer p {
	font-size: x-small;
	text-align: right;
	color: #666666;		/* grey font */
	padding-right:10px;
	padding-top: 1em;
	padding-bottom: 1em;
}