/*
=====================================================
=GLOBAL
=====================================================
*/
/* initialise all margins and padding to zero baseline
---------------------------------------------------*/
blockquote,body,caption,div,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,h6,html,ol,p,pre,textarea,table,td,th {
	margin:0;
	padding:0;
}
body,
html 
{
    background:#E9ECF3 url(../../images/page-bg.jpg) repeat-x ;
}
body {
	color:#555;
	font:76%/1.5 "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
}



/*
=====================================================
MAIN LAYOUT - CONTAINERS
=====================================================
*/

/* =wrap 
---------------------------------------------------*/
#wrap {
	position:relative;
	width:840px;
	/*
    below only works for firefox and IE7
    min-width:728px;
	max-width:70em;
    */
	margin:0 auto;
	padding:7px 15px 7px 15px;
	background:#fff;
}

/* =topmenu - contains list of extra menu items 
---------------------------------------------------*/
#topmenu {
	margin:0 0 5px 0;
	padding:0 1em 0 0;
	/*
	background:#f1efe7;
	background:#E4EFE3;
	background:#BDD6BD;
    */
	background:#E4EFE3 url(../../images/nav-tab-green.jpg) repeat-x;
	font-size:0.94em;
	line-height:3.0;
	color: #000;
}

/* =banner - contains header image
---------------------------------------------------*/
#banner {
	position:relative;
	height:120px;
	background:#F7F8E6 url(../../images/header-bg-green-1000.jpg) no-repeat 0 -30px;
}

/* =navigation
---------------------------------------------------*/
#nav 
{
    /*
	clear:both;
    */
	padding-top:5px;
}

/* =content - central area for content
---------------------------------------------------*/
#content 
{
    clear:both;
	margin:0.4em 0 0 0;
    }

/* =secondary - area for notices - to right of page
---------------------------------------------------*/
#content-secondary {
	float:right;
	width:33%;
	margin:1em 0 0 0;
	color:#555;
	background:#E4EFE3;
}

/* =secondary - area for forms - to left of page
---------------------------------------------------*/
#content-secondary-formleft {
	float:left;
	width:380px;
	margin:1em 0 0 0;
	color:#555;
	padding-right:20px;

}

/* =main - main area for content - to right of page
---------------------------------------------------*/
#main {
	float:left;
	width:64%;
	margin:1em 0 0 0;
	overflow:hidden;
}

/* =main - main area for content - to right of page
---------------------------------------------------*/
#main-right {
	float:left;
	margin-left: 300px;
	/*width:64%;*/
	margin:1em 0 0 0;
	overflow:hidden;
}

/* =main - main area for content - to left of page
---------------------------------------------------*/
#main-formright {
	float:right;
	margin:1em 0 0 0;
}

/* =fullpagemain - main area for content - stretches
---------------------------------------------------*/
#fullpagemain {
	float:left;
	width:100%;
	margin:1em 0 0 0;
	overflow:hidden;
}


/* =footer - copyright, disclaimer area
---------------------------------------------------*/
#footer 
{
    clear:both;
    background:#E4EFE3;
	margin:5px 0 5px 0;
	padding:1em 0;
	font-size:0.94em;
}



/*
=====================================================
CONTAINER REFINEMENTS - Contextual selectors
=====================================================
*/

/* = topmenu contextual selectors
---------------------------------------------------*/
#topmenu ul 
{
    list-style:none;
	margin:0 0 0 5px;
}

#topmenu li {
	display:inline;
	margin:0;
	padding:20px 10px 2px 25px;
}

#topmenu a:link,
#topmenu a:visited {
	color:#000;
	font-weight:normal;
}
#topmenu a:focus,
#topmenu a:active,
#topmenu a:hover {
	color:yellow;
}

.top-atp {
    background: transparent url(../../images/icon-atp.gif) no-repeat left 14px;
}
.top-members {
    background: transparent url(../../images/icon-home.gif) no-repeat left 19px;
}
.top-sitemap {
    background: transparent url(../../images/icon-site.gif) no-repeat left 19px;
}
.top-message {
    background: transparent url(../../images/icon-msg.gif) no-repeat left 19px;
}


/* = banner contextual selectors
---------------------------------------------------*/
#banner img {
    position:absolute;
    bottom:0px;
    left:0px;
    color:#fff;
}
#banner a,
#banner a:hover {
    color:#fff;
    background:transparent;
}


