/* - - - - - - - - - - - - - - - - - - - - -

Title : CSS Style

- - - - - - - - - - - - - - - - - - - - - */

/* ------------------------------------------------------------------------------------------------------------------------

	css reset

------------------------------------------------------------------------------------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style-position:inherit; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/* ------------------------------------------------------------

	css

------------------------------------------------------------ */

body{
	background: #00345C  url("images/bg.png") no-repeat center 20px;
	border-top: 8px solid #010D17;
	color: #333;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 62.5%; /* http://www.clagnut.com/blog/348/ */
	line-height: 1.6em;
	text-align: center;
	min-width: 980px;
}

/* links  */

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

/* headings */

h1 {font-size:2em}  /* displayed at 24px */
h2 {font-size:1.5em}  /* displayed at 18px */
h3 {font-size:1.25em}  /* displayed at 15px */
h4 {font-size:1em}  /* displayed at 12px */

/* tables & forms */

input, select, th, td {font-size:1em}

/* ------------------------------------------------------------

	page structure

------------------------------------------------------------ */

#mast-head{
	font-size: 1.1em;
	background: #010D17;
	line-height: 1.6em;
	color: #FFF;
	text-align: left;
	min-width: 960px;
}
#wrap{
	margin: 0 auto;
	text-align: left;
	position: relative;
	width: 960px;
	overflow: hidden;
}
#header{
	margin: 0 auto;
	padding: 40px 0 60px 0;
	height: 42px;
}
#navigation{
	color: #fff;
	background: none;
	padding: 5px 0 0 0;
	height: 1%;
	font-size: 12px;
	width: 760px;
	float: right;
}
#content{
	height: 1%;
	width: 760px;
	float: right;
	display: inline;
}
#primary-content{
	background: #fff;
	font-size: 1.4em;
	line-height: 1.6em;
	padding: 30px;
	overflow: hidden;
}
#secondary-content{
	color: #6FAAD8;
	float: left;
	font-size: 1.1em;
	line-height: 1.6em;
	width: 200px;
	margin: 0;
}
#extra-content{
	border: 1px solid #090011;
	border-top: 5px solid #090011;
	padding: 0 20px;
	background: #001D31  url("images/extra_bg.png") no-repeat left top;
	font-size: 1.1em;
	line-height: 1.6em;
	color: #FFF;
	height: 1%;
}
#footer{
	width: 720px;
	color: #D4D0D2;
	font-size: 1.1em;
	float: right;
	border-top: 1px solid #245173;
	background: url("images/grad_bg.png") no-repeat;
	padding: 10px 20px;
	text-align: center;
	margin: 0 auto;
}

/* --- */

.copy{padding: 5px 10px 0 10px;}

/* ------------------------------------------------------------

	mast head

------------------------------------------------------------ */

#mast-head h2, #mast-head h3{
	padding: 5px 0 15px 0;
	margin: 0 0 5px 0;
	font-size: 20px;
	font-weight: normal;
	overflow: hidden;
}
#mast-head p { margin: 0 0 1.5em;}
#mast-head ul{margin: 20px 0 20px 20px;}
#mast-head a{text-decoration: underline;}
#mast-head a:hover{
	text-decoration: none;
}

/* --- */

#extraContainer1{
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

#button{border-top:1px solid #245173;z-index:4;margin:0;text-align: right;padding-bottom: 3px;min-width: 960px;}
#button span{background:#010D17; padding: 0 6px;text-decoration: none;color: #245173;border:1px solid #245173;border-top: none;font-size: 11px;overflow: hidden;line-height: 18px;position:absolute;right: 0;top: -1px; }
#button span img{padding: 0;width: 10px; height: 10px;}
#button span:hover{text-decoration: underline;}
#button div{margin: 0 auto;height: 10px;position: relative;}

/* ------------------------------------------------------------

	header

------------------------------------------------------------ */

#logo{float: left;}

#header h1{
	float: left;
	font-size: 2.6em;
	font-weight: normal;
	margin: 7px 0 25px 10px;
	text-shadow: #000 1px 1px 1px;
}
#header h1 a{
	text-decoration: none;
	color: #FFF;
}
#header h1 a:hover{text-decoration: underline;}
#header span{
	font-size: 18px;
	color: #fff;
	margin: 0;
}

/* search */

#search{font-size: 11px;height: 1%;width: 250px;position: absolute;top: 45px;right: 20px;}

#search form{margin: 0;padding: 0;text-align: left;}
#search form #text{background: #00203A;border: 1px solid #014177;color: #014177;padding: 6px;width: 180px;}
#search form #bt{background: #00203A;border: 1px solid #014177;color: #014177;padding: 6px;cursor: pointer;}

