alert { color:#CC0000 }
chill { color:#000080 }
grove { color:#003300 }
weak { font-size:smaller }
larger { font-size:larger }

.justify { text-align:justify !important; }
.strong { font-size:larger !important; font-weight:bold !important; }
.center { text-align:center !important; margin-left:auto !important; margin-right:auto !important; }
.center-spread { text-align:center !important; margin:0 auto !important; }
.no-border { border:1px none gray !important; }
.border-space-15-5 { border-spacing:15px 5px !important; }
.padding-5-25 { padding:5px 25px 5px 25px !important; }
.va-top { vertical-align:top !important; }
.va-mid { vertical-align:middle !important; }
.width-80-percent { width:80% !important; }
.left { text-align:left !important; }
.right { text-align:right !important; }
.no-select { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }

hr { clear:left; }

a { text-decoration:none; font-family:Arial,Helvetica,"Times New Roman"; font-size:10pt; font-weight:bold; line-height:100%; }
a:link { color:#000080; }
a:visited { color:#996600; }
a:hover { color:red; }

dl { font-size:12pt; text-align:left; color:black; }
dl dt { font-weight:bold; }
dl dt.reply { color:#CC0000; }
dl dd { font-weight:normal; }
dl dd.reply { color:#CC0000; }

ul { list-style-type:none; vertical-align:middle; top:0px; left:0px; padding:0px; margin:0px; width:100%; height:100%; }

html, body { font-size:10pt; font-family:Arial,Helvetica,"Times New Roman"; font-style:normal; font-variant:normal; font-weight:normal; color:#444444; background:#dddddd; margin:0px; }
body.order { background-image:none; font-family:Arial,Helvetica,"Times New Roman"; font-size:10pt; }
body.australian_newsletter { background-image:none; }

div.genealogy { max-width:650px; }
div.civwar { width:250px; }

img { vertical-align:middle; border-style:none; }
img.plaque_pic { width:600px; margin:0px 30px 0px 30px; }
img.h50px { height:50px; }
img.h125px { height:125px; }
img.h145px { height:145px; }
img.h150px { height:150px; }
img.h175px { height:175px; }
img.h225px { height:225px; }
img.h250px { height:250px; }
img.h315px { height:315px; }
img.w100px { width:100px; }

p { font-family:Arial,Helvetica,"Times New Roman"; font-size:10pt; }

h1 { font-family:Arial,Helvetica,"Times New Roman"; font-size:20pt; font-weight:bold; letter-spacing:3px; text-align:center; color:black; padding:0px 10px; }
h2 { font-family:Arial,Helvetica,"Times New Roman"; font-size:16pt; font-weight:bold; letter-spacing:1px; text-align:center; color:black; padding:0px 10px; }
h3 { font-family:Arial,Helvetica,"Times New Roman"; font-size:10pt; font-weight:bold; text-align:center; color:black; padding:0px 5px; margin:-10px 0px 10px 0px; }

ul.tabled_navbar { list-style-type:none; position:relative; vertical-align:top; text-align:center; background:#006666; min-width:100px; max-width:100px; width:100px; height:100%; z-index:1; box-shadow:5px 5px 5px 0px rgba(0,0,0,0.5); }
ul.tabled_navbar li { background:#C5E4D3; line-height:24px; }
ul.tabled_navbar li.spacer { background:#006666; line-height:4px; }
ul.body_list { vertical-align:middle; top:0; left:0; padding:0; margin:0; width:100%; height:100%; position:relative; list-style-type:square; }
ul.body_list li { line-height:200%; }

div.main { position:relative; display:table; margin:0 auto!important; padding:0; background-color:#ffffff; box-shadow:0px 0px 40px 0px rgba(0,0,0,0.5); overflow:hidden; background-image:url('../images/fleur.jpg'); }
div.banner { position:relative; background: #006666 url(../images/toolbarTop.png) 100% 100% repeat-x; z-index:4; }
div.sidebar { position:relative; display:table-cell; background-color:#006666; min-width:100px; max-width:100px; width:100px; padding:0; text-align:center; border:1px none yellow; float:left; clear:left; }
div.content { position:relative; display:table-cell; border:1px none gray; float:left; clear:right; z-index:1; margin:0 auto; text-align:center; }
div.footer { position:relative; margin:8px auto!important; padding:0; overflow:hidden; }

iframe[src="about:blank"]{ display:none; }

#crestContainer { position:relative; margin:0 auto; display:inline-block; overflow:hidden; }
#crestContainer div.crestBox { position:relative; display:inline; overflow:hidden; }
#crestContainer div.infoBox { position:relative; margin:0 auto!important; padding:20px 0px 0px 0px; text-align:center; font-size:10px; line-height:150%; }
#crestContainer div.infoBox a { font-size:10px; }

#centeredContainer { position:relative; overflow:hidden; margin:0 auto; display:inline-block; }
#centeredContainer div.boxContainer { position:relative; display:inline-block; margin:5px; overflow:hidden; float:left; clear:both; }
#centeredContainer div.text { position:relative; display:inline-block; vertical-align:middle; overflow:hidden; }

#centeredContainer div.mediaBox { position:relative; background:#c5e4d3 url('../images/ui-bg_glass_75_c5e4d3_1x400.png') repeat-x; margin:5px; overflow:hidden; border-radius:16px 0px; float:left; clear:both; }
#centeredContainer div.mediaBox div.logo { position:absolute; top:50%; left:50%; opacity:0.25; }
#centeredContainer div.mediaBox div.pic { position:relative; background:#006666 url('../images/ui-bg_glass_75_006666_1x400.png') repeat-x; padding:10px; border-radius:8px 0px; }
#centeredContainer div.mediaBox div.pic.left { float:left; margin:0px 10px 0px 0px; box-shadow:5px 0px 5px 0px rgba(0,0,0,0.5); }
#centeredContainer div.mediaBox div.pic.topleft { float:left; margin:0px 10px 10px 0px; box-shadow:5px 5px 5px 0px rgba(0,0,0,0.5); }
#centeredContainer div.mediaBox div.pic.right { float:right; margin:0px 0px 0px 10px; box-shadow:-5px 0px 5px 0px rgba(0,0,0,0.5); }
#centeredContainer div.mediaBox div.pic.topright { float:right; margin:0px 0px 10px 10px; box-shadow:-5px 5px 5px 0px rgba(0,0,0,0.5); }
#centeredContainer div.mediaBox div.pic.center { display:inline-block; margin:0px; box-shadow:5px 5px 5px 0px rgba(0,0,0,0.5); }
#centeredContainer div.mediaBox div.pic img { border-radius:8px 0px; box-shadow:0px 0px 15px 5px rgba(197,228,222,0.5); }
#centeredContainer div.mediaBox div.pic img.small { width:64px; }
#centeredContainer div.mediaBox div.pic img.medium { width:128px; }
#centeredContainer div.mediaBox div.pic img.grande { width:160px; }
#centeredContainer div.mediaBox div.pic img.large { width:256px; }
#centeredContainer div.mediaBox div.pic img.xlarge { width:384px; }
#centeredContainer div.mediaBox div.pic img.xxlarge { width:512px; }
#centeredContainer div.mediaBox div.pic img.tall { height:256px; }
#centeredContainer div.mediaBox div.pic img.taller { height:384px; }
#centeredContainer div.mediaBox div.text { position:relative; text-align:left; padding:10px; }
#centeredContainer div.mediaBox div.text p { min-width:100px; }
#centeredContainer div.mediaBox div.text.boxed { display:inline-block; margin:5px 0px 5px 5px; border:3px outset #006666; border-spacing:0px; padding:5px 8px; }
#centeredContainer div.mediaBox div.text.center { display:inline-block; margin:0px; }
#centeredContainer div.mediaBox div.text.centeredHeader { width:100%; display:inline-block; margin:0px; padding:5px 0px 0px 0px; font-weight:bold; text-align:center; }
#centeredContainer div.mediaBox div.text.header { display:inline-block; margin:0px; padding:10px 10px 0px 10px; font-weight:bold; text-align:center; font-size:larger; }
#centeredContainer div.mediaBox div.text.header div.subheader { display:inline; font-weight:normal; padding-left:0px; }
#centeredContainer div.mediaBox div.text.indent:before { content:"\00a0\00a0\00a0\00a0"; }
#centeredContainer div.mediaBox div.text div.newsletter { overflow:hidden; display:inline-block; margin:0px auto; }
#centeredContainer div.mediaBox div.text div.newsletter div.link { float:left; padding:5px; text-align:center; }
#centeredContainer div.mediaBox div.text div.newsletter div.link a { font-size:9px; }
#centeredContainer div.mediaBox div.smartText { position:relative; text-align:left; padding:10px 10px; }
#centeredContainer div.mediaBox div.smartText name { font-weight:bold; }
#centeredContainer div.mediaBox div.smartText number { font-style: italic; }
#centeredContainer div.mediaBox div.caption { text-align:center; font-size:10px; padding:5px 10px 0px 10px; }
#centeredContainer div.mediaBox div.caption p { font-size:10px; padding:0px; }
#centeredContainer div.mediaBox div.caption p.xlarge { width:384px; display:inline-block; }
#centeredContainer div.mediaBox div.caption p.xxlarge { width:512px; display:inline-block; }
#centeredContainer div.mediaBox.compact div.title { padding:5px 10px; border-radius:16px 0px 0px 0px; }
#centeredContainer div.mediaBox.compact div.title a { font-weight:bold; }
#centeredContainer div.mediaBox.compact div.text { position:relative; text-align:left; padding:5px 10px; }
#centeredContainer div.mediaBox.compact div.text p { margin:5px 0px; }

#centeredContainer div.mediaBox div.title { overflow:hidden; background:#006666 url('../images/ui-bg_glass_75_006666_1x400.png') repeat-x; border-radius:16px 0px; padding:10px; font-size:larger; }
#centeredContainer div.mediaBox div.title name { float:left; color:#c5e4d3; }
#centeredContainer div.mediaBox div.title name a { font-size:medium; font-weight:normal; color:#e5ffea; }
#centeredContainer div.mediaBox div.title name a:hover { color:#e53333; }
#centeredContainer div.mediaBox div.title datetime { float:right; color:#c5e4d3; text-align:right; }
#centeredContainer div.mediaBox div.text header { color:#006666; font-size:larger; font-weight:bold; }
#centeredContainer div.mediaBox div.captcha { clear:right; }

#centeredContainer div.pictureBox { position:relative; background:#c5e4d3 url('../images/ui-bg_glass_75_c5e4d3_1x400.png') repeat-x; border-radius:8px 0px; display:inline-block; vertical-align:top; }
#centeredContainer div.pictureBox div.pic { position:relative; display:inline-block; margin:0 auto; background:#006666 url('../images/ui-bg_glass_75_006666_1x400.png') repeat-x; padding:10px; border-radius:8px 0px; box-shadow:0px 5px 5px 0px rgba(0,0,0,0.5); color:#ffffff; }
#centeredContainer div.pictureBox div.pic img { border-radius:8px 0px; box-shadow:0px 0px 15px 5px rgba(197,228,222,0.5); }
#centeredContainer div.pictureBox.tall div.pic img { height:256px; }
#centeredContainer div.pictureBox.100 div.pic img { width:100px; }
#centeredContainer div.pictureBox.181 div.pic img { width:181px; }
#centeredContainer div.pictureBox.259 div.pic img { width:259px; }
#centeredContainer div.pictureBox.medium div.pic img { width:128px; }
#centeredContainer div.pictureBox.large div.pic img { width:256px; }
#centeredContainer div.pictureBox.xlarge div.pic img { width:384px; }
#centeredContainer div.pictureBox.xxlarge div.pic img { width:512px; }
#centeredContainer div.pictureBox div.caption { text-align:center; font-size:10px; padding:10px; }
#centeredContainer div.pictureBox div.caption p { font-size:10px; padding:0px; }
#centeredContainer div.pictureBox.xlarge div.caption p { width:384px; }
#centeredContainer div.pictureBox.xxlarge div.caption p { width:512px; }
#centeredContainer div.pictureBox div.caption a { font-size:smaller; }
#centeredContainer div.textBox { position:relative; background:#c5e4d3 url('../images/ui-bg_glass_75_c5e4d3_1x400.png') repeat-x; margin:5px; border-radius:16px 0px; display:block; vertical-align:top; }
#centeredContainer div.textBox div.text { position:relative; text-align:left; padding:10px; }
#centeredContainer div.textBox div.text.center { display:inline-block; margin:0px; }

#signature { position:relative; text-align:right; font-style:italic; font-size:12px; color:#666666; }

#centeredContainer div.mediaBox.alert { display:none; }
#centeredContainer div.mediaBox.alert div.text { color:#cc0000; }

form#guestbook { font-weight:bold; }
form#guestbook input#name, form#guestbook input#email { background-color:#006666; color:#ffffff; margin-bottom:1em; }
form#guestbook input#send, form#guestbook input#reset { background-color:#006666; color:#ffffff; }
form#guestbook textarea#message { background-color:#006666; color:#ffffff; padding:1px; border:2px inset; height:120px; resize:none; }
form#guestbook #postInfo { float:left; clear:left; }
form#guestbook #postInfo p { color:#cc0000; }
form#guestbook #postMessage { float:left; clear:both; }
#recaptcha_table { background-color:black; }
#recaptcha_privacy a { color:#000000; }
#recaptcha_switch_audio { display: none; }

form#GenealogyForm { top:0px; left:0px; }
form#GenealogyForm div.name { float:left; clear:right; margin:5px 5px 5px 0px; }
form#GenealogyForm input { font-family:Arial,Helvetica,"Times New Roman"; background-color:#006666; color:#ffffff; padding:1px; }  
form#GenealogyForm textarea { font-family:Arial,Helvetica,"Times New Roman"; background-color:#006666; color:#ffffff; margin:5px 10px 5px 0px; padding:1px; border:2px inset; height:120px; resize:none; }  
form#GenealogyForm input[type="radio"] { margin:5px 5px 10px 10px; }  
form#GenealogyForm input[type="text"] { margin:5px 10px 5px 0px; }  

table { margin:auto auto; border-spacing:0px; border-collapse:collapse; }
table td { vertical-align:top; }
table.australia_table { position:relative; padding:0px; border-spacing:0px; margin-left:auto; margin-right:auto; width:100%; border:1px none gray; }
table.australia_table td { width:50%; font-size:10pt; text-align:justify; padding:10px; min-width:200px; border:1px none gray; }
table.civwar_regiment { border:1px none gray; }
table.civwar_regiment td { border:1px none gray; padding:0px 5px 0px 5px; text-align:left; width:350px; }
table.civwar_regiment td.header { border:1px none gray; padding:10px 5px 0px 5px; width:350px; font-weight:bold; }
table.genealogyInner td { }
table.genealogyInner td.plus { width:10px; }
table.genealogyInner td.list_number { width:20px; }
table.genealogyInner td.child_number { width:20px; }
table.genealogyOuter td { text-align:justify; }
table.genealogyOuter td.number { width:20px; }
table.genealogyOuter td.content { padding-bottom:20px; }
table.genealogyOuter td.content img { float:right; width:150px; padding-left:10px; vertical-align:top; }
table.merch_table { position:relative; border:1px outset #006666; padding:0px; border-spacing:0px; width:100%; }
table.merch_table td { vertical-align:middle; border:1px inset #006666; padding:5px; text-align:left; }
table.merch_table td.quantity { width:75px; text-align:center; }
table.merch_table td.price { width:100px; text-align:center; }
table.merch2_table { position:relative; border:1px outset #006666; background-color:#006666; padding:0px; border-spacing:0px; width:100%; height:80px; }
table.merch2_table td { vertical-align:top; text-align:center; border:1px inset #006666; background-color:#FFFFFF; padding:5px; color:black; height:50px; width:33%; }

.breadCrumbContainer { width:100%; float:left; margin:0 0 20px 0; background:#c5e4d3; box-shadow:5px 5px 5px 0px rgba(0,0,0,0.5); z-index:3; }

/* Float Clearing */
.module:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
/* float clearing for IE6 */
* html .module { height: 1%; overflow: visible; }
/* float clearing for IE7 */
* + html .module { min-height: 1%; }.breadCrumb { margin:0; padding:0; float:left; display:block; height:24px; overflow:hidden; width:860px; }
.breadCrumb ul { margin:0; padding:0; height:21px; display:block; }
.breadCrumb ul li { display:block; float:left; position:relative; height:21px; overflow:hidden; line-height:21px; margin:0px 6px 0px 0; padding:0px 10px 0px 0; font-size:.9167em; background:url(../images/Chevron2.png) no-repeat 100% 0; }
.breadCrumb ul li div.chevronOverlay { position:absolute; right:0; top:0; z-index:2; }
.breadCrumb ul li span { display:block; overflow:hidden; }
.breadCrumb ul li a { display:block; position:relative; height:21px; line-height:21px; overflow:hidden; float:left; }
.breadCrumb ul li.first a { height:16px !important; text-indent:-1000em; width:16px; padding:0; margin-top:2px; overflow:hidden; background:url(../images/IconHome.gif) no-repeat 0 0; }
.breadCrumb ul li.first a:hover { background-position:0 -16px; }
.breadCrumb ul li.last { background:none; margin-right:0; padding-right:0; }
.chevronOverlay { display:none; background:url(../images/ChevronOverlay2.png) no-repeat 100% 0; width:13px; height:20px; }
.enders-slider { position:relative; overflow:hidden; margin:0px auto; text-align:center; }
.enders-slider a { text-decoration:none; outline:none; border:none; color:#FFFFFF; }
.slider-buttons { font-size:0px; padding:10px; display:inline-block; }
.slider-buttons a { margin-left:5px; height:10px; width:10px; float:left; border:1px solid #B8C4CF; color:#B8C4CF; text-indent:-1000px; }
.slider-active { background-color:#B8C4CF; color:#FFFFFF; }
.slider-title { padding:5px; background-color:#006666; color:#FFFFFF; font-size:small; font-weight:bold; letter-spacing:2px; }
.slider-caption { padding:10px; background-color:#006666; color:#FFFFFF; font-size:smaller; }
.slider-prev, .slider-next { background-color:#006666; color:#FFFFFF; padding:0px 10px; }

/** Coin Slider additional styles **/
.slider-buttons a {
    border-radius: 50%;
    background: #CCC;
    background: -webkit-linear-gradient(top,  #CCCCCC, #F3F3F3); /* webkit browsers */
    background:    -moz-linear-gradient(top,  #CCCCCC, #F3F3F3); /* firefox 3.6+ */
    background:      -o-linear-gradient(top,  #CCCCCC, #F3F3F3); /* opera */
    background:     -ms-linear-gradient(top,  #CCCCCC, #F3F3F3); /* IE10 */
    background:         linear-gradient(top,  #CCCCCC, #F3F3F3); /* css3 */      
}
a.slider-active {
    background: #599BDC;
    background: -webkit-linear-gradient(top,  #599BDC, #3072B3); /* webkit browsers */
    background:    -moz-linear-gradient(top,  #599BDC, #3072B3); /* firefox 3.6+ */
    background:      -o-linear-gradient(top,  #599BDC, #3072B3); /* opera */
    background:     -ms-linear-gradient(top,  #599BDC, #3072B3); /* IE10 */
    background:         linear-gradient(top,  #599BDC, #3072B3); /* css3 */  
    border-radius: 50%;    
    box-shadow: 0 0 3px #518CC6;   
    border: 1px solid #3072B3 !important;     
}

#page { width: 375px; margin:30px auto; text-align:center; overflow:hidden; }
#germanyHolder { padding: 5px; margin:0px auto; width: 300px; text-align:center; overflow:hidden; }

#header { text-align: center;  }
#header h1 { color: #333333; font-size: 50px; }
#header h2 { color: #333333; font-size: 30px; }
.page-wrapper {
    min-width:960px;
    margin:0;
    position:relative;
    height:auto;
}

#home-page.page-wrapper {
    max-width:960px;
    min-width:960px;
    width:960px;
    margin:0 auto!important;
    padding:0;
    background:#fff;
    box-shadow:0 0 38px rgba(0,0,0,0.5);
}

/* Icons
 ----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}

/* Component containers
 ----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.0em;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #006666 url(images/ui-bg_highlight-soft_75_006666_1x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	background: #c5e4d3 url(images/ui-bg_glass_75_c5e4d3_1x400.png) 50% 50% repeat-x;
	color: #006666;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #003333;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	background: #b8d7c6 url(images/ui-bg_glass_75_b8d7c6_1x400.png) 50% 50% repeat-x;
	color: #003333;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #003333;
}

/* Misc visuals
 ----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 8px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 16px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 8px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 16px;
}