/* = navigation contextual selectors
---------------------------------------------------*/
#nav ul {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	background:#C0D9C0 url(../../images/nav-tab-green.jpg) repeat-x;
}
#nav li {
	display:inline;
	margin:0;
	padding:0;
}
#nav a 
{
	/*
	Colors used
    Dark Purple Separator for right hand side = #940094;
    Dark Purple taken from darkest point of trio background images
    Lighter Purple Separator for left hand side = #F669FD;
    Lighter Purple taken from lightest point of trio background images
    Other colors not used = #BD00DB
    Images used
    nav-tab = trio of purple hazes varying in intensity
    offset -60px, -120px detremines where imahe background starts from
    */
	display:block;
	float:left;
	width:auto;
	margin:0;
	padding:0 13px;
	border-right:1px solid #78A775;
	border-bottom:none;
	border-left:1px solid #C0D9C0;
	color:#fff;
	background:#C0D9C0 url(../../images/nav-tab-green.jpg) repeat-x;
	font-weight:bold;
	font-size:14px;
	line-height:2.3;
	text-decoration:none;
}
#nav a:hover,
#nav a:focus,
#nav a:active {background:#78A775 url(../../images/nav-tab-green.jpg) repeat-x 0 -120px;}
#nav .sel a {background:#78A775 url(../../images/nav-tab-green.jpg) repeat-x 0 -120px;}
#nav .sel a:focus {background:#C0D9C0 url(../../images/nav-tab-green.jpg) repeat-x 0 -60px;}

/* = footer contextual selectors
---------------------------------------------------*/
#footer ul {
	margin:0;
	list-style:none;
	text-align:left;
	padding-left:10px;
}
#footer li {
	display:inline;
	margin:0;
	padding:0 0 0 0;
}
#footer li:before {content:"\00B7\00A0";}
#footer li:first-child:before {content:"";}





/*
=====================================================
GENERAL CSS ELEMENTS - BASELINE VALUES
=====================================================
*/

/* = links
---------------------------------------------------*/
a:link,
a:visited {color:#333;}
a:hover,
a:focus,
a:active {color:Olive; }
a:focus,
a.imglink:link,
a.imglink:visited {border:none;}
a.imglink:hover {background:transparent;}


/* headers - set base values
---------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	color:#396342;
	font-weight:bold;
	font-family:Helvetica,Arial,Geneva,sans-serif;
}


/* content-secondary overrides for defaults
---------------------------------------------------*/
#content-secondary p 
{
	color:#555;
    padding:0.6em;
}
#content-secondary h2 
{
	margin:0 0 0.5em;
	color:#555;
    background:#C0D9C0;
    padding:0.6em;
}
#content-secondary h4
{
	margin:0.6em 0 0 0.5em;
    color: purple;
}


/* =secondary - area for lists - to left of page
---------------------------------------------------*/
#content-secondary-left {
	float:left;
	width:280px;
	margin:1em 0 0 0;
	color:#555;
	background:#E4EFE3;
}

/* content-secondary-left overrides for defaults
---------------------------------------------------*/

#content-secondary-left p 
{
	color:#555;
    padding:8px;
}
#content-secondary-left h2 
{
	margin:0 0 0.5em;
	color:#000;
    background:#C0D9C0;
    padding:0.6em;
}
#content-secondary-left h3
{
	font-size:16px;
	margin:10px;
    color: purple;
}
#content-secondary-left h4
{
	font-size:14px;
	margin:0.6em 0 0 0.8em;
    color: purple;
}
#content-secondary-left .sm
{
	font-size:10px;
	margin:10px;
}


/* main-secondary overrides for defaults
---------------------------------------------------*/
.main-secondary 
{
    background:#F0F0F0;
}
.main-secondary p 
{
	color:#555;
    padding:0.6em;
}
.main-secondary h2 
{
	margin:0 0 0.5em;
	color:#555;
    background:#C0D9C0;
    padding:0.6em;
}
.main-secondary h4
{
    margin: 0.6em 0 0 0.5em;
}


/* =tertiary - area for lists - to left of page
---------------------------------------------------*/
#content-tertiary-left {
	float:left;
	width:180px;
	margin:1em 0 0 0;
	color:#555;
	background:#E4EFE3;
}

/* content-tertiary-left overrides for defaults
---------------------------------------------------*/
#content-tertiary-left p 
{
	color:#555;
    padding:8px;
}
#content-tertiary-left h2 
{
	margin:0 0 0.5em;
	color:purple;
    background:#C0D9C0;
    padding:0.6em;
}
#content-tertiary-left h3
{
	font-size:16px;
	margin:10px;
    color: purple;
}
#content-tertiary-left h4
{
	font-size:14px;
	padding:8px;
    color: purple;
}
#content-tertiary-left .sm
{
	font-size:10px;
	margin:10px;
}