/* ------------------------------------------------------------

	navigation

------------------------------------------------------------ */

#navigation ul{
	margin: 0;
	float: right;
	padding: 0 20px;
}
#navigation li{
	float: left;
	list-style: none;
	position: relative;
}
#navigation li a{
	color: #fff;
	float: left;
	padding: 7px 16px;
	text-decoration: none;
}
#navigation li a:hover{
	text-decoration: underline;
}
#navigation li a.current, 
#navigation a.currentAncestor{
	background: #fff;
	color: #263944;
}
.current{background: #FFF;}

#navigation ul ul{display: none;}
	
/* --- */

#side-navigation{
	margin: 30px 0 0 0;
}
#side-navigation ul{
	list-style: none;
	margin: 0 !important;
	padding: 0;
}
#side-navigation li{display: inline;}
#side-navigation ul a{display: none;}
#side-navigation ul ul a{
	display: block;
	padding: 7px 20px 6px 20px;
	text-decoration: none;
	color: #6FAAD8;
	border-bottom: 1px solid #245173;
	text-align: right;
	text-transform: uppercase;
	background: #014177 url("images/grad_bg.png") no-repeat;
}
#side-navigation ul ul a:hover{
	text-decoration: none;
	color: #FFF;
}
#side-navigation ul ul a.current{
	color: #333;
	text-decoration: none;
	background: #fff;
	font-weight: bold;
}

/* --- */

#side-navigation ul ul ul li a{
	padding-right: 30px;
}
#side-navigation ul ul ul ul a{
	padding-right: 50px;
}
#side-navigation ul ul ul ul ul a{
	padding-right: 70px;
}
#side-navigation ul ul ul ul ul ul a{
	padding-right: 90px;
}

/* ------------------------------------------------------------

	banner

------------------------------------------------------------ */

#banner{
	height: 250px;
	position: relative;
	clear: both;
	background: #447749 url(images/editable_images/banner_1.jpg) no-repeat;
	overflow: hidden;
	margin-bottom: 30px;
}

/* ------------------------------------------------------------

	breadcrumb

------------------------------------------------------------ */

#breadcrumb{
	width: 760px;
	float: right;
	color: #6FAAD8;
	margin: 0 auto;
	font-size: 1.1em;
	clear: both;
}
#breadcrumb ul{
	padding: 10px 20px;
	text-align: center;
}
#breadcrumb ul li{
	list-style: none;
	display: inline;
}
#breadcrumb ul li a{
	padding-right: 5px;
	color: #6FAAD8;
}

/* ------------------------------------------------------------

	primary content

------------------------------------------------------------ */

#primary-content h1,
#primary-content h2,
#primary-content h3,
.album-title,
.movie-page-title,
.message-text{
	font-size: 1.8em;
	margin-bottom: 20px;
	color: #1F3C5F;
	font-weight: bold;
}
#primary-content h3 {font-size: 1.4em;letter-spacing: normal;}

#primary-content p {margin: 0 0 1.5em; }

#primary-content ul, 
#primary-content ol { margin: 0 1.5em 1.5em 2.5em; }
#primary-content ul {list-style-type: circle;}
#primary-content ol {list-style-type: decimal;}

#primary-content dl {margin: 0 0 1.5em 0; }
#primary-content dl dt {font-weight: bold; }
#primary-content dl dd {margin-left: 1.5em; }

/* tables */

#table {
	border: 2px solid;
	border-collapse:collapse;
	width:100%;
}
#table td {
	padding:3px;
	border: 1px solid #ccc;
}
#table th {
	text-align:left;
	border: 1px solid #ccc;
	font-size: 1.2em;
}
#table thead th {
	color:#3A3A38;
	padding: 10px 6px;
	font-size: 1.6em;
}
#table tbody th {
	color:#3A3A38;
	padding: 6px
}

/* blog page type */

.blog-entry{
	padding: 0 0 25px 0;
	height: 1%;
}
.blog-entry-title{margin-bottom: 5px !important;}
.blog-entry-title a{color: #1F3C5F;}
.blog-entry-date{
	font-size: 0.9em;
	margin: 10px 0 10px 0;
}
.blog-entry-date a{}
.blog-read-more{clear: both;display: block;margin-bottom: 10px;}
.blog-entry-tags{
	font-size: 0.9em;
	color: #8D8B84;
	margin: 0 !important;
}
.blog-entry-comments{
	font-size: 0.9em;
	color: #8D8B84;	
}

/* blog archive page */

.blog-archive-headings-wrapper{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #cdc;
}
.blog-archive-month {
	font-size: 1.8em;
	letter-spacing: -1px;
	margin-bottom: 10px;
	font-weight: bold;
}
.blog-archive-link{
	padding-left: 30px;
	border-left: 1px solid #DDD;
	background: url("images/home.gif") no-repeat 10px 0;
}

/* blog sidebar elements */

#blog-categories{
	margin-bottom: 10px;
	padding: 5px 0 10px 0;
}
#blog-categories a{
	display: block;
	padding: 7px 10px 6px 10px;
	text-decoration: none;
	color: #6FAAD8;
	border-bottom: 1px solid #245173;
	text-decoration: underline;
	text-align: right;
	margin: 0 !important;
}
#blog-archives{
	margin-bottom: 10px;
	padding: 5px 0 10px 0;
}
.blog-tag-cloud{ 
	text-align: center; 
	padding: 5px;
}

