/*#############################################################
Name: Thomas Design- Green
Date: 2007-02-13
Description: A two-column layout with Green and Black.
Author: Martha Thomas
URL: http://thomas-design-studio.com
#############################################################*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}
body    { font-size: small; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; background-image: url("img/bgbody.gif"); background-repeat: repeat-y; background-attachment: scroll }
div a { color: #fff; text-decoration: none; cursor: pointer }
h1  { color: #096; font-size: 24pt }
/* structure */
.main   { margin: 0 auto }
.main_left    { padding-top: 6px; float: left }
.main_right   { float: right; border-top: 6px solid #fff }
.footer {clear: both;}

/* misc */
.left {
	float: left;
}
.right {
	float: right;
}
body,.header a     { font-family: "Lucida Sans Unicode", sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; border-bottom: 6px solid #fff }
.link_menu2 a         { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: center; vertical-align: middle; border-bottom: 6px solid #fff; border-left: #fff }
div.link_highlights a:hover, div.footer div.left a:hover,         { background-color: #099 }
div.link_highlights a:hover { background-color: #099 }
div.link_menu2 a:hover { background-color: #099; margin-right: 4px }
/* logo */
.header         { background-color: #000; width: 310px; height: 160px; border-top: 6px solid #fff; border-left: 6px solid #fff }
.header h1          { color: #0cc; font-size: 34px; font-variant: small-caps; padding-top: 52px; padding-left: 18px }

/* main navigation */
.link_menu          { color: #fff; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #066; text-align: center; height: 30px; border-top: 6px solid #fff; border-bottom: 6px solid #fff }
.link_menu a:hover { background: #0c9 }

/* highlighted navigation */
.link_highlights a     { color: #fff; font-size: 0.9em; text-align: center }
link_drop { color: #fff; font-size: 0.9em; text-align: center }
.link_highlights a span     { font-size: 3em; text-align: center }
a.g1          { color: #fff; line-height: normal; background-color: #0c6; text-align: center; display: block; padding-top: 50px; padding-bottom: 52px; width: 154px; border-top: 6px solid #fff; border-left: 6px solid #fff }
a.g2 { color: #fff; line-height: normal; background-color: #0c9; text-align: center; display: block; padding-top: 50px; padding-bottom: 52px; width: 154px; border-top: 6px solid #fff; border-left: 6px solid #fff }
a.g3 { color: #fff; line-height: normal; background-color: #0cc; text-align: center; display: block; padding-top: 50px; padding-bottom: 52px; width: 154px; border-style: solid solid none; border-width: 6px 6px medium; border-color:  #fff   }
a.g4      { color: #fff; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #0c6; text-align: center; display: block; padding-top: 6px; width: 154px; height: 30px; border-right: 6px solid #fff; border-bottom: 6px solid #fff; border-left: 6px solid #fff }
a.g5      { color: #fff; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #0c9; text-align: center; display: block; padding-top: 6px; width: 154px; height: 30px; border-right: 6px solid #fff; border-bottom: 6px solid #fff; border-left: 6px solid #fff }
a.g6      { color: #fff; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #0cc; text-align: center; display: block; padding-top: 6px; width: 154px; height: 30px; border-right: 6px solid #fff; border-bottom: 6px solid #fff; border-left: 6px solid #fff }
/* secondary navigation */
.link_menu2        { background-repeat: repeat-x; background-attachment: scroll; width: 154px; height: 150px }
.link_menu2 .g3 {
	border-top: 6px solid #FFF;
	height: 100px;
	line-height: 100px;
}
.link_menu2 a    { font-size: 1.2em; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; text-align: center; display: block; padding: 10px 0; height: 40px; clear: right }
.link_menu2 a span     { font-size: 2em; font-style: normal; font-variant: normal; font-weight: normal; margin-top: 3px; margin-left: 10px; float: left }

/* content */ 
.content   { color: #444; text-align: left; padding: 0 10px 10px }
.content a     { color: #096 }
.content p  { margin: 4px 0 10px }
.content .descr   { color: #099; margin-bottom: 6px }
.content li    { list-style: url("img/li.gif"); margin-left: 18px }

/* footer */
.footer   { color: #093; clear: both }
.footer .right a   { color: #296329; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 1px 3px }
.footer .right a:hover   { color: #363; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }
.footer .left a   { color: #0cc }
.footer .left  { text-align: left }
.footer .right  { text-align: right }
