/* @group General Styles */
html {
	height: 100%;
	margin-right: 0;
	margin-left: 0;
	text-align: center;
}
body {
	text-align: center;
	margin: 10px auto;
	padding: 0;
	font: .76em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

html > body #wrapper {
	height: 100%;

}
#wrapper{
	border: 8px solid #6cff2c;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}
p {
}

b, strong {

}

a:link, a:visited {
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: none;

}

img {
	border-style: none;
}

.image-left {
	float: left;
	margin: 3px 3px 3px 0;
	padding: 3px 3px 3px 0;
	position: relative;
	z-index: 5;
}

.image-right {
	float: right;
	margin: 3px 0 3px 3px;
	padding: 3px 0 3px 3px;
	position: relative;
	z-index: 5;
}
	
/* @end */

/* @group Layout */


#container { 
	color: #333333;
	padding-bottom: 10px;
	position: relative;
	z-index: 1;
	margin: 0px auto 10px; /* Right And Left Margin Widths To Auto */
	text-align: left; /* Hack To Keep IE5 Windows Happy */
}

.clearer {
	clear: both;
}

#pageHeader {
	height: 150px;
	text-align: left;
	position: relative;
	border-bottom: 8px solid #b9b9b9;
}

#pageHeader img {
	position: absolute;
	top: 0px;
}

#pageHeader h1 {
	color: #ffffff;
	font-size: 2.4em;
	margin: 0 0 5px;
	padding-top: 15px;
}

#pageHeader h2 {
	color: #c7e5fa;
	font-size: 1.2em;
	margin: 0;
}

#contentContainer {
	margin-right: 210px;
	line-height: 1.6em;
}

#contentContainer #content {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
}

#sidebarContainer {
	width: 200px;
	float: right;
	position: relative;
	z-index: 6;
}

#sidebarContainer #sidebar {
	line-height: 1.6em;
	padding: 1px 10px 10px 10px;
	margin-bottom: 15px;
}

#sidebarContainer #sidebar p {
	margin: 0px 0px 15px;
	padding: 10px;
}

#sidebarContainer .sideHeader {
	width: 190px;
	height: 24px;
	padding-left: 10px;
	color: #000000;
	padding-top: 8px;
	clear: right;
	font-weight: normal;
	font-size: 1.2em;
}

#footer { 
	width: 700px;
	margin: 0px auto 10px; /* Right And Left Margin Widths To Auto */
	text-align: center; /* Hack To Keep IE5 Windows Happy */
	color: #000000;
	padding-top: 10px;
	position: relative;
}

#footer p {
	padding: 0;
	margin: 0;
}

#footer a:link, #footer a:visited {

}

#footer a:hover, #footer a:active {
}
	
/* @end */

/* @group Toolbar */

/* Toolbar Styles */
#navcontainer {
	font-size: 1em;
	margin-bottom: 10px;
	position: relative;
	z-index: 99;
	padding: 10px;
}

#navcontainer #current {
	color: #000000;
}

#navcontainer .currentAncestor {
	color: #000000;
}

/* Parent - Level 0 */

#navcontainer ul {
	padding: 0;
	list-style: none;
	margin: 0px;
}

#navcontainer li {
	position: relative;
	width: 210px;
}

#navcontainer a {
	display: block;
	padding-left: 10px;
	padding-top: 6px;
	height: 20px;
	color: #000000;
	text-decoration: none;
	padding-bottom: 3px;
	background: url(images/nav_main.gif) no-repeat left 5px;
	text-indent: 5px;
}

#navcontainer a:hover {
	color: #3243cd;
	background: url(images/nav_hover.gif) no-repeat left 5px;
}

/* Fix IE. Hide from IE Mac \*/
* html #navcontainer ul li { float: left; height: 1%; }
* html #navcontainer ul li a { height: 20px; }
/* End */


/* Child - Level 1 */

#navcontainer ul ul {
	background-image: none;
}

#navcontainer ul ul li {
	background-image: none;
}

#navcontainer ul ul a {
	background-image: none;
	text-indent: 20px;
	padding-top: 1px;
}

#navcontainer ul ul a:hover, #navcontainer ul ul a #current, #navcontainer ul ul #current {
	background-image: none;
}

#navcontainer ul ul .currentAncestor {
	color: #000000;
}

/* Child - Level 2 */

#navcontainer ul ul ul {
	text-indent: 40px;
}

#navcontainer ul ul ul li { 
}

#navcontainer ul ul ul a {
}

#navcontainer ul ul ul a:hover {

}

/* Child - Level 3 */

#navcontainer ul ul ul ul {
	text-indent: 60px;
}

#navcontainer ul ul ul ul li { 
}

#navcontainer ul ul ul ul a {
}

#navcontainer ul ul ul ul a:hover {
}

/* Child - Level 4 */