/* main-tertiary - area for body of page
---------------------------------------------------*/
#content-tertiary-main 
{
    float: left;
	margin: 1em 0px 0px 20px;
	width: 440px;
	/*width:64%;*/
	/*overflow:hidden;*/
}

/* main-tertiary overrides for defaults
---------------------------------------------------*/
#content-tertiary-main
{
    background:#F0F0F0;
}
#content-tertiary-main p 
{
	color:#555;
    padding:0.6em;
}
#content-tertiary-main h2 
{
	margin:0 0 0.5em;
	color:#555;
    background:#C0D9C0;
    padding:0.6em;
}
#content-tertiary-main h4
{
    margin: 0.6em 0 0 0.5em;
}

/* tertiary - right - area for lists - to right of page
---------------------------------------------------*/
#content-tertiary-right {
	float:right;
	margin:10px;
	width:180px;
	margin:1em 0 0 0;
	color:#555;
	background:#E4EFE3;
}

/* content-tertiary-left overrides for defaults
---------------------------------------------------*/
#content-tertiary-right p 
{
	color:#555;
    padding:8px;
}
#content-tertiary-right h2 
{
	margin:0 0 0.5em;
	color:purple;
    background:#C0D9C0;
    padding:0.6em;
}
#content-tertiary-right h3
{
	font-size:16px;
	margin:10px;
    color: purple;
}
#content-tertiary-right h4
{
	font-size:14px;
	padding:8px;
    color: purple;
}
#content-tertiary-right .sm
{
	font-size:10px;
	margin:10px;
}

/* main-header overrides for defaults
---------------------------------------------------*/
.main-header 
{
    background:#C0D9C0 url(../../images/nav-tab-green.jpg) repeat-x;
}
.main-header h2 
{
	margin:0 0 0.5em;
	color:#000;
    padding:0.6em;
}

/* main-highlighted overrides for defaults
---------------------------------------------------*/
.main-highlighted 
{
    background:#F0F0F0;
}
.main-highlighted p 
{
	color:#555;
    padding:0.6em;
}
.main-highlighted h2 
{
	margin:0 0 0.5em;
	color:red;
    background:#C0D9C0;
    padding:0.6em;
}
.main-highlighted h4
{
	margin:0.6em 0 0 0.5em;
}

/* headers - refinements
---------------------------------------------------*/
h1 {
	margin:0 0 0.5em;
	font-size:1.8em;
	line-height:1.2;
}
h2 {
	clear:both;
	font-size:1.5em;
	line-height:1.3;
	margin:0.5em 0 0.5em 0;
}

.about #main h2 {clear:none;}
h3 {
	margin:0 0 0.5em;
	font-size:1.8em;
	line-height:1.2;
}
.home h1 {
	margin:0;
	color:#fff;
	font-size:1em;
	line-height:1.0;
}

.home #main h2 {
	margin:0 0 0.5em;
	color:#666;
	font-size:1.1em;
	line-height:1.0;
}
#latest h3 {
	margin:0 0 0.5em;
	font-size:1.8em;
	line-height:1.2;
}

