/*
Colors

Grey: 58595b
Blue: 0055a4
Lt Blue: dfe2f1
Tan: a39161
Lt Tan: e6dfd2
Brown: 7b6d49

*/


body {
	margin: 0;
	font: 62.5%/1.5em arial, helvetica, sans-serif;
	text-align: center;
	color: #58595b;
}

/* PC FF3 adds an outline to Flash objects? */
a, object {
	outline: none;
}

a img { border: none; }

h1, h2, h3, h4, h5, h6 {
    color: #58595b;
}  

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, 
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited  {
    color: #58595b;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #58595b;
} 

h1 { font-size: 1.8em; }
h2 { font-size: 1.8em; }
h3, .news-view-area h2 { font-size: 1.2em; }
h4 { font-size: 1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; } 

h2, h3, h4, h5, h6 {
	margin: 0;	
}

h1,
.news-view-area h1 { 
    color: #0055A4;
    margin: 0 0 1.5em 0;
    line-height: 1.2em;
} 
h3,
h4,
.news-view-area h2  {
	margin: 2em 0 0 0;
	color: #C79316;
}

.news-view-area h1 {
	margin-top: 2em;
	font-size: 1.8em;
}
.news-view-area .date-posted {
	display: none;
}

p {
	line-height: 1.5em;
}

dt {
	font-weight: bold;
	margin-bottom: 0;
}
dd {
	margin: 0 1.5em;
}
	dd p:first-child {
		margin-top: .5em;
	}
 
a,
a:visited {
    color: #0055a4;
    text-decoration: none;
}
a:hover,
a:active {
    color: #C79316;
}

	#columnMain a,
	#columnMain a:visited {
		border-bottom: 1px solid #0055a4;	
	}
		#columnMain a:hover,
		#columnMain a:active {
			border-color: #7b6d49;
		}

fieldset { border: none; }
legend { }

strong, b { font-weight: bold; }
em, i { font-style: italic; }

p {
}
	
div.hr {
  	height: 3px;
  	margin: 10px 0;
  	background: #fff url() 0 0 repeat-x;
}
	div.hr hr {
	  	display: none;
	}

ul, ol {
    margin: 1em 2em;
    padding: 1em;
    list-style: disc;
    color: #666;
}

div.factSheets ul {
	margin-top: 0.5em;
	padding-top: 0;
	margin-bottom: 0.5em;
	padding-bottom: 0;
}

ol {
    list-style: decimal;
    padding-left: 2.5em;
}
	ol ul,
	ol ol {
		margin: 0;
		padding: .5 1em;
	}

ol.orderedList li span {
    color: #666;
}
ol.orderedList {
}
	li {
	    margin: 0;
	    padding: 0;
	} 

blockquote, q {
    margin: 1em 2em;
    padding: 1em;
    border-left: 1px solid #dcd6c6;
    font-style: italic; 
    font-size: 1.2em;   
    color: #666; 
}   

small,
.small { font-size: .8em; }

table { border: 0; border-collapse: collapse; }

address { font-style: normal; }
form { margin: 0; }


/* ----------------
    PAGE STRUCTURE
    ------------- */
#page {
	min-height: 400px;
	text-align: left;
	padding: 0;
	font-size: 1.2em;
}

#wrapper {
	position: relative;
	margin: 0 auto;	
	width: 70em;
}

#header {
	position: relative;
	height: 17em;
	background-position: 65% 0;
	background-repeat: no-repeat;
}

#columnSub {
	float: left;
	width: 15em;
}
	#columnSubInner {
		padding: 1em;
	}

#columnMain {
	float: left;
	width: 39em;
}
	#columnMainInner {
		padding: 1em 4em 1em 4em;
	}

#columnSideBar {
	float: right;
	width: 15em;
}
	#columnSideBarInner {
		padding: 1em;
	}
	
/* ----------------
    PAGE STRUCTURE ELEMENTS
    ------------- */
#logo {
	width: 148px;
	height: 79px;
	display: block;
	background: url(../images/logo_nami.png) 0 0 no-repeat;
	position: absolute;
	top: 4.2em;
	left: 2.3em;
	margin: 0;
	padding: 0;
	font-size: 1em;
}
	#logo a {
		width: 148px;
		height: 79px;
		display: block;
		text-indent: -9999px;
	}
	
#tagLine {
	position: absolute;
	top: 3.5em;
	left: 17em;
	width: 14em;
	overflow: visible;
}
	
	#tagLine span {
		display: block;
	}
		#tagLine span.line1 { margin-left: 0 }
		#tagLine span.line2 { margin-left: .8em }
		#tagLine span.line3 { margin-left: 0em }
		#tagLine span.line4 { margin-left: 1.5em }
		
#search {
	position: absolute;
	top: 3.5em;
	right: 0;
	width: 16em;
	text-align: right;
}
	#search label {
		color: #C79316;
	}
	#search .inputText {
		width: 7em;
		padding: .1em;
		border: 1px solid #C79316;
	}
	#search .submit {
		border: 0;
		color: #fff;
		padding: .1em .5em;
		background-color: #C79316;
		cursor: pointer;
	}
		#search .submit:active {
			background-color: #7b6d49;
		}

#columnSideBar h4 {
	color: #fff;
	background-color: #0055a4;
	padding: .5em .8em;
	text-transform: uppercase;
	font-style: italic;
}