#navcontainer ul ul ul ul ul {
	text-indent: 80px;
}

#navcontainer ul ul ul ul ul li { 
}

#navcontainer ul ul ul ul ul a {
}

#navcontainer ul ul ul ul ul a:hover {
}
/* @end */

/* @group Bread-crumb */

#breadcrumbcontainer {
	color: #9d7c4c;
	text-align: center;
	padding-bottom: 5px;
}

#breadcrumbcontainer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#breadcrumbcontainer li {
	display: inline;
}

#breadcrumbcontainer a {

}

#breadcrumbcontainer a:hover {

}
	
/* @end */

/* @group Global Classes */

blockquote {
	color: #4c4c4c;
	font-style: italic;
	font-size: 0.85em;
	margin: 0;
	padding: 5px;
}

h1 {
	font-size: 1.6em;
	margin: 0 0 3px;
}

h2 {
	font-size: 1.4em;
	margin: 0 0 3px;
}

h3 {
	font-size: 1.2em;
	margin: 0 0 3px;
}

h4 {
	font-size: 1em;
	margin: 0 0 3px;
}

.imageStyle {

}

/* Main content area unordered list styles */
#contentContainer #content ul {
}

#contentContainer #content li {
}
ul.disc {
	list-style-type: disc;
}

ul.circle {
	list-style-type: circle;
}

ul.square {
	list-style-type: square;
}

ol.arabic-numbers {
	list-style-type: decimal;
}

ol.upper-alpha {
	list-style-type: upper-alpha;
}

ol.lower-alpha {
	list-style-type: lower-alpha;
}

ol.upper-roman {
	list-style-type: upper-roman;
}

ol.lower-roman {
	list-style-type: lower-roman;
}
/* Sidebar area unordered list styles */
#sidebarContainer #sidebar ul {
	margin: 10px 0;
	padding: 0;
}

#sidebarContainer #sidebar li {
}

/* Table Styles */
table {
	font-size: 1em;
}	
/* @end */

/* @group Blog */

/* @group Tag Cloud */
ul.blog-tag-cloud {
	margin: 0 0 10px;
	padding: 0;
	text-align: justify;
}

ul.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;
}

/* @end */

/* @group Archive Page */

.blog-archive-background {

}

.blog-entry-summary {
	margin-bottom: 10px;
}

.blog-archive-headings-wrapper {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 30px;
	padding-bottom: 10px;
}

.blog-archive-entries-wrapper {

}

.blog-archive-entries-wrapper .blog-entry {

}

.blog-archive-month {
	margin-bottom: 5px;
	font-size: 2.2em;
}

.blog-archive-link {
	margin-bottom: 20px;
}

.blog-archive-link a:link, .blog-archive-link a:visited {
}
	
/* @end */

.blog-entry {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 30px;
	padding-bottom: 10px;
}

.blog-entry-title {
	font-size: 1.8em;
	font-weight: normal;
	margin-bottom: 5px;
}

.blog-entry-title a:link {
	text-decoration: none;
}

.blog-entry-date {
	letter-spacing: 1px;
	font-size: 0.9em;
	margin-bottom: 10px;
	padding-left: 7px;
}

/*styles the category link in the main entry */
.blog-entry-category {
	padding-top: 2px;
	padding-left: 2px;
}

.blog-entry-category a:link, .blog-entry-category a:visited {
}

/*styles the permalink link in the main entry */
.blog-entry-permalink {
	padding-top: 2px;
	margin-left: 8px;
	padding-left: 7px;
}

.blog-entry-permalink a:link, .blog-entry-permalink a:visited {
}


.blog-read-more {
	display: block;
	padding-top: 10px;
	font-style: italic;
}

.blog-entry-body {

}

.blog-entry-comments {
	margin-top: 10px;
}

/* Comment links */
a.blog-comment-link{
	padding-left: 7px;
	margin-right: 5px;
}

/* Trackback links */
a.blog-trackback-link {
	padding-top: 2px;
	padding-left: 7px;
}

/* styles the archives in the blog sidebar */
#blog-archives {
	margin-bottom: 10px;
}
.blog-archive-link-enabled {
	padding-top: 2px;
	padding-left: 10px;
}

.blog-archive-link-disabled {
	padding-left: 10px;
}

/* Styles the blog categories in the blog sidebar */
#blog-categories {
	margin-bottom: 10px;
}

.blog-category-link-enabled {
	padding-top: 2px;
	padding-left: 10px;
	background: url(images/blog_cat.gif) no-repeat 0 center;
}

.blog-category-link-disabled {
	padding-left: 10px;
}


/* Styles the blog RSS feeds in the blog sidebar */
#blog-rss-feeds {
	margin-bottom: 10px;
}

.blog-rss-link {
	padding-left: 15px;
}

