/* Reset all margins and padding to ensure x-browser compatibility */
* {
	padding: 0px;
	margin: 0px;
}

/* CSS Document */ 
body {
	background-color: #000000;
}

body, html {
	margin: 0px;
	padding: 0px;
	height: 100%;
}

img {
	display:inline;
}

table {
	background-color: #FFFFFF;
}

body, table, tr, td {
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #333;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    vertical-align: top;
    text-align: left;
/* uncomment to activate table borders*/
/*border: thin dotted #800080;*/
}

table.main {
    height: 97%;
    margin-top: 10px;
}

.center table { 
    margin-left: auto;
    margin-right: auto;
}

.center { 
    text-align: center;
}

.left { 
    text-align: left;
}

th {
    background-color : #ccc;
    padding-left: 4px;
}

label {
	clear:both;
	font-weight:bold;
	display:block;
	padding-bottom: 5px;
	float: left;
	margin-right: 5px; 
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a:link {
    font-weight: bold; 
    color: #000000; 
    text-decoration: none;
}

a:visited {
    font-weight: bold; 
    color: #000000; 
    text-decoration: none;
}

a:hover {
    font-weight: bold; 
    color: #000000; 
    text-decoration: underline;
}

.align-right {
	text-align:right;
}

.bold-black {
    font-weight: bold; 
    color: #000000; 	
}

.font-14 {
    font-size: 14px; 
}

h1 { font-size: 14px; font-weight: bold; text-align: left; line-height: 40px;} 
h2 { font-size: 14px; font-weight: bold; text-align: left;} 
h3 { font-size: 14px; font-weight: bold; text-align: left;} 

.page-title { font-size: 14px; font-weight: bold; color: black; text-align: left; line-height: 40px;} 
.page-title-left { font-size: 14px; font-weight: bold; color: black; text-align: left; line-height: 40px;} 
.page-title-center { font-size: 14px; font-weight: bold; color: black; text-align: center; line-height: 40px;} 

/*************************
Content Page Style
**************************/
.thumbnail td {
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: #999999 1px; 
    border-bottom: #999999 1px; 
	border-style: dotted;
}

.content-title { font-size: 14px; line-height: 28px; vertical-align: middle; font-weight: bold; text-align: center;} 

.patternImage { border: 1px solid #000000; height: 270px; width: 360px; } 

.contentImage { display: block; border: 1px solid #000000; margin-right: auto; margin-left: auto;} 

.contentImageWithText { border: 1px solid #000000; float: left; margin-right: 25px; } 

/***************************
Top Menu Styles
***************************/
#topnav{
   MARGIN-TOP: 12px; FLOAT: right; TEXT-ALIGN: right;
}
#logo {
    MARGIN-TOP: 12px; PADDING-LEFT: 10px; FLOAT: left;
}

.topnav td {
    vertical-align: middle;
    padding-right: 5px;
    padding-left: 12px;
    padding-top: 3px;
    padding-bottom: 4px;
}

.links_nav {
    FONT-WEIGHT: normal; 
    FONT-SIZE: 10px;  
    COLOR: #444444; 
    TEXT-DECORATION: none;
}

.links_nav:visited {
    FONT-WEIGHT: normal; 
    FONT-SIZE: 10px; 
    COLOR: #444444; 
    TEXT-DECORATION: none;
}
.links_nav:hover {
    FONT-WEIGHT: normal; 
    FONT-SIZE: 10px; 
    COLOR: #226eff; 
    TEXT-DECORATION: underline;
}

.navSecondLevel {
background-color: #CBD36E;
}

.margin {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}

.promolinks {
    FONT-WEIGHT: bold; FONT-SIZE: 10px
}

.caption {
    CLEAR: both; 
    DISPLAY: block; 
    FONT-SIZE: 11px; 
    MARGIN-BOTTOM: 15px; 
    FONT-STYLE: oblique
}

table.show_form {
}

table.show_form tr {
}
table.show_form td {
    line-height: 24px;
}

.nav_blue{
background-color: #317BA2;
}

a.links_nav {
    FONT-WEIGHT: bold; 
    FONT-SIZE: 11px;  
    COLOR: #fdfefe; 
    TEXT-DECORATION: none
}

a.links_nav:visited {
    FONT-WEIGHT: bold; 
    FONT-SIZE: 11px; 
    COLOR: #fdfefe; 
    TEXT-DECORATION: none
}
a.links_nav:hover {
    FONT-WEIGHT: bold; 
    FONT-SIZE: 11px; 
    COLOR: #fdfefe; 
    TEXT-DECORATION: underline
}
    

.list_small {
    width: 450px;
    line-height: 18px;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#notice_text {
  width: 700px;
  border: 2px solid yellow;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

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

/* Originally from scaffold.css*/
#error_explanation {
  width: 700px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

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

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

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

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

/* Admin Section */
/* Left content container */
#left {
	float:left;
	width: 500px !important;
	width: 500px;
	margin-left: 45px !important;
	margin-left: 22px;
	margin-right: 15px;
}
/* Right content */
#right {
	float:left;
	margin-left: 20px;
	width: 170px;
}

#left, #right, #fullContent {
	position: relative;
}

#fullContent {
	width: 800px;
	margin-left: 45px !important;
	margin-left: 45px;
	margin-right: 15px;
}

.info {
	font-size: 10px;
	font-style:italic;
	color: #666666;
	line-height:10px
}