#columnSideBar ul {
	background-color: #dfe2f1;
	padding: .5em .8em;
	margin: 0 0 1em 0;
	list-style: none;
	font-size: .9em;
}
	#columnSideBar li {
		padding: .5em 0;
	}
		#columnSideBar a {
			color: #0055a4;
			text-decoration: none;
		}
			#columnSideBar a:hover,
			#columnSideBar li.last-child a {
				color: #C79316;
			}
			#columnSideBar li.last-child a {
				font-size: .8em;
				border-bottom: 1px solid #C79316;
			}
				#columnSideBar li.last-child a:hover {
					border-bottom: 1px solid #7b6d49;
				}

#columnSub h2,
#columnSub h1 {
	text-align: right;
	font-style: italic;
	font-size: 2em;
	color: #0055a4;
	margin-bottom: 1em;
	text-transform: uppercase;
	line-height: 1em;
}

#columnSub .block {
	font-size: .9em;
}
				
#columnSub h4 {
	color: #fff;
	background-color: #C79316;
	padding: .5em .8em;
	margin-top: 1em;
	text-transform: uppercase;
	font-style: italic;
}
	#columnSub .block {
		padding: .5em .8em;
		background-color: #e6dfd2;
	}
	
.date-posted { margin: 1em 0; color: #999;}


.imageCaption {
	color: #666;
	font-size: .8em;
	padding-bottom: .5em;
}
	.imageCaption p {
		margin: 0;
	}
	a .imageCaption {
		text-decoration: none;
	}

#columnMain img,
.imageCaption {
	margin: 1em;
}
	#columnMain .imageCaption img {
		margin: 0;
	}

/* ----------------
    NAVIGATION
    ------------- */
#navMain {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #0055a4;
}
	#navMain a {
		color: #fff;
		padding: .5em;
		display: block;
		text-decoration: none;
		font-weight: bold;
	}
		#navMain a:hover {
			color: #C79316;
		}
	#navMain ul {
		list-style: none;
		margin: 0;
		padding: 0 2.5em 0 0;
		text-align: right;
	}
		#navMain li {
			display: inline-block;
		}
		
#navTop {
	position: absolute;
	bottom: 3em;
	right: 2.5em;
}
	#navTop a {
		color: #0055a4;
		padding: .35em;
		display: block;
		text-decoration: none;
		font-weight: bold;
	}
		#navTop a:hover {
			color: #C79316;
		}
	#navTop ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		#navTop li {
			float: left;
		}
		
#navContent {
}
	#navContent a {
		color: #C79316;
		padding: .5em .5em .5em 1.5em;
		display: block;
		text-decoration: none;
		font-weight: bold;
		text-transform: uppercase;
	}
		#columnMain #navContent a {
			border: none;
		}
		#navContent a:hover {
			color: #0055a4;
			background: url(../images/icon_logo_circle.png) 0 50% no-repeat;
		}
	#navContent ul {
		list-style: none;
		margin: 0 0 0 -1.5em;
		padding: 0;
		text-align: center;
	}
		#navContent li {
			display: inline-block;
		}

#columnSub ul {
	margin: 0;
	list-style: none;
	line-height: 1.5em;
}
/* ----------------
    FORM ELEMENTS
    ------------- */
    
fieldset {
	border: 1px solid #e4e4e4;
	margin: 2em 0 0 0;
}
	fieldset ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		fieldset li {
			clear: both;
			padding: .5em;
		}
		
fieldset legend {
	font-weight: bold;
	margin: 0;
}
	
fieldset label,
fieldset input[type="text"]{
    float: left;
    display: block;
}
fieldset label {
	text-align: right;
    margin-right: 5px;
    padding: 4px 0;
}
fieldset .inputText,
fieldset .inputTextarea,
fieldset .inputTextareaSmall {
    width: 170px;
    overflow: auto;
    padding: 4px;
}
	fieldset table.checkBoxes {
		width: auto;
	}
		fieldset table.checkBoxes label { 
			text-align: left; 
		}
		
		fieldset table.checkBoxes label, 
		fieldset table.checkBoxes input[type="text"] {
			float: none;
			display: inline;
		}
		
fieldset .inputTextarea {
	height: 8em;
	width: 300px;
}
fieldset .inputTextareaSmall {
	height: 4em;
}
fieldset p.submit {
	text-align: center;
}

div.errors {
	background: #FFFCD7 url(../images/forms/bg_error.gif) 0 0 repeat-x;
	border: 1px solid #E0D75F;
	margin: 1em 0;
	width: 100%;
}
	div.errorsInner {
		padding-left: 80px;
		background: url(../images/forms/big_error.gif) 15px 1em no-repeat;
	}
label span {
	color: red;
}

/* Buy Now Form Styling */
#join label,
#join select {
	display: block;
	margin-bottom: 0.75em;
}
	
	#join select {
		padding: 4px;
	}		

/* ----------------
    MISC
    ------------- */
.floatLeft {float: left;}
.floatRight {float: right;}
.alignLeft {text-align: left;}
.alighRight {text-align: right;}
.alignCenter {text-align: center;}
.clear {clear: both;}


/* ----------------
    CLEAR FLOATS WITHOUT EXTRA HTML MARKUP
    the ID or class is the parent of the floated items
    ------------- */ 
#wrapper:after,
#navMain:after,
#columnWrapper:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}

#wrapper,
#navMain,
#columnWrapper { 
	display: inline-block; 
	_height: 1%;
}

/* Hides from IE-mac \*/
#wrapper,
#navMain,
#columnWrapper { display: block; }


/*Home page featured links */

#featuredLinks {display: block; width: 13em;}
/* ----------------
    END CLEAR FLOATS WITHOUT EXTRA HTML MARKUP
    ------------- */