#blog-rss-feeds{margin: 0 0 10px 0;}
.blog-tag-cloud li {display: inline;padding-right: 5px;}
.blog-tag-size-1 {font-size: 0.8em;}
.blog-tag-size-2 {font-size: 0.85em;}
.blog-tag-size-3 {font-size: 0.9em;}
.blog-tag-size-4 {font-size: 0.95em;}
.blog-tag-size-5 {font-size: 1em;}
.blog-tag-size-6 {font-size: 1.05em;}
.blog-tag-size-7 {font-size: 1.1em;}
.blog-tag-size-8 {font-size: 1.15em;}
.blog-tag-size-9 {font-size: 1.2em;}
.blog-tag-size-10 {font-size: 1.25em;}
.blog-tag-size-11 {font-size: 1.3em;}
.blog-tag-size-12 {font-size: 1.35em;}
.blog-tag-size-13 {font-size: 1.4em;}
.blog-tag-size-14 {font-size: 1.45em;}
.blog-tag-size-15 {font-size: 1.5em;}
.blog-tag-size-16 {font-size: 1.55em;}
.blog-tag-size-17 {font-size: 1.6em;}
.blog-tag-size-18 {font-size: 1.65em;}
.blog-tag-size-19 {font-size: 1.7em;}
.blog-tag-size-20 {font-size: 1.75em;}

.blog-rss-link{
	padding-left: 20px;
	display: block;
}
.blog-comments-rss-link{
	padding-left: 20px;
}

#blog-categories, #blog-archives, a.blog-comments-rss-link, #blog-rss-feeds, .blog-tag-cloud{ text-align: right; }
a.blog-category-link-enabled, 
div.blog-category-link-disabled, 
a.blog-archive-link-enabled, 
div.blog-archive-link-disabled, 
#blog-rss-feeds a, 
a.blog-comments-rss-link{
	display: block;
	border-bottom: 1px solid #245173;
	padding: 7px 10px 6px 10px;
	text-decoration: none;
}

/* gallery pages */

.album-title {}
.album-wrapper {
	margin: 20px 0 0 0; 
	overflow: hidden;
}
.thumbnail-wrap {
	float: left;
	margin: 0 15px 15px 0;
	background: #FFF;
	padding: 5px;
	border: 1px solid #C8D5D1;	
}
.thumbnail-frame {position: relative;}
.thumbnail-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #000;
	overflow: hidden;
	margin: 0;
	width: 90%;
	color: #fff;
	padding-left: 5px;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}

/* --- */

.photo-background {
	padding: 0;
	padding-bottom: 100px;
	background-image: none;
	background: #FFF !important;
	margin: 0;
	border-top: none;
}
.photo-navigation {
	height: 145px;
	position: relative;
	margin-bottom: 40px;
}
.photo-links {
	text-align: center;
	font-size: 1.2em;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0;
}
.photo-links a, .photo-links a:visited {
	display: inline-table;
	vertical-align: middle;
	padding: 10px !important;	
	text-decoration: none;
	color: #fff;
}
.photo-links a:hover {}
.photo-title {
	color: #fff;
	margin: 0;
	position: absolute;
	top: 30px;
	left: 15px;
	font-size: 2.5em;
	line-height: normal;
	letter-spacing: normal;
}
.photo-caption {
	margin: 0;
	position: absolute;
	top: 70px;
	left: 15px;
	font-weight: normal;
	font-size: 1.2em;
	line-height: normal;
	letter-spacing: normal;
	color: #fff;
}

/* --- */

.exif-data {
	margin: 20px auto 0 auto;
	font-size: 1.3em;
	text-align: center;
}

/* movie pages */

