/* ---------------------
basic layout
--------------------- */
* {
	margin: 0;
	padding: 0;
}

html {
height:100%;
margin-bottom:1px;
}

body {
font: normal 62.5%/1.4em Arial, Verdana, Helvetica, sans-serif;
	background-color:#1A1A1A;
	color:#FFF;
	text-align:center;
	
}


/** clear the banner to make it sit in the bottom **/
.clear {
	clear:both;
}

a {
color:#FFF;
text-decoration:none;
}

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

a {
outline:none;
}

/* ---------------------
template layout
--------------------- */

/** wrapper to make the page center **/
#container {
	width:1000px;
	height:auto;
	margin:0 auto 0 auto;
	padding:70px 0 0 0;
	text-align:left;
	background:url(../img/flag_background_long.jpg) -20px -10px no-repeat;
}

#base {
clear:both;
width:1000px;
	height:80px;
background:url(../img/flag_background_Bottom.jpg) -20px 0px no-repeat;

}


#leftcol {
position:relative;
float:left;
width:200px;
text-align:right;


}

#content {
float: left;
width:620px;
}
#rightcol {
position:relative;
float:left;
width:auto;
height:740px;
}

#header {
width:620px;
height:100px;
margin-bottom:8px;
}

#banner {
width:620px;
height:85px;
margin-bottom:16px;
}

#menu {
width:618px;
margin-bottom:8px;
}


#col-one {
position:relative;
float:left;
width:300px;
height:530px;
border:#FF0000 solid 1px;
background:url(../img/curtain.jpg) 0 0 no-repeat;

}

#col-two {
position:relative;
float:right;
width:300px;
height:530px;
border:#FF0000 solid 1px;
background:url(../img/curtain.jpg) 0 0 no-repeat;
}

#footer {
clear:both;
width:620px;
margin-top:16px;
background-color:#333333;
}


/* ---------------------
content layout left column
--------------------- */

#leftcol .nav, #rightcol .nav {
margin:210px 0 0 0;
padding:0;
list-style:none;
}

#leftcol .nav li{
color:#333;
padding:0 16px 5px 0;
font-size:1.4em;
font-weight:bold;

font-family:Arial, Helvetica, sans-serif;
}

#rightcol .nav li {
color:#FFFFFF;
padding:0 0 5px 16px;
font-size:1.4em;
font-weight:bold;

font-family:Arial, Helvetica, sans-serif;
}

#leftcol .nav li a, #rightcol .nav li a  {
color:#FF0000;
text-decoration:none;
}

#leftcol .nav li a:hover, #rightcol .nav li a:hover {
color:#999;
text-decoration:none;
}

#leftcol .nav li.pad, #rightcol .nav li.pad{
padding-top:18px;
}

#leftcol .nav li.white {
color:#FFFFFF;
}

/* ---------------------
top level navigation
--------------------- */

#menu .topnav{
margin:0;
padding:0;
list-style:none;
}

#menu .topnav li{
color:#FF0000;
padding-right:10px;
font-size:1.2em;
font-weight:bold;
display:inline;
}

#menu .topnav li a{
color:#FFF;
text-decoration:none;
}

#menu .topnav li a:hover{
color:#FF0000;
text-decoration:none;
}

/* ---------------------
Links
--------------------- */


/* ---------------------
coloumn one
--------------------- */


#col-one h1.home {
color:#FFF;
font-size:1.6em;
line-height:1.2em;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
padding:10px 10px 10px 10px;
}

/*#col-one p {
color:#FFF;
font-size:1.1em;
padding:0 8px 0 8px;
margin:0;
}

#col-one p.title {
color:#FFF;
font-size:1.1em;
font-weight:bold;
padding:8px 8px 0 8px;
margin:0;
}*/

/* ---------------------
coloumn two
--------------------- */


#col-one h1{
color:#FF0000;
font-size:1.6em;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
padding:10px 0 15px 10px;
}

