/* Main application stylesheet */
/* general tag styles */
body {
    background-color: #003B71;
    text-align: center;
    font-size: .75em;
    font-family: "Trebuchet MS", tahoma, verdana, sans-serif;
    color: #000;
    margin: 0px;
    } 

img { border: 0px; } 

table { border-collapse: collapse; font-size: 100%; }

h1, h2, h4 { 
	margin: 0px;
	padding: 0px;
	font-size: 1.5em;
	color: #003B71;
	padding-bottom: 7px;
	border-bottom: solid 1px #c4c4c5;
	margin-bottom: 20px;
}

h3{
	color: #fff;
	font-size: 1.1em;
	border-bottom: solid 1px #4d779d;
	padding-bottom: 5px;
	margin-bottom: 14px;
}

p{
	margin: 7px 0px;
	padding: 0px;
}

td { 
    vertical-align: top; 
    text-align: left;
    }         
    
th {
   vertical-align: top;
   text-align: left;
   font-weight: bold;
   }

a { color: #00F; }
a:visited { color: #00F; }
a:hover { color: #F00; }

input {
    color: #000;
    font-size: 11px;
    padding: 3px;
    }

textarea {
    color: #000;
    font-size: 11px;
    padding: 3px;
    }

form { margin: 0px; padding: 0px; }

/* useful general styles */
.bold {
    font-weight: bold;
    }

.center, .centered  {
    text-align: center;
    } 

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

.bottom-box{
	float: left;
	width: 254px;
	height: 169px;
	padding: 25px;
	padding-top: 0px;
	background: url(/images/footer-box-bg.jpg) no-repeat;
	line-height: normal;
	color: #fff;
}
.bottom-box table tr td{
	font-size: .9em;
}
.bottom-box ul{
	list-style-type: none;
	margin: 0px;
	margin-left: 15px;
	padding: 0px;
}
.bottom-box ul li{
		
}
.bottom-box ul li a{
	color: #fff;
	text-decoration: none;
}
.bottom-box ul li a:hover{
	text-decoration: underline;	
}
.bottom-box h3 a{
	color: #fff;
	text-decoration: none;
}
.bottom-box h3 a:hover{
	text-decoration: underline;	
}

.newsletter-signup{
	height: 14px;
	width: 171px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	padding: 4px;
}
.newsletter-signup-butt{
	
}	

#samples {
	margin-top: 29px;
}

#samples img {
	margin: 0 5px 10px 5px;
	border: 1px solid #777;
}

/* header */
#header-holder{ 
    float: left; 
    clear: right;
    width: 100%;
	text-align: center;
	background: url(/images/header-bg.png) repeat-x;
    }
#header{ margin: auto; text-align: left; width: 940px; height: 86px; position: relative; }
#header #logo{ float: left; margin-top: 12px; }

/* navbar */
/* horizontal navbar */
#navbar {
    float: right;
    width: 650px;
	margin-top: 54px;
	}

#navbar ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    }
    
#navbar ul li {
    float: left;
    margin: 0px;
    padding: 0px;
    font-size: .9em;
    padding-left: 25px;
    }
#navbar ul .first {
	padding-left: 0px;
}
  
#navbar ul li a {
    color: #fff;
    text-decoration: none;
	text-transform: uppercase;
    }
    
#navbar ul li.sfhover a, #navbar ul li:hover a, #navbar ul li.sfhover, #navbar ul li:hover {
	text-decoration: underline;
    }
    
#navbar ul li a.current {
    }

#marker-holder{
	float: left;
	width: 100%;
	height: 6px;
	font-size: 1px;
	background: url(/images/marker-bg.png) repeat-x;
}

#marker{
	margin: auto;
	width: 940px;
	text-align: left;
}

/* content_for_layout container */
#main-content-holder {
    float: left;
    width: 100%;
	background: url(/images/main-content-bg.png) repeat-x;
	background-color: #fff;
	text-align: center;
    }

#main-content {
    margin: auto;
	width: 940px;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: left;
	}

/* footer */
#footer-holder {
    float: left;
    clear: left;
    width: 100%;
    background: #003b71;
	border-top: solid 1px #303030;
    text-align: center;
	padding-bottom: 15px;
    }
#footer{
	margin: auto;
	width: 940px;
	color: #000;
	text-align: left;
	padding-top: 24px;
}

#copyright-holder{
	float: left;
	width: 100%;
	text-align: center;
    }
	
#copyright{
	margin: auto;
	width: 940px;
	font-size: .8em;
	color: #4d779d;
	text-align: right;
	padding-top: 10px;
}
#copyright a{
	color: #4d779d;
	text-decoration: none;
}


/* form errors */
.fieldWithErrors input, .fieldWithErrors textarea, .fieldWithErrors select {
	border: 1px solid red !important;
} 
.fieldWithErrors {
	display: inline;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px 7px 0px 7px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px -7px -3px -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

#clear{
	float: left;
	clear: both;
	width: 100%;
}

#language-bar a {
	color: white;
	text-decoration: none;
}
#language-bar {
	position: absolute;
	margin-top: 6px;
	right: 0px;
	text-align: right;
	color: white;
}

#language-list {
  background: #ffffff url(/images/set-lang-top.png) top no-repeat;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  position: absolute;
  right: 0px;
  width: 130px;
  padding: 15px 10px 10px 10px;
  text-align: left;
}

#language-list a {
  color: black;
}
#language-list a:hover {
  text-decoration: underline;
}