﻿
/* =global
************************/
* {padding: 0; margin: 0;}

body {	font-family:	Arial, verdana, sans-serif;
		background:		#dae5ec;
		text-align:		center;
}

a {text-decoration:		none;
	color:				blue;
	outline:			none}

a:hover {border-bottom:		1px dotted blue}

img {border-style:		none}

.emphasis {font-weight:	bold}

.clear {
  clear: both;
  height: 0;
}

/* =document
************************/
#document {			width: 				960px;
					margin:				20px auto;
					padding:			0 0 2em 0;
					text-align:			left;
					background-color:	#fff;
					border:				1px solid #999999;
					
	}				

/* =header
************************/
#header {			background:			#8CA8E6 url('../images/logowide.png') no-repeat 0 0;
					height:				125px;
					margin:				0;}
					
.tagline	{ 		color:				#333333;
					font-weight:		bold;
					padding-top:		80px;
					padding-left:		280px
}

/* =nav-main
************************/
#nav-main {			width:				100%;
					overflow:			auto;
					background-color:	#003399;
					border-bottom:		1px solid #999999;
					border-top:			1px solid #999999;
					padding:			0;

					}							
					
ul#nav-list {		float:				left;
					padding: 			0 0 0 2em;
					font-weight:		bold;
					}	
							
ul#nav-list li {		display:			block;
					float:				left;
					padding: 			0 .8em;
					line-height:		2em;
}

ul#nav-list li a {		color:				#FFF;
					text-decoration:	none;
					outline:			none}

ul#nav-list li.here {	text-decoration:	none;
					color:				#FF9800;
}
					
ul#nav-list li a:hover {border-bottom:		1px dotted #FFFFFF
}
						
ul#flag-list {		float:				right;
					padding:			.4em 2em 0 0}
					
ul#flag-list li {		display:			inline;
					float:				left;
					padding:			0 8px 0 8px;
					font-size:			80%}
					
ul#flag-list li img {	border-style:		none;
					margin:				0}		

ul#flag-list a {		text-decoration:	none;
					color:				#fff
					}

ul#flag-list a:hover {border-bottom:		none}
					
/* =content
************************/
			
/* =content-main
************************/
#content-main {		background-color:	#FFFFFF;
					margin:				0;
					overflow:			auto;
					padding:			0 10px 10px 40px;
					line-height:		1.8;
					font-size:			85%;
					
}
h1, h2, h3, h4, h5, h6 {padding-top:		1em}



#content-main h1 {	font-size:			160%;
					}
#content-main h2 {	font-size:			130%;
					font-weight:		normal;
					color:				#333333}
#content-main h3 {	font-size:			120%;
					font-weight:		bold}

#content-main ul {	list-style-position:outside;
					padding-left:		2em;
					padding-top:		1em}
					
#content-main ul li {	padding-top:	.2em}
					

#content-main p {	margin-top:			1em;}

table {
   color:           inherit;
   background:      inherit;	/* Don't make tables transparent */
   border-collapse: collapse;
   border-spacing:  0;
   empty-cells:     show;
   margin:          1em 3em 1em 0;
   padding:         0;
   border:          1px solid #999999;
   font-size:		90%;
					}

table caption {
   text-align:      center;
   caption-side:    top;
   margin:          0 2.5em 0.75em;
   padding:         0;
   border:          none;
}

table td,
table th {

   vertical-align:  top;
   margin:          0;
   padding:         .75em 0.75em;
   border:          1px solid #999999;
}

table th {
   text-align:      center;
}

table th,
table td.highlight,
table th.highlight {
   font-weight:     bold;
   color:           inherit;
   background:      #F0F0F0;
}

table td.lighter,
table th.lighter {
   color:           inherit;
   background:      #F8F8F8;
}

table td.left,
table th.left {
   text-align:      left;
}

table td.center,
table th.center {
   text-align:      center;
}

table td.right,
table th.right {
   text-align:      right;
}					
					
/* =content-secondary
************************/


#content-secondary {	float: 			right;
					width:			24em;
/*					font-family:	Garamond, "Times New Roman", serif; */
					text-align:		center;
					line-height:	1.4;
					font-size: 85%;


}

.content-box {		
					background-color:	#FFFFCC;  
					padding:		0 10px 10px 10px;
					margin:			15px 15px 15px 15px;
					border:			1px solid #999999; 
					}


#content-secondary ul li {	padding-top:		1em}
					
#content-secondary h1 {	margin-bottom:	1em;
				font-size: 120%;
					font-weight:	bold;
					border-bottom:	1px solid #999999;
					padding-bottom:	.2em;
}					
#content-secondary ul li {	list-style:		none;
						padding:		0}
					
#content-secondary ul {	padding:		0;
}

#content-secondary a {	text-decoration:none}

#content-secondary a:hover {border:		none}

#content-secondary li.main {	margin-top:		1em}
					
.memb {				margin-top:		1em}
				



/* =footer
************************/
#footer {		padding:			1em;
				color:				#666666;
				border-top:			1px solid #999999;
				text-align:			center;
				font-size:			80%;
				clear:				both}
				
#footer a {		color:				#666666;
				font-weight:		bold}