/*general tag styles*/
/*pixels are used rather than ems and %s because two browsers displayed
significantly different text sizes when I used ems and %s.  I wasn't sure
how the word "same" would be interpreted for this assignment, so I went with
pixels for sizes, which for Safari and Opera seemed to render about the same */


html 
	{
		margin:0;
		padding:0;	
		background:;

	}	
body 
	{ 
		font-size: 16px;
		$centerPanelSidePadding = 0;
		$leftPanelSidePadding = 10;
		$leftPanelWidth = 300;
		$rightPanelWidth = 320;
		min-width: 0px;      /* 2x (LC fullwidth +
                            CC padding) + RC fullwidth */
        background:#003399;
	} 
	
p 
	{
		font-size: 16px;
		padding: 6px;
	}
	
h1 
	{
		font-size: 48px;
		text-align:left;
		padding-left:20px;
		color: white	}
h2 
	{
		font-size: 24px;
		/* padding-top:16px; */
		padding-bottom:16px;
		padding-left:3px;
	}
h3
	{
		font-size: 22px;
		padding-top:16px;
		padding-bottom:16px;
	}

h3.vidTitle
	{
		font-size: 18px;
		font-weight:bold;
		padding-top:24px;
	}
h4
	{
		font-size: 18px;
		font-weight:bold;
		padding-top:16px;
		padding-bottom:16px;
	}
	
h7
	{
		font-size: 0px;
		padding-top:0px;
		padding-bottom:0px;
	}
ul, ol
	{
		list-style-position: outside;
		list-style-type: square;
		margin-left:32px;
		margin-bottom:16px;
	}
	
li
	{
		list-style-position: outside;
		list-style-type: square;
	}
	
li.ol
{
	list-style-type:decimal;
}

strong
{
	font-weight:bold;
}
code 
{
    font-family: courier, monospace;
	border: 1px solid silver;
	background-color: #eeeeee;
	padding-left: 1px;
	padding-right: 1px
}
	
table
	{
		caption-side:top;
		table-layout:fixed;
		border-collapse:collapse;
	}
caption
	{
		font-size:18px;
		margin-top:8px;
		margin-bottom:4px;
	}
th
	{
		text-align:center;
		font-weight:bold;
		border: 1px solid black;
		padding:2px;
		background-color:black;
	}
td
	{
		font-size:12px;
		border: 1px solid black;
		padding:2px;
		background-color:#3366CC;
		color:white;

	}

span.codeLine
	{
		font-family:courier;
		padding: 8px;
		font-size:120%;
	}

	
img
	{
		float:left;
		padding:8px;
	}
	
img.floatRight
{
	float:right;
}

/*unique elements*/
#bio 
	{
		font-size: 8px;
		border-style: solid;
		width:90%;
		position: relative;
		bottom:1%;
		margin-left:16px;
		margin-top:48px;
	}
	
/*classes of div */
/* from http://matthewjamestaylor.com/blog/perfect-3-column.htm*/


/* column container */
	div.colmask 
	{
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	
	/* common column settings */
	div.colright,
	div.colmid,
	div.colleft 
	{
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	
	div.col1,
	div.col2,
	div.col3 
	{
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	
	/* 3 Column settings */
	div.threecol 
	{
		background:#003399			/* right column background colour */
	}
	div.threecol div.colmid 
	{
		right:20%;			/* width of the right column */
		background:#3366CC		/* center column background colour */
	}
	div.threecol div.colleft 
	{
		right:50%;			/* width of the middle column */
		background:#003399	/* left column background colour */
	}
	div.threecol div.col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
		color:#EEEEEE 
	}
	div.threecol div.col2 {
		width:26%;			/* Width of left column content (column width minus padding on either side) */
		left:26%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		color:white 
	}
	div.threecol .col3 {
		width:16%;			/* Width of right column content (column width minus padding on either side) */
		left:80%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
		color:white 
	}



//hyperlink rules

a {font-family:Georgia,serif; font-size:large}
a:link {color:#FFCC00;}
a:visited {color: #FFCC00;}
a:hover {text-decoration: none; color: #FF0000;
font-weight:bold;}
a:active {color: red;text-decoration: none}


	
#footer 
{
  clear: both;
}
div.intro 
	{
		position: relative;
		margin-right:2%;
		top:0%;
	}
span.bookTitle
	{
		font-style:italic;
	}
		
td.money
	{
		text-align:right;
	}
	
	
	/*- Menu Tabs G--------------------------- */

    #mainmenu {
      float:left;
      width:100%;
      background:;
      font-size:93%;
      line-height:normal;
      border-style: solid;
      }
    #mainmenu ul {
	margin:0;
	display:inline;
	padding:10px 10px 0 50px;
	list-style:none;
	text-align:center;

      }
    #mainmenu li {
      display:inline;
      margin:0;
      padding:0;
      text-align:center;
      }
      
	#mainmenu ul li.last 
	{
     	margin-right: 0;

 	}
 	
    #mainmenu a {
      float:left;
      background:url(images/tableftH.gif) no-repeat left top; /*C is green; 
      														E is marroon good for title bar too
      														H is Black*/
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #mainmenu a span {
      float:left;
      display:block;
      background:url(images/tabrightH.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }

    #mainmenu a:hover span {
      color:#FFF;
      }
    #mainmenu a:hover {
      background-position:0% -42px;
      }
    #mainmenu a:hover span {
      background-position:100% -42px;
      }