/* CSS Document 
Created: Sept 2006
Author: J.Cousins - www.inhouselogic.com
For: VGIF.org 

Edit Log:

*/

* {
	font-size: 100%;
}
body {
	background-color: #E5E5D8;
}
a:link, a:visited {
	color: #CC9966;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
	color: #405937;
}
h1,h2,h3 {
	font-family: Georgia, Times New Roman, Times, serif;
}
h4,h5,h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
}
h1 {
	font-size: 130%;
	color: #CC9966;
	border-bottom-color: #D5D6D0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
h2 {
	font-size: 110%;
	color: #CC9966;
}
h3 {
	font-size: 100%;
	color: #405937;
}
h4 {
	font-size: 110%;
	color: #CC9966;
}

/* Structural Areas Defined */
#container {
	margin-right: auto;
	margin-left: auto;
}
#container #main_text_area img {
	border: 1px #000 solid;
	padding: 4px;
	background-color: #fff;
	margin: 6px;
}
#container #left_col {
	background-image: url(../imgs/VGIF_Draft_r6_c1.gif);
	background-repeat: repeat-y;
	background-position: left top;
	display: table-cell;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding: 3px 3px 5px 12px;
}
#container #main_text_area {
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(../imgs/VGIF_Draft_r6_c2.gif);
	background-repeat: repeat-y;
	background-position: left top;
	vertical-align: top;
	display: table-cell;
	padding: 8px;
}
#container #nav_primary {
	background-image: url(../imgs/VGIF_Draft_r2_c1.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 28px;
}
#container #main_footer {
	background-image: url(../imgs/VGIF_Draft_r8_c1.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 25px;
	font-size: 10px;
	font-family: "Trebuchet MS", Helvetica, Sans-serif;
	padding-left: 16px;
	color: #E5E5D8;
	padding-top: 1px;
}

/* Navigation Areas */
/* Primary Navigation */
#container #nav_primary .navigation {
	margin-right: auto;
	margin-left: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 680px;
	text-align: center;
	height: 28px;
	vertical-align: middle;
	line-height: 28px;
}
#container #nav_primary .navigation a:link, #container #nav_primary  .navigation a:visited {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../imgs/square_tan_navbox.gif);
	background-repeat: no-repeat;
	margin-right: 10px;
	padding-left: 14px;
	background-position: left -5px;
}

#container #nav_primary .navigation a:hover, #container #nav_primary .navigation a:active {
	text-decoration: none;
	color: #CC9966;
	background-image: url(../imgs/square_yellow_navbox.gif);
	background-repeat: no-repeat;
	margin-right: 10px;
	padding-left: 14px;
	background-position: left -5px;
}
/* End Primary Navigation */
/* Being Secondary Navigation */
#container #nav_secondary {
	font-family: Arial, Helvetica, sans-serif;
	color: #405937;
	background-color: #FFFFFF;
	text-align: right;
	background-image: url(../imgs/bkgnd_below_masthead.gif);
	background-position: left top;
	background-repeat: repeat-y;
}	
#container #nav_secondary .sub_navigation {
	line-height: 25px;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 100%;
	font-weight: bold;

}
#container #nav_secondary .sub_navigation a {
	font-size: 12px;
	font-weight: bold;
	padding: 0 6px;
}
#container .sub_navigation {
	display: block;
	text-align: right;
	padding: auto 12px;

}
/* End Secondary Navigation */
/* End Navigation */


/* Left Column Text Controls */
#container #left_col_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bolder;
	color: #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(../imgs/VGIF_Draft_r5_c1.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0;
	padding: 5px 3px 1px 16px;
	height: 25px;
	line-height: 1em;
	text-align: left;
}
#container #left_col h1, #container #left_col h2, #container #left_col h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #405937;
	background-color: #C6C6AA;
	padding: 1px 3px;
}
#container #left_col h1 {
	font-size: 120%;
	color: #405937;
}
#container #left_col h2 {
	font-size: 110%;
	color: #405937;
}
#container #left_col h3 {
	font-size: 100%;
	color: #405937;
}
#container #left_col a:link, #container #left_col a:visited {
	color: #CC9966;
	text-decoration: none;
	font-weight: bold;
}
#container #left_col a:hover,#container #left_col  a:active {
	text-decoration: underline;
	color: #405937;
	font-weight: bold;
}
#container #left_col td {
	padding: 0px 3px 0px 12px;
	font-size: 90%;
}
#container #left_col th {
	text-align: left;
}


/* Main Column Special Areas */
#container .main_col_header {
	background-image: url(../imgs/VGIF_Draft_r5_c2.gif);
	background-repeat: repeat;
	background-position: left bottom;
}

/* Contact Footer Info */
#container #main_text_area #contact_footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #666666;
	border-top-color: #CCCCCC;
	border-top-style: solid;
	border-top-width: 1px;
	margin-top: 16px;
	padding: 0px;
}
#container #main_text_area #contact_footer p {
	padding: 0px;
	margin: 3px;
}

/* Misc. Positioning and General Text Controls */
#container #main_text_area .float_right {
	float: right;
}
#container #main_text_area .float_left {
	float: left;
}
#container #main_text_area .breakout_table {
	background-color: #E5E5D8;
	display: table;
	float: right;
	margin-top: 6px;
	margin-right: 3px;
	margin-bottom: 6px;
	margin-left: 6px;
}
#container #main_text_area ol {
	list-style-type: decimal;
	list-style-position: outside;
}
#container #main_text_area ol ol {
	list-style-type: lower-roman;
	list-style-position: outside;
}
#container #main_text_area li {
	margin-bottom: 6px;
}
#container #main_text_area ul {
	list-style-image: url(../imgs/square_tan.gif);
	list-style-position: outside;
}
#container #main_text_area .breakout_table {
	color: #000000;
	background-color: #E5E5D8;
}
#container #main_text_area .breakout_table th{
	color: #E5E5D8;
	background-color: #405937;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}
#container #main_text_area .breakout_table td {
	color: #333333;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}
#container #main_text_area p {
	padding-left: 10px;
}
.lt_tan {color: #E5E5D8;}
.gold {color: #FFCC00;}
.green {color: #405937;}
.tan {color: #CC9966;}
.brdr_bottom_lt_tan {color: #E5E5D8;}
.brdr_bottom_goldn {color: #FFCC00;}
.brdr_bottom_green {color: #405937;}
.brdr_bottom_tan {color: #CC9966;}

#container caption {
	font-size: 70%;
	font-style: italic;
	color: #999999;
}
#container #main_footer .credit {
	float: right;
	margin-right: 16px;
}
.text_size_90pcnt {
	font-size: 90%;
}
.text_size_80pcnt {
	font-size: 80%;
}
.text_size_70pcnt {
	font-size: 70%;
}
.text_size_60pcnt {
	font-size: 60%;
}
.text_size_100pcnt {
	font-size: 100%;
}
.text_size_110pcnt {
	font-size: 110%;
}
.text_size_120pcnt {
	font-size: 120%;
}
.text_size_130pcnt {
	font-size: 130%;
}
.text_size_140pcnt {
	font-size: 140%;
}
.text_size_150pcnt {
	font-size: 150%;
}
.text_size_200pcnt {
	font-size: 200%;
}
.px12 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.px14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.tdltbrown {
	background-color: cc9966;
}