/* CSS Document */

/******************
BASIC COLORS:
blackberry (purple) is 660099
yellow is fffff66
jade (green) is 009999
dark green is 006633 
jade gradient starts at 5fce9d
007531 green
start green60b75b
take jade then
color balance 100% towards green and yellow
then brightness -100
******************/

/******************
HTML Tags
******************/

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	margin:15px 40px;
	background-color: #000000;
	font-size:.72em;
	vertical-align : middle;
	}


#content p, #contentside2 p, table {
	margin:0px 0px 20px 0px;
	}

#contentside2 img {
	border:none;
	}

#breadcrumbside label {
	display:none
	}

/******************
FORM STYLES
******************/

#contentcontainer form {
	margin:20px 0px;
	padding:0px 0px 0px 0px;
	}

#contentcontainer fieldset {
	margin:10px 0px 20px 0px;
	padding:0px 10px 10px 20px;
	}

/* a nested fieldset */
#contentcontainer fieldset fieldset {
	margin:15px 0px 5px 0px;
	padding:0px 5px 5px 5px;
	}

#contentcontainer legend {
	margin-bottom:0px;
	padding:0px 10px 5px 5px;
	color:#666666;
	font-weight:bold;
	}

/* a nested legend */
#contentcontainer fieldset fieldset legend {
	margin-bottom:0px;
	padding:0px;
	font-weight:normal;
	}

#contentcontainer label {
	display:block;
	padding-top:8px;
	}

#breadcrumbside form {
	margin:0px;
	padding:0px;
	text-align:right;
	}

#breadcrumbside form fieldset {
	margin:0px;
	padding:0px;
	border:none;
	}

#breadcrumbside form legend {
	display:none;
	}

/******************
LINKS
******************/

a:link {
	color:#0000FF;
	}

a:visited {
	color:#0099CC;
	}

a:hover {
	color:#000099;
	text-decoration:none;
	}

a:active {
	color:#669966;
	}

	

#header a {
	color:#FFFFFF
	}

#breadcrumb-container a {
/*	color:#a9d679;*/
    color:#FFFFCC;
	text-decoration:none;
	}
#breadcrumb-container a:hover {
/*	color:#a9d679;*/
    color:#FFFF00;
	}

.verysmall    { color: #666666; font-family: Arial; font-size: 7pt }
.footerorange     { color: #FFCC33; font-family: Verdana; font-size: 9pt }

.whaz     { color: #FFFFFF; font-family: Verdana; font-size: 8pt }
a:link.whaz  { color: #FFFFFF; text-decoration: none; font-size:8pt; font-family:Verdana }
a:hover.whaz   { text-decoration: none; color: #FFFF00;  font-size:8pt; font-family:Verdana }

/******************
HEADINGS
******************/
.pagetitle {
	font-size:1.6em;
	padding:0;
	margin:0 0 10px 0;
	color:#FFFF66;
	}
	
h1 {
	font-size:1.6em;
	padding:0;
	margin:0 0 10px 0;
	}

h2 {
	font-size:1.1em;
	color:#006633;
	}

h3 {
	font-size:1.4em;
	}
	
h4 {
	font-size:1.1em;
	}
	
h5 {
	font-size:.9em;
	}
	
h6 {
	font-size:.8em;
	}

#three-column-container h2 {
	margin:0px 0px 10px 0px;
	padding:0px;
	}
	
.header {
	font-size:12px;
	font-weight:bold;
	color:#006633;
	}


/******************
Layout Divs
******************/


#header {
	font-size:.85em;
	color:#FFFFFF;
	height:106px;
	/*position:fixed;
	bottom:0px;
	left:0px;*/
	text-align:center;
	background: #006300 url(../images/topbar_mid.gif) repeat-x;/*footer background color same as header*/
	font-size:1.8em;
	font-weight:bold;
	}

#header a {
	text-decoration:none;
	color:#FFFFFF;
	}

#slogan {
	font-size:.68em;
	margin:0px;
	font-weight:normal;
	padding-top:7px;
	}
	
#breadcrumb-container {
	border-bottom:2px solid #7F7F7F;
	border-right:1px solid #7F7F7F;
	border-left:1px solid #EDEDED;
	margin-bottom:1px;
	background: #660099 url(../images/purplebar.png) repeat-x;
	padding:6px 0;
	}

#breadcrumb {
	float:left;
	padding:0 10px;
	}

#breadcrumbside {
	float:right;
	padding:4px 10px;
	color:#FFFFCC;
	}

#contentcontainer {
	background-color:#F6F6F6;
	border-top:1px solid #CBCBCB;
	border-right:1px solid #7F7F7F;
	border-left:1px solid #CBCBCB;
	padding:0px;
	margin:0px;
	position:relative;
	}

#content-side {
	position:absolute;
	top:0px;
	left:0px;
	width:150px;
	padding:10px;
	}

#contentside2 {
	position:absolute;
	top:0;
	right:0px;
	width:120px;
	padding:10px;
	}

#content {
	padding:10px 10px 0px 10px;
	margin:0px 140px 0px 171px;
	height:100%;
	min-height:400px;
	background-color:#FFFFFF;
	border-left:1px dashed #D0D0BF;
	border-right:1px dashed #D0D0BF;
	}

#three-column-container {
	width:100%;
	margin:10px 0px;
	}

#three-column-left {
	float:left;
	width:30%
	}

#three-column-right {
	float:right;
	width:30%
	}

#three-column-middle {
	width:300px;
	margin:0px 32% 0px 35%
	}

.clear {
	clear:both;
	}


