/* ------------------------------------------------ Basic Stuff ------------------------------------------------ */

*
{list-style-type: none; margin: 0; padding: 0}

body
{text-align: center; font-size: medium; font-family: Helvetica, Arial, sans-serif; 
background: #003333; color: #FFFFCC}

h2
{margin: .75em 0}

img
{border: none}

a
{color: #669999}

a:hover
{background: #66CCCC; color: #003333}

p:first-letter
{font-size: 200%}

#comp
{float: left; margin-right: 1em; padding: 0 6px 6px 0; 
background: url(../images/pic_frame.png) no-repeat bottom right}


/* ------------------------------------------------ Main Divs ------------------------------------------------ */

div.header
{width: 70%; margin: 0 auto}

.container
{width: 70%; margin: 0 auto 1em; background: #006666; border: solid #669999;
border-width: 0 2px 2px; border-right-color: #000000; border-bottom-color: #000000; overflow: auto}

div.main
{text-align: left; padding: 1em; overflow: auto}

div.tool
{text-align: left; margin: 1em 2em; padding: .5em 1em; border: dashed #669999;
border-width: 1px 2px 1px; overflow: auto}


/* ------------------------------------------------ "Tab" Nav ------------------------------------------------ */

div.tabs
{width: 70%; margin: .25em auto 0; border: solid #669999; border-width: 2px 2px 0; 
border-right-color: #000000; overflow: hidden}

#nav
{float: left; width: 100%; background: #66CCCC url(../images/bar_bg.png) repeat-x bottom left}

#nav li 
{float: left; font-weight: 700; font-size: 75%; line-height: 75%}

#nav a, #nav a:visited
{display: block; text-decoration: none; padding: .6em 1em; 
background: #66CCCC url(../images/bar_bg.png) repeat-x bottom left; 
color: #003333; border: solid #669999; border-width: 0 2px 0 0}

#nav a:hover
{background: #CCFFFF url(../images/hov_bg.png) repeat-x top left; color: #003333}

#home #nav-home a, #favorites #nav-favorites a, #courses #nav-courses a, #tools #nav-tools a,
#db1 #nav-db1 a
{background: #006666 url(../images/on_bg.png) repeat-x top left; color: #FFFFCC}

#home #nav-home a:hover, #favorites #nav-favorites a:hover, 
#courses #nav-courses a:hover, #tools #nav-tools a:hover,
#db1 #nav-db1 a:hover
{background: #CCFFFF url(../images/hov_bg.png) repeat-x top left; color: #003333}


/* ------------------------------------------------ Table Formating ------------------------------------------------ */

table
{width: 80%; margin: 0 auto; border: 2px solid #669999; 
border-right-color: #003333; border-bottom-color: #003333}

tr.dark
{background: #006666 url(../images/on_bg.png) repeat-x top left; color: #FFFFCC}

tr.light
{background: #339999 url(../images/light_bg.png) repeat-x top left; color: #660000}

th
{border: 2px solid #669999; border-right-color: #003333; border-bottom-color: #003333}

td
{border: 2px solid #669999; border-right-color: #003333; border-bottom-color: #003333}


/* ------------------------------------------------ Tools and PHP ------------------------------------------------ */

#current, #last, #guess
{padding-left: 1em}

.spacer
{padding-right: 1em}

.leftSide
{float: left}

.rightSide
{float: right}

.un
{padding-right: 10px}

.pass
{padding-right: 12px}


/* ------------------------------------------------ Print Media ------------------------------------------------ */

@media Print
{
	body
	{font-family: Georgia, "Times New Roman", serif; background: #FFFFFF; color: #000000}
	
	a
	{color: blue}
	
	div.container
	{width: 90%}
	
	div.tabs
	{width: 90%; border-top: 1px dashed #669999}
	
	div.tabs a
	{display: none}
	
	tr.dark
	{background: #CCCCCC; color: black}
	
	tr.light
	{background: #FFFFFF; color: black}
}