h2 a:link,
h2 a:visited,
h2 a:hover,
h3 a:link,
h3 a:visited,
h3 a:hover {
	margin:0;
	padding:0;
	color:#8A8E27;
}
h2 a:hover,
h2 a:focus,
h2 a:active,
h3 a:hover,
h3 a:focus,
h3 a:active {color:#D03900;}
.note h3 {color:#333;}
.note h3 a:link,
.note h3 a:visited {color:#333;}
.note h3 a:hover {color:#D03900;}


/* Textboxes and buttons - refinements
---------------------------------------------------*/

.textbox
{
    font-family:Arial;
    background-color:#0099FF;
    border:1px solid;   
}
.button
{
    font-family:Arial;
    color:#FFFFFF;
    background-color:Green;
    border:1px solid;
	height:24px;
	margin:0;
}

/* Photos
---------------------------------------------------*/
.photo 
{
	margin:0 1em 1em 0;
}

/* small text
---------------------------------------------------*/
.sm {
	font-size:0.8em;
}
.redtext {
	color:red;
}
/*
=Misc
*/
code,
kbd,
pre {font-family:Monaco,"Courier New",Tahoma;}
strong code,
dt code {font-weight:normal;}
ins {
	background-color:#dde3dd;
	text-decoration:none;
}
p,
pre {margin:0 0 1em;}
abbr,
acronym {border:none;}
abbr[title],
acronym[title] {
	border-bottom:1px dotted #666;
	cursor:help;
	font-style:italic;
}
.non-visual,
.structural {
	position:absolute;
	left:-9999px;
}
.clearfix:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
}
.clearfix {display:inline-block;}
.clearfix {display:block;}

hr {
	padding:0;
	margin:10px 10px 0px 10px;
	border-top:1px solid #dfdfdf;
}

/* TABLES
---------------------------------------------------*/

legend {
	
	background-color:#45586f;
	color: #FFFFFF;
	margin:0 0 10px 0px;
	padding:5px;
	border-style:solid;
	border-width:1px;
	border-color:#999999;
}

fieldset {
	margin: 0 0 10px 0px;
	padding:10px;
	border:1px solid #7E9FCA;
	
}

#loginArea p{
	padding: 10px 0px 2px 0px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	line-height:120%;
}

#tblArea p{
	padding: 10px 0px 10px 0px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	line-height:140%;
}

#tblArea table.tblstyle {   
 background-color: #F9FBFD;   
 color: #000000;   
 border: 1px solid #D7E5F2;   
 border-collapse: collapse;   
}  

.labelcell {    
	font: 12px Verdana, Geneva, Arial, Helvetica, "sans-serif bold";    
	color: #000000;    
	background-color: #F9FBFD;  
	padding: 4px;  
	border: 1px solid #D7E5F2;   
}    
   
.fieldcell {    
	font: 12px Verdana, Geneva, Arial, Helvetica, "sans-serif bold";     
	color: #000000;    
	background-color: #F2F7FB;  
	margin-right: 0px;    
	padding: 4px;  
	border: 1px solid #D7E5F2;   
}    

.normalcell {    
	font: 12px Verdana, Geneva, Arial, Helvetica, "sans-serif bold";     
	color: #000000;    
	background-color: #F2F7FB;   
	margin-right: 0px;    
	padding-right: 0px;    
}  

.normalcell input {     
	 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;      
	 color: #102132;     
	 margin-right: 0px;    
	 padding: 4px;   
	 border: 0; 
	 background-color: #F9FBFD; 
	 height:24px;
}    

.fieldcell input {    
	 width: 200px; 
	 height: 14px;   
	 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;    
	 color: #102132;    
	 border: 1px solid #999999;    
	 margin-right: 0px;    
	 padding: 4px;   
}    

* html .fieldcell input {
	height: 20px;
	font-family: Verdana, Geneva, Arial, Helvetica,  sans-serif;
	font-size: 12px;
	color: #000000;
}
   
.fieldcell select {    
	 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;   
	 width: 208px; 
	 height: 30px;   
	 color: #102132;    
	 border: 1px solid #999999;     
	 padding: 4px;  
}

* html .fieldcell select {
 	height: 30px;   
	font-family: Verdana, Geneva, Arial, Helvetica,  sans-serif;
	font-size: 12px;
	color: #000000;
}

.fieldcell-button {    
	height: 30px;   
}   

.button {    
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;    
 background-color: #D7E5F2;    
 color: #102132;    
 margin-left: 12px;    
 margin-top: 3px;    
 margin-bottom: 2px;    
}


/*
--------------------------------------------------------------------------------------
Tables
------------------------------------------------------------------------------------ 
*/
	
#content-table {
	/*
	width:440px;
	*/
}

#content-table-main {
	width:100%;
}

#content-table-main p {
	padding:30px 20px 10px 0px;
	font-family: arial,verdana,sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: bold;
	text-decoration: none
}

#content-table-main p a{
	text-decoration: none;
}

#content-table-main p a:hover{
	color:#990000;
}

.vTop {
	vertical-align: text-top;
	vertical-align: top;
}

.td-darkgray {
	padding:4px;
	color:#FFFFFF;
	background-color: #53617E;
}
.td-ghostwhite {
	padding:4px;
	background-color: #F8F8FF;
}
.td-rowbreaker {
	border-top:1px solid #dfdfdf;
}

/*
--------------------------------------------------------------------------------------
Forms
-------------------------------------------------------------------------------------- 
*/