#footer { 
	font-size:.85em;
	color:#FFFFFF;
	height:179px;
	/*position:fixed;
	bottom:0px;
	left:0px;*/
	background: #006300 url(../images/bottombar_mid.gif) repeat-x;/*footer background color same as header*/
	text-align:center;
}

#footer a { 
	text-decoration:none;
	color:#FFFFCC;
}
#footer a:hover { 
	color:#FFFF00;
}


/******************
MENU ITEMS and ALL LISTS IN LEFT COLUMN
******************/
#content-side ul.list, #content-side ul.link-list-vertical {
	margin:0px 0px 15px 0px;
	padding:0px;
	}

#content-side ul.list li {
	list-style:none;
	padding:2px 0px 2px 12px;
	margin:0px;
	background: url(../bullet-right.gif) no-repeat;
	background-position: 0 50%;
	}

#content-side ul.link-list-vertical li {
	list-style:none;
	margin:0px;
	padding:2px 0px;
	}

#content-side ul.link-list-vertical li a:link {
	padding:2px 0px 2px 12px;
	background: url(../bullet-link.gif) no-repeat;
	background-position: 0 50%;
	}

#content-side ul.link-list-vertical li a:visited {
	padding:2px 0px 2px 12px;
	background: url(../bullet-link-visited.gif) no-repeat;
	background-position: 0 50%;
	}

#content-side ul.link-list-vertical li a:hover {
	padding:2px 0px 2px 12px;
	background: url(../bullet-link-hover.gif) no-repeat;
	background-position: 0 50%;
	}

#content-side ul.link-list-vertical li a:active {
	padding:2px 0px 2px 12px;
	background: url(../bullet-link-active.gif) no-repeat;
	background-position: 0 50%;
	}



/******************
LISTS - IN THE CONTENT DIV
******************/

#content ul.list, #content ul.link-list-vertical {
	margin:0px 0px 15px 15px;
	padding:0px;
	}

#content ul.list li {
	list-style:none;
	padding:2px 0px 2px 12px;
	margin:0px;
	background: url(../bullet.gif) no-repeat;
	background-position: 0 50%;
	}

#content ul.link-list-vertical li {
	list-style:none;
	margin:0px;
	padding:2px 0px;
	}

#content ul.link-list-vertical li a:link {
	padding:2px 0px 2px 12px;
	background: url(../bullet-link.gif) no-repeat;
	background-position: 0 50%;
	}

#content ul.link-list-vertical li a:visited {
	padding:2px 0px 2px 12px;
	background: url(../bullet-link-visited.gif) no-repeat;
	background-position: 0 50%;
	}

#content ul.link-list-vertical li a:hover {
	padding:2px 0px 2px 12px;
	background: url(../bullet-link-hover.gif) no-repeat;
	background-position: 0 50%;
	}

#content ul.link-list-vertical li a:active {
	padding:2px 0px 2px 12px;
	background: url(../bullet-link-active.gif) no-repeat;
	background-position: 0 50%;
	}

/******************
LISTS - IN THE RIGHT COLUMN
******************/

#contentside2 ul.list, #contentside2 ul.link-list-vertical
{
	margin:0px 0px 15px 0px;
	padding:0px;
	}

#contentside2 ul.list li
{
	list-style:none;
	padding:2px 0px 2px 12px;
	margin:0px;
	background: url(../bullet-right.gif) no-repeat;
	background-position: 0 50%;
	}

#contentside2 ul.link-list-vertical li
 {
	list-style:none;
	margin:0px;
	padding:2px 0px;
	}

#contentside2 ul.link-list-vertical li a:link
{
	padding:2px 0px 2px 12px;
	background: url(../bullet-link.gif) no-repeat;
	background-position: 0 50%;
	}

#contentside2 ul.link-list-vertical li a:visited
{
	padding:2px 0px 2px 12px;
	background: url(../bullet-link-visited.gif) no-repeat;
	background-position: 0 50%;
	}

#contentside2 ul.link-list-vertical li a:hover
 {
	padding:2px 0px 2px 12px;
	background: url(../bullet-link-hover.gif) no-repeat;
	background-position: 0 50%;
	}

#contentside2 ul.link-list-vertical li a:active
{
	padding:2px 0px 2px 12px;
	background: url(../bullet-link-active.gif) no-repeat;
	background-position: 0 50%;
	}

/******************
TABLE STYLES
******************/

.table {
	width:100%;
	border:1px solid #D0D0BF;
	border-collapse:collapse;
	}
	
.table td {
	padding:10px;
	}

thead th, tfoot th {
	background-color:#F6F6F6;
	border-bottom:2px solid #D0D0BF;
	border-top:2px solid #D0D0BF;
	padding:10px;
	font-weight:normal;
	font-variant:small-caps;
	}

/******************
CLASSES
******************/

.button-big {
	margin-top:8px;
	}

img.photobig, img.photosmall {
	border-top:1px solid #CCCCCC;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #CCCCCC;
	background: #E0E0E0 url(../background_table_04.gif) repeat-x;
	padding:8px;
	margin:3px;
	}

img.photosmall {
	margin-right:10px;
	margin-bottom:2px;
	}
	
.searchbox {
	height:13px;
	margin:0px;
	padding:0px;
	width:8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	}

.button-search {
	height:18px;
	margin:0px;
	padding:0px 0px 0px 0px;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #CCCCCC;
	background: url(../bg-button-search.gif) repeat-x;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0000FF;
	}

.none {
	display:none;
	}

.clear {
	clear:both;
	background-color:#FFFFFF;
	}