#col-two h1 {
color:#FF0000;
font-size:1.6em;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
padding:10px 0 15px 10px;
}

#col-one p, #col-two p {
color:#FFF;
font-size:1em;
padding:0 8px 0 8px;
margin:0;
}

#col-one p.title, #col-two p.title {
color:#FFF;
font-size:1em;
font-weight:bold;
padding:8px 8px 0 8px;
margin:0;
}

/* ---------------------
footer
--------------------- */


#footer p {
font-size:1.1em;
padding: 5px 0 5px 10px;
color:#FFF;
}

.email-link {
float:right;
width:auto;
text-align:right;

}

#footer .email-link p {
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
padding: 5px 10px 5px 0;

}

#footer .email-link a {
padding-right:10px;
color:#FFF;
text-decoration:none;
}


#footer .email-link a:hover{
color:#FFFFFF;
text-decoration:underline;
}


/* ---------------------
list item - no image
--------------------- */

.list-item {
list-style:none;
padding:0 0 0 0;
margin:10px;
}

.list-item li {
padding: 5px 0 0 0;
font-size:1.1em;
border-top:#666 dotted 1px;
}

.list-copy {
list-style:none;
padding:0;
margin:5px 0 10px 0;
}

.list-copy li {
padding: 0 0 0 0;
font-size:1em;
border:none;
}



/* ---------------------
list item - image
--------------------- */

.thumb {
display:block;
clear:both;
margin-bottom:5px;
}

.thumb-text {
font-size:1.1em;
color:#999;
}

.thumb-text img {
border:#666 1px solid;
}

.thumb-text p {
padding:0;
}

p.white {
color:#FFFFFF;
}


.thumb-text img {
float:left;
margin-right:10px;
margin-bottom:5px;
}

.list-item h2 {
color:#FFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.3em;
line-height:1.1em;
font-weight:normal;
padding-bottom:8px;
}


/* ---------------------
single page
--------------------- */

#single #col-one {
float:left;
width:618px;
min-height:400px;
height:auto !important;
height:400px;
border:#FF0000 solid 1px;
background:none;
}

#single #col-one p {
padding: 0 50px 15px 10px;
font-size:1.2em;
color:#999999;
}

#single #col-one span {
color:#FFFFFF;
}

#single #col-one img {
padding:10px;
}

#single #images {
float:right;
width:200px;
padding: 0 10px 10px 20px;
clear:both;
}

#single #images img {
padding:0;
}

#single #col-one p.white {
color:#FFFFFF;
}

/* ---------------------
next - prev
--------------------- */

#page-more {
position:absolute;
bottom:10px;
left:5px;
}

#page-more p {
display:inline;
font-size:1.2em;
}


/* ---------------------
next - prev
--------------------- */

/*#scroll #col-two {
position:relative;
float:right;
width:300px;
height:400px;
border:#FF0000 solid 1px;
} */

#myScrollContainer {
width:280px;

}

#scroll_control {
position:absolute;
right:10px;
top:10px;
width:15px;
height:515px;
}

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

	
#myScrollContent {
padding-top:0;
padding-bottom:0;
}


/* ---------------------
scroll right col
--------------------- */


#twoScrollContainer {
width:280px;

}

#scroll_control-two {
position:absolute;
right:10px;
top:10px;
width:15px;
height:515px;
}

#scroll_control-two p {
margin:0;
padding:0;
}

	
#twoScrollContent {
padding-top:0;
padding-bottom:0;
}


/* ---------------------
static page - menu
--------------------- */

#us {
position:absolute;
left:0px;
bottom:0px;
}


#us .nav li a{
color:#FFF;
text-decoration:none;
}

#us .nav li a:hover{
color:#999;
text-decoration:none;
}


/* ---------------------
burgandy page
--------------------- */


#b-container {
	width:1000px;
	height:auto;
	margin:0 auto 0 auto;
	padding:70px 0 0 0;
	text-align:left;
	background:url(../img/long.jpg) -20px -10px no-repeat;
}