/*
input {    
	 height: 14px;   
	 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;    
	 background-color: #FFFFFF;    
	 color: #102132;     
	 margin-right: 0px;    
	 padding: 4px;   
}    

* html input {
	height: 20px;
	font-family: Verdana, Geneva, Arial, Helvetica,  sans-serif;
	font-size: 12px;
	color: #000000;
}
*/

form { 
}


legend {
	background-color:#45586f;
	color: #FFFFFF;
	margin:0 0 10px 0px;
	padding:5px;
	border-style:solid;
	border-width:1px;
	border-color:#999999;
}

fieldset {
	margin: 0 0 10px 0px;
	padding:10px;
	border:1px solid #7E9FCA;
	
}

input {    
	 height: 16px;   
	 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;        
	 margin-right: 0px;    
	 padding: 0;   
}    

* html input {
	height: 20px;
	font-family: Verdana, Geneva, Arial, Helvetica,  sans-serif;
	font-size: 12px;
}

select {    
	 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;   
	 height: 22px;   
	 color: #102132;    
	 border: 1px solid #999999;     
	 padding: 0;  
}

* html select {
 	height: 26px;   
	font-family: Verdana, Geneva, Arial, Helvetica,  sans-serif;
	font-size: 12px;
	color: #000000;
}

#loginfrm table {   
 background-color: #F9FBFD;   
 color: #000000;   
 width: 100%;   
 border: 1px solid #D7E5F2;   
 border-collapse: collapse;   
 /* This collapses the borders, so that space doesn't appear between each cell in the table */
}  
 
#loginfrm td {   
 border: 1px solid #D7E5F2;   
 padding: 4px;   
}

.btn80 {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	width: 80px;
	height: 24px;
	border: 1pt solid #999999;
	cursor: hand;
	text-transform: none;
	padding: 2px;
	background-image: url(../../images/btnGGx.jpg);
	text-decoration: none;
	margin: 4px 0px;
}

.btn120 {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	width: 120px;
	height: 24px;
	border: 1pt solid #999999;
	cursor: hand;
	text-transform: none;
	padding: 2px;
	background-image: url(~/images/btnGGx.jpg);
	text-decoration: none;
	margin: 4px 0px;
}

.btn120Red {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	width: 120px;
	height: 24px;
	border: 1pt solid #999999;
	cursor: hand;
	text-transform: none;
	padding: 2px;
	margin: 4px 0px;
	background-image: url(../../images/btnRedx.jpg);
	text-decoration: none;
	background-color:Maroon;
}

.btn280 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	width: 280px;
	height: 26px;
	border: 1pt solid #999999;
	cursor: hand;
	text-transform: none;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(../../images/btnGGx.jpg);
	text-decoration: none;
	text-align: left;
	margin: 0px 0px 14px 0px;
}

.btnForm100 {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	width: 100px;
	height: 24px;
	border: 1pt solid #999999;
	cursor: pointer;
	text-transform: none;
	padding: 2px;
	background-image: url(../../images/btnGGx.jpg);
	text-decoration: none;
	margin: 2px 0px 0px 2px;
}

.btnForm140 {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	width: 140px;
	height: 24px;
	border: 1pt solid #999999;
	cursor: pointer;
	text-transform: none;
	padding: 2px;
	background-image: url(../../images/btnGGx.jpg);
	text-decoration: none;
	margin: 2px 0px 0px 2px;
}


.btnLink240 {
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	width: 240px;
	height: 24px;
	border: 1pt solid #999999;
	cursor: pointer;
	text-transform: none;
	padding: 8px;
	background-color: #FFCC00;
	text-decoration: none;
	margin: 2px 0px 0px 2px;
}

.radioButtonList input[type="radio"]
{
    width: 20px;
    padding: 0;
    vertical-align: middle;       
}
        
.radioButtonList label
{
    margin-right: 4px;    
    white-space: nowrap;
}

/*
-----------------------------------------------------------------------------------------
Upload PopUp
-------------------------------------------------------------------------------------- 
*/

#popupcontent {
	width:610px;
	padding-bottom: 20px;
	margin-bottom:20px;
}


#upload-popup{
	text-align:left;
	padding: 20px 20px 20px 20px;
}

#upload-popup .content{
	background-color: #FFFFFF;
	padding: 10px;
}

#upload-popup h1{
	margin:0;
	padding:4px;
	text-transform: uppercase;
	font-family: georgia, "times new roman", serif; 
	font-size: 14px; 
	font-weight: bold; color: #FFFFFF; 
	font-style: normal; 
	text-decoration: none;
}

*.background {
	background-color: rgb(42, 47, 53)
}