.blog-comments-rss-link {
	padding-left: 15px;
	background: url(images/rss_icon.png) no-repeat left 1px;
}
	
/* @end */

/* @group File Sharing */

.filesharing-description {
	margin-bottom: 10px;
}

.filesharing-item {
	border: 1px solid #e6e6e6;
	padding: 1px;
	margin-bottom: 10px;
}

.filesharing-item-title a:link {
	padding: 3px;
	margin-bottom: 5px;
	border-bottom-style: none;
}

.filesharing-item-title a:hover {
}

.filesharing-item-title a:visited {

}

.filesharing-item-description {
	font-size: 1em;
	padding-left: 3px;
}

/* @end */

/* @group Photo Album */

/* @group Index Page (Thumbnail view) */

.album-title {
	font-size: 1.8em;
	font-weight: normal;
	margin-bottom: 5px;
}

.album-description {
	margin-bottom: 80px;
}

.album-wrapper {
	display: block;
	width: 99%;
	position: relative;
}

.thumbnail-wrap {
	text-align: center;
	position: relative;
	float: left;
	margin-bottom: 70px;
	margin-right: 20px;
}

.thumbnail-frame {
	border: 1px solid #e6e6e6;
	padding: 5px;
	margin: 5px;
	position: absolute;
    bottom: 0;
    left: 0;
}

.thumbnail-frame:hover {
	border: 1px solid #808080;
}

.thumbnail-frame a {
	border-style: none;
}

.thumbnail-frame a:hover {
}

.thumbnail-frame img {
	margin: auto;
    border: none;
}

.thumbnail-caption {
	font-size: 0.9em;
	color: #808080;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 38px;
	display: block;
}
	
/* @end */

/* @group Single Page (Photo view) */

.photo-background {
}

.photo-navigation {
	height: 100px;
	margin-bottom: 37px;
}

.photo-links {
	background: #ffffff;
	padding: 5px;
	display: block;
}

.photo-navigation a:link, .photo-navigation a:visited {
}

.photo-navigation a:hover {
}

.photo-frame{
	background: #ffffff;
	padding: 5px;
}

.photo-title {
	color: #ffffff;
	font-size: 2.4em;
	margin: 0 0 5px;
	padding-top: 15px;
	font-weight: bold;
}

.photo-caption {
	font-size: 1.2em;
	margin: 0 0 27px;
	font-weight: bold;
}

/* @group EXIF data */
/* Data wrapper */
.exif-data {
	padding: 5px;
}

.exif-data p {
	margin: 0 0 5px 0;
}

/* p tag classes for all exif data */
p.exif-version {
}

p.exif-colour-space {
}

p.exif-focal-length {
}

p.exif-dimensions {
}

p.exif-pixel-y-dimension {
}

p.exif-pixel-x-dimension {
}

p.exif-oecf-value {
}

p.exif-subsec-time-original {
}

p.exif-exposure-mode {
}

p.exif-spatial-frequency-response {
}

p.exif-scene-capture-type {
}

p.exif-subject-location {
}

p.exif-shutter-speed {
}

p.exif-datetime-original {
}

p.exif-subsec-time {
}

p.exif-compressed-bits-per-pixel {
}

p.exif-flash-energy {
}

p.exif-saturation {
}

p.exif-brightness {
}

p.exif-exposure-time {
}

p.exif-f-number {
}

p.exif-file-source {
}

p.exif-gain-control {
}

p.exif-subject-area {
}

p.exif-cfa-pattern {
}

p.exif-scene-type {
}

p.exif-white-balance {
}

p.exif-flash {
}

p.exif-exposure-index {
}

p.exif-flashpix-version {
}

p.exif-device-setting-description {
}

p.exif-focalplane-x-resolution {
}

p.exif-image-uniqueid {
}

p.exif-components-configuration {
}

p.exif-light-source {
}

p.exif-sensing-method {
}

p.exif-aperture {
}

p.exif-sharpness {
}

p.exif-exposure-program {
}

p.exif-subject-distance {
}

p.exif-subsec-time-digitized {
}

p.exif-contrast {
}

p.exif-focalplane-resolution-unit {
}

p.exif-gamma {
}

p.exif-35mm-focal-length {
}

p.exif-datetime-digitized {
}

p.exif-subject-distance-range {
}

p.exif-custom-rendered {
}

p.exif-max-aperture {
}

p.exif-sound-file {
}

p.exif-metering-mode {
}

p.exif-spectral-sensitivity {
}

p.exif-exposure-bias {
}

p.exif-focalplane-y-resolution {
}

p.exif-iso-rating {
}

p.exif-maker-note {
}

p.exif-digital-zoom-ratio {
}

p.exif-user-comment {
}

/* @end */

/* @end */
	
/* @end */

/* @group Quicktime Page */

.movie-description {

}
	
/* @end */