#b-base {
clear:both;
width:1000px;
	height:80px;
background:url(../img/flag_background_Bottom_burg.jpg) -20px 0px no-repeat;
}


/* ---------------------
forms
--------------------- */


/* fieldset styling */
fieldset {
  margin: 0; /*  space out the fieldsets a little*/
  padding: 0;
  border:none;
}

/* style for  labels */
label {
  display: block;
  margin:12px 0 7px 0;
  font-size:1.2em;
}


input {
  width: 200px;
  color:#000;
  font-size:1.1em;
  margin: 0 0 5px 0;
  border:#FFF 1px solid;
  padding:3px 3px 3px 3px;
}


.search_button {
	margin: 10px 0px 15px 10px;
	padding: 0px;
	
	width: 100px;
	height: 25px;
	
	background-image:url(../img/sendit.gif);
	background-repeat: no-repeat;
	border: 0px;
}

.search_button:hover {
	background-position: 0px 0px;
}

textarea {
font-size:100%;
font-family:Arial, Helvetica, sans-serif;
}

textarea {
  width: 260px;
  height:80px;
  color:#000;
  font-size:1.2em;
  margin: 0 0 2px 0;
  border:#FFF 1px solid;
  padding:1px;
  background-color:#FFF;
}


/* ---------------------
flash
--------------------- */

#lady{
position:absolute;
top:0;
left:0px;
width:120px;
height:160px;
}

#lady a {
display:block;
width:120px;
height:160px;
background:url(../img/lady.gif) 0 0 no-repeat;
text-indent:-3333px;
}

#flag{
position:absolute;
top:0;
left:0px;
width:120px;
height:160px;
}

#flag a {
display:block;
width:120px;
height:160px;
background:url(../img/lady.gif) 0 0 no-repeat;
text-indent:-3333px;
}

/* ---------------------
Search page
--------------------- */

#search #col-two #twoScrollContainer p {
padding-bottom:8px;
font-size:1.2em;
}

#search #col-two a {
text-decoration:underline;
}

#search #col-two #twoScrollContent h1 {
margin-top:0px;
padding-top:0px;
}


#contact #col-two p {
padding-bottom:8px;
padding-left:10px;
font-size:1.2em;
}

#contact label {
  display: block;
  margin:12px 0 5px 0;
  font-size:1.2em;
}


#contact input {
  width: 260px;
  color:#000;
  font-size:1.2em;
  margin: 0 0 4px 0;
  border:#FFF 1px solid;
  padding:2px 2px 2px 2px;
}


 #contact .search_button {
	margin: 10px 0px 15px 10px;
	padding: 0px;
	
	width: 110px;
	height: 25px;
	
	background-image:url(../img/sendM.gif);
	background-repeat: no-repeat;
	border: 0px;
}


#about .list-item li {
padding: 5px 0 5px 0;
font-size:1.1em;
border:none;
}

/* ---------------------
search months
--------------------- */

#leftcol .nav-s{
margin:0 0 0 0;
padding:0;
list-style:none;
}

#leftcol .nav-s li{
color:#333;
padding:0 16px 5px 0;
font-size:1.4em;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

#rightcol .nav-s li {
color:#FFFFFF;
padding:0 0 5px 16px;
font-size:1.4em;
font-weight:bold;

font-family:Arial, Helvetica, sans-serif;
}

#leftcol .nav-s li a{
color:#FF0000;
text-decoration:none;
}

#leftcol .nav-s li a:hover{
color:#999;
text-decoration:none;
}



#flag{
position:absolute;
top:0px;
left:100px;
width:100px;
height:100px;
}

#flag a {
display:block;
width:100px;
height:100px;
background:url(../img/flag_box.gif) 0 0 no-repeat;
}

#leftcol #flag a {
text-align:left;
text-indent:-3333px;
}