.movie-page-title {
	font-weight: bold;
}
.movie-page-description {
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.movie-thumbnail-frame {
	float: left;
	margin: 15px 10px 10px 0;
	text-align: center;
	background: #FFF;
	padding: 5px;
	border: 1px solid #C8D5D1;
}

/* --- */

.movie-background {background: #1F1C15;}
.movie-title {
	padding: 10px;
	font-size: 2.2em;
	font-weight: bold;
}
.movie-frame {
	padding: 20px;
	margin: 0 0 20px 0;
	background: #fff;
}

/* file pages */

.filesharing-description{margin-bottom: 20px;}
.filesharing-item {
	margin: 10px 0;
	border: 1px solid #C8D5D1;
	padding: 10px;	
	
	-webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.filesharing-item-description {
	color: #999; 
	font-size: 11px;
	font-style: italic;
}

/* form pages */

#primary-content form{
	width: 99%;
}
select {
	width: 100%;
	padding: 3px;
	margin: 0 0 15px 0;
	font-size: 1.3em;
}
textarea{
	height: 200px;
	overflow: hidden;
}
.message-text {}
.required-text {
	padding-left: 25px;
	overflow:auto;
}
.form-input-field {
	width: 99%;
	border: 1px solid #C8D5D1;
	padding: 5px;
	margin: 0 0 10px 0;
	font-size: 1.3em;
	background: #FFF url("images/search_bg.gif") repeat-x top;
}
.form-input-button {
	margin: 10px 0 0 0;
	width: auto;
}

/* ------------------------------------------------------------

	secondary content

------------------------------------------------------------ */

#secondary-content h3{
	text-transform: uppercase;
	padding: 15px 15px 11px 15px;
	margin: 0 0 15px 0;
	font-size: 1.2em;
	font-weight: normal;
	border-bottom: 3px solid #090011;
	background: #001D31 url("images/h3_bg.png") no-repeat right;
	text-align: left;
}
#secondary-content p { margin: 0 0 1.5em; }

/* --- */

.copy ul{text-align: right;}
.copy ul li{
	display: inline;
}
.copy ul a{
	display: block;
	padding: 7px 10px 6px 10px;
	text-decoration: none;
	color: #6FAAD8;
	border-bottom: 1px solid #245173;
	text-decoration: underline;
	text-align: right;
}
#secondary-content a{ text-decoration: underline;color: #6FAAD8; }
#secondary-content a:hover{
	text-decoration: none;
}

/* ------------------------------------------------------------

	extra content

------------------------------------------------------------ */

#extra-content h2, #extra-content h3{
	padding: 5px 0 15px 0;
	margin: 0 0 5px 0;
	font-size: 18px;
	font-weight: normal;
	overflow: hidden;
}
#extra-content p { margin: 0 0 1.5em;}
#extra-content ul{margin: 20px 0 20px 20px;}
#extra-content a{text-decoration: underline;}
#extra-content a:hover{
	text-decoration: none;
}

/* ------------------------------------------------------------

	footer

------------------------------------------------------------ */

#footer ul li{
	list-style: none;
	display: inline;
}
#footer a {color: #6FAAD8;}

/* ------------------------------------------------------------

	global

------------------------------------------------------------ */

abbr, acronym{
	cursor: help;
	border-bottom: 1px dotted;
}
a img {border: none;}
legend{
	color: #3A3A38; 
	font-weight: bold;
}
small {font-size:11px}
hr {
	margin: 1em 0;
	background:#CCC;
	height:1px;
	color:#212224;
	border:none;
	clear:both
}

address { 
	margin-top: 1.5em; 
	font-style: italic; 
}
del { color: #000; }

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { 
	margin: 1.5em 0; 
	white-space: pre; 
}
pre, code, tt { 
	font: 1em monospace; 
	line-height: 1.5; 
}
tt { 
	display: block; 
	margin: 1.5em 0; 
	line-height: 1.5; 
}

.hide,#blog-categories br, #blog-archives br, #blog-rss-feeds br, form br{ display: none; }
.clear{clear:both;}
.highlight {color:#E17000}
.subdued {color:#999}
.error {
	color:#c00;
	font-weight:bold;
}
.success {
	color:#390;
	font-weight:bold;
}
.caption {
	color:#999;
	font-size:11px;
}

.image-left {
	float: left;
	margin: 0 10px 15px 0;
}
.image-right {
	float: right;
	margin: 0 0 10px 15px;
}

/* ExtraContent CSS */

.column { float: left;padding: 20px 0; }
.one { width: 100%; }
.two { width: 50%; }
.three { width: 33%; }
.four { width: 25%; }
.five { width: 20%; }
.two3rds { width: 66%; }
.three4ths { width: 75%; }
.four5ths { width: 80%; }
.column .content { width: 90% ! important; margin: 0 auto; padding: 0 ! important; float: none ! important;}

/* ------------------------------------------------------------

	browser issues

------------------------------------------------------------ */

.floatclear:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.floatclear {display: inline-table;}

* html .floatclear {height: 1%;}
.floatclear {display: block;}