/* @group Quicktime Album */

/* @group Index Page (Movie Thumbnail view) */

.movie-page-title {
	font-size: 1.8em;
	font-weight: normal;
	margin-bottom: 5px;
}

.movie-page-description {
	margin-bottom: 10px;
}

.movie-thumbnail-frame {
	border: 1px solid #e6e6e6;
	padding: 1px;
	width: 132px;
	height: 132px;
	float: left;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
	z-index: 5;
}

/* Stops there from being a dotted line under the movie revews when mouse rollsover */
.movie-thumbnail-frame a:hover {
	border-style: none;
}

.movie-thumbnail-frame:hover {
	border: 1px solid #808080;
}


.movie-thumbnail-caption {
	font-size: 0.9em;
	color: #808080;

}
	
/* @end */

/* @group Single Page (Movie View) */

.movie-background {
	margin: 10px;
	text-align: center;
}

.movie-title {
	color: #ffffff;
	font-size: 2.2em;
	margin: 0 0 5px;
	padding-top: 15px;
}

.movie-frame {

}
	
/* @end */


/* @end */

/* @group Contact Form */
.message-text { 
} 

.required-text {
	color: #ff0000;
} 

.form-input-field {
} 

.form-input-button { 
} 
/* @end */



body,
.movie-background, #contentContainer {
	color: #333333;
}
body,
.movie-background {
	background-color: #7AAD0A;
}

a:link, a:visited {
	color: #326EA1;
}

a:hover, a:active {
	color: #326EA1;

}
#wrapper{
	border-color: #679308;
	background-color: #FFFFFF;
}
#container{
	background-color: #FFFFFF;
}		
#pageHeader {
	background-color: #2A85B1;
	border-bottom-color: #679308;
}

#pageHeader h1 {
	color: #FFFFFF;
}
		
#pageHeader h2,
.photo-caption {
	color: #FFFFFF;
}

.photo-links {
	background-color: #194F6A;
	border-bottom-color: #154258;
}

.blog-entry-title a {
	color: #333333;
}

.blog-entry-title a:hover {
	color: #326EA1;
	background: transparent;
}

.photo-links {
	color: #194F6A;
}

.exif-data,
.movie-title {
	color: #F4FF14;
}

#contentContainer {
	border-color: #F4FF14;
}
#sidebarContainer #sidebar, #sidebarContainer #sidebar p, #sidebarContainer .sideHeader {
	color: #333333;
}


#navcontainer #current {
	color: #32577C;
}
#navcontainer a {
	color: #000000;
}

#navcontainer #current:hover,#navcontainer ul li a:hover, #navcontainer ul li a:active {
	color: #233C56;
}

#navcontainer ul ul .currentAncestor, 
#navcontainer .currentAncestor {
	color: #32577C;
}

/* @group Photo Album */
.thumbnail-frame img {
	border-color: #000000;
}

.photo-navigation {
	border-right-color: #618A08;
	border-bottom-color: #618A08;
	border-left-color: #618A08;
}

.photo-navigation {
	background-color: #2A85B1;
}


/* @end */

/* @group Image Borders */

img {
	border-color: #000000;
}

img a {
	border-color: #000000;
}

#sidebarContainer #sidebar img {
	border-color: #000000;
}

/* @end */









		#navcontainer a {
	background: url(images/nav_main_black.gif) no-repeat left 5px;

}


#navcontainer #current {
	background: url(images/nav_hover_black.gif) no-repeat left 5px;
}

#navcontainer .currentAncestor {
	background: url(images/nav_hover_black.gif) no-repeat left 5px;
}

#navcontainer a:hover {
	background: url(images/nav_hover_black.gif) no-repeat left 5px;
}

img {
	border: none;
}

img a {
	border: none;
}

#sidebarContainer #sidebar img {
	border: none;
}

.thumbnail-frame img {
	border-style: none;
}

#pageHeader {
	text-align: center;
}

#pageHeader img {
	right: 10px;
}

#pageHeader {
	height: 155px;
}

#pageHeader {
	background-image: url(images/editable_images/multitool1.jpg);
}

/* This is the default width for this theme. We only have this file as we need to set a default css file for the theme variations. */
#wrapper,#container { 
	width: 880px;
}

/* Change the sidebar float to the opposite of the main styles.css file. Also change the padding from right to left. */
 #sidebarContainer {
	float: left;
}


/* set the content containers margin-right/margin-left (depending on what the float is set to above) to the width of the sidebar (the width can be found in the styles.css file) and then set the opposite margin to 0px. This prevents the content from flowing under the sidebar if it is longer*/
#contentContainer {
	margin-left: 210px;
	margin-right: 0px;
}

/* Switch the padding amounts over to keep the same spacing between sidebar and content */

#contentContainer #content {
	padding-right: 15px;
	padding-left: 15px;
}