/* RESET AND SENSIBLE DEFAULTS
-------------------------------------------------------------------------------- */
fieldset,img{border:0;}
caption,th {text-align:left;}

/* FORMS
-------------------------------------------------------------------------------- */
label {
display: block;
margin-top:10px;
}
input, textarea { 
font: normal 14px Arial, sans-serif;
padding: 2px;
}
.submit {
padding-top: 4px;
}
.error_message {
color:#333;
background-color:#FFFFCC;
padding: 4px;
float:right;
font-weight:bold;
}

/* CONTINUE
-------------------------------------------------------------------------------- */

.crumbtrail, .crumbtrail a {
	font-size: 11px;
	color: #333;
  text-decoration: none;
}

.crumbtrail a:hover {
  color: #E41021;
  text-decoration: underline;
}

body {
  /*background: #E3DED7;*/
  font-family:  Arial, sans-serif, Helvetica;
  /*font-size: 100%;*/
  /*line-height: 1.25em; /* 20px = 16 * 1.25 */
  margin-top: 0px;
  margin-bottom: 0px;
}


body {
background:#FFFFFF ;/*url(/img/bg_gradient.jpg) repeat-x scroll 0pt;*/
background-position: top center;
}

a {
  color: #C30020;
  font-size: 0.875em; /* 14px = 16 * .875 */
  line-height: 1.4286em;
}

a:hover {
  text-decoration: none;
}

a.subscribe {
  background: #ffc url(../images/FeedIcon.gif) left top  no-repeat;
  padding: 0 0 0 20px;
}

a.comments {
  background: #fff url(../images/CommentBubble.gif) left top  no-repeat;
  padding: 0 0 0 19px;
}

p {
  /*font-size: 0.875em;     /* 14px = 16 * .875 */
  font-size: 13px; 
  /*line-height: 1.4286em;
  /*margin-bottom: 1.286em; /* 20px = 14 * 1.4286 */
}

p.standalone {
  margin-bottom: 0;
}

h1 {
  color: #333;
  font-size: 1.25em;    /* 20px = 16 * 1.25 */
  letter-spacing: -.048em;
  line-height: 1em;  /* 20px = 20 * 1 */
  margin: 0;
}

h1.standalone {
  margin-bottom: .75em;
}

h1 a {
  color: #E41021;
  text-decoration: none;
}

.content-page .primary h1 {
  font-size:12px; 
  line-height: 1.428em;
}

.info h1, .forms h1 { color: #3C2E20; }
.meta h1 { color: #333; }
.emphasis h1 { color: #3C2E20;}
.supplement h1, .list h1 { color: #333; }
.promotion h1 { color: #67a521; }

.info h1,
.forms h1,
.meta h1,
.emphasis h1,
.supplement h1,
.list h1, 
.promotion h1 {
  font-size: 0.875em; /* 14px = 16 *.875 */
  line-height: 1.4286em;
  margin-top: .4em;
  text-transform: uppercase;
  margin-bottom:0.4em;
}

h2 {
  color: #333;
  font-size: 1.125em;    /* 18px = 16 * 1.125 */
  margin-bottom: .4em;
}

h3 {
  color: #333;
  font-size: 0.875em;   /* 14px = 16 * .875 */
  margin-bottom: .4em;
}

ol {
  list-style: decimal;
  padding: 0 0 0 1em;
}

.list ol, .list ul {
  font-size: 0.875em;     /* 14px = 16 * .875 */
}

.list ul a {

}

.post ol, .post ul,
.content ol, .content ul {
  font-size: 0.875em;     /* 14px = 16 * .875 */
  line-height: 1.4286em;
}

.container ul, .container ol {
  margin: 0 0 1.25em 0;
}

.container ul li {
  /*background: #fff url(../images/Bullet.gif) 0 .6em no-repeat;*
  display: block;*/
  padding: 0 0 0 0.1em;
  margin:0;
}

.container ol li {
  padding: 0;
  color: #67a521;
  font-family: Georgia, Times, serif;
}

li span {
  color: #000;
  font-family: Arial, Helvetica, sans-serif!important;
  font-size: 1em;
}

p a,
p span,
p em,
p strong,
p samp,
h1 a,
li a,
span a {
  font-size: 1em;
}

/********** =about **********/

#logo {
  background: #E3DED7;
  background: #ffffff;
  padding: 10px 0 10px 0;
}

#logo h1 {
  color: #FBFBFB;
}

#logo h1 a {
  color: #FBFBFB;
}

#logo h1 a:hover {
  color: #505050;
}


/*
#heading div span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

#heading div.long {
  width: 680px;
}

#heading div.short {
  width: 430px;
}
*/

#poweredBy {
  padding-top: 20px;
}

#nav {
  background-image:url(/img/logo.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  text-align:right;
  color:#ccc;
  height: 40px;
  background-color:#333;
  padding-left:180px;
  padding-right:20px;
  margin:0;
  margin-top:0px;
  font-size:smaller;
}

#nav a {
  color:#fff;
}

/********** =header **********/

#header {
  position: relative;
  margin-bottom:20px;
}

#logo a {
  outline:none;
}

#context {
  border:1px solid #E3DED7;
  width:480px;
  padding-left:9px;
  padding-right:5px;
  padding-bottom:20px;
  padding-top:5px;
  /*margin:0px;*/
}
#context2 {
  /*border:1px solid #E3DED7;*/
  width:700px;
  padding-left:9px;
  padding-right:5px;
  padding-bottom:20px;
  padding-top:0px;
  margin:0px;
}
#context3 {
  border:1px solid #E3DED7;
  width:480px;
  padding-left:9px;
  padding-right:5px;
  padding-bottom:20px;
  padding-top:0px;
  margin:0px;
}

#context h2 {
  color:#505050;
  margin-bottom:0;
  padding-top:9px;
  font-weight:normal;
  letter-spacing:-1px;
}

#context h2 a {
  color:#505050;
  /*font-size: 1.125em;    /* 18px = 16 * 1.125 */
}

#context p {
  color:#333333;
  padding-bottom:10px;
  margin:0;
}

.contextmeta {
  padding-top: 0px;
  padding-bottom: 6px;
  margin-left: 365px;
 padding: 0px 0px 0px 0px;
  margin-top: 0px;
  width: 113px;
  height: 45px;
  float: right;
  position: absolute;
  /*margin: 4px;*/ 
  text-align: center;
  background-color: #fff;
  border: 1px solid #E3E3E3;
  clear: both;
  font-size:15px
  /*font-weight:strong;*/
}
.contextmetalizo {
  padding-top: 0px;
  padding-bottom: 6px;
  margin-left: 365px;
 padding: 0px 0px 0px 0px;
  margin-top: 53px;
  width: 113px;
  height: 52px;
  float: right;
  position: absolute;
  /*margin: 4px;*/ 
  text-align: center;
  background-color: #cccccc;
  border: 1px solid #E3E3E3;
  clear: both;
  font-size:14px
  /*font-weight:strong;*/
}

.contextmeta strong {
  font-size: 22px;
  color:#666666;
  letter-spacing:-2px;
  line-height: 26px;
}

.contextmeta_logo {
 padding-top: 9px;
  padding-bottom: 9px;
  padding: 12px;
  margin-top: 12px;
  width: 64px;
  float: right;
  text-align: center;
  background-color: #fff;
  border: 1px solid #E3E3E3;
  clear: both;
}


.blue {
  background-color:#F5F4F3;
}
.blue2 {
  background-color:#FFFFFF;
}
.grey {
  background-color:#F5F4F3;
  clear:both;
}
.green {
  background-color:#D3F9BB;
  clear:both;
}
.red {
  background-color:#F8D6D7;
  clear:both;
}

/********** =nav **********/

ul#nav {
  display: block;
  position: absolute;
  right: 2.5em;
  top: 44px;
  margin: 0;
}

ul#nav li {
  float: left;
  margin: 0 0 0 1em; /* 16px = 16 * 1 */
}

ul#nav li a {
  display: block;
  font-size: .75em; /* 12px = 16 * .75 */
  padding: .625em .9375em; /* 5px = 16 * .3125 / 10px = 16 * .625 / 3px = 16 * .1875*/
  text-align: right;
  text-decoration: none;
  text-transform: lowercase;
}

ul#nav li a:hover {
  text-decoration: underline;
}

ul#nav li.current a {
  background: #e9e9e9;
  color: #333;
  font-weight: bold;
}

ul#nav li.current a:hover {
  text-decoration: none;
}


/********** =page **********/

#page {
  width: 47.5em;
}

#mini-page {
  width: 31.875em;
}

#page, #mini-page {
  background: #fff;
  margin-right: auto;
  margin-left: auto;
}

ul.actions {
  padding:0;
  border-top:1px dotted #ccc;
  padding-top:10px;
  margin-top:10px;
}



/********** =layout **********/
.container {
  clear: both;
  margin: 0 1.25em 1.25em; /* 20px = 16 * 1.25 */
}

.primary {
  display: inline;
  float: left;
  /*padding-bottom: 2.5em;*/
  clear:both;
}

.secondary {
  display: inline;
  float: right;
  padding-bottom: 2.5em;
}

.tertiary {
  clear: both;
  width: 100%;
}

.pageControl {
  clear: both;
	text-align: center;
  width: 100%;
}

.content-page .primary { width: 31.25em; /* 470px = 16 * 29.375 */ }
.content-page .secondary { width: 12.50em; /* 230px = 16 * 14.375 */ }

.mini-page {
  margin-top: 2.5em;
}

/********** =box **********/

.box {
	padding:0px 0px 0px -25px;
	width:480px;
	Font-family: Arial, helvetica,  sans-serif;
	font-size: 13px;
  /*padding: 0.25em; /* 20px = 16 * 8.25 */
}
.box2 {
	/*padding:0px 0px 0px -25px;*/
	width:100%px;
	/*Font-family: Arial, helvetica,  sans-serif;*/
	font-size: 13px;
  /*padding: 0.25em; /* 20px = 16 * 8.25 */
}
.smallfont {
	
	Font-family: Arial, helvetica,  sans-serif;
	font-size: 11px;

}

.footerlinks {
	
	Font-family: Arial, helvetica,  sans-serif;
	font-size: 12px;
	color: #333333;

}

.footerlinks:hover {
	
	Font-family: Arial, helvetica,  sans-serif;
	font-size: 12px;
	color: #333333;

}
.form_font {

	Font-family: Arial, helvetica,  sans-serif;
	font-size: 13px;
  /*padding: 0.25em; /* 20px = 16 * 8.25 */
}

.box a.more {
  /*font-style: italic;*/
}

.forms {
  background: #dff1ff;
}

.promotion div.copy {
  width: 24em;
  float: left;
}

.promotion form {
  display: block;
  margin: 1.5em 0 0 0;
  width: 16em;
  float: right;
}

.promotion label,
.content label {
  color: #666;
  display: block;
  font-size:12px ;
  margin: 0;
  padding: 0 0 0 2px;
}

span.supplemental {
  color: #999;
  display: block;
  font-size: .625em;
  padding: 0 0 0 2px;
}

.info {
  background: #F2F3F5;
  
}

.meta {
  background: #efefef;
  margin-bottom: 1.25em;
}

.meta p {
  margin: 0;
}

.emphasis {
  /* background:';#F0F1F3;*/
}


/********** forms **********/


div.field {
  margin-bottom: .5em;
}

div.field label {
  display: block; 
}

div.field span { 
  color: #666;
  font-weight: normal;
}

div.field input, textarea {
  font-family: arial, helvetica,  sans-serif;
  font-size: .875em;
  padding: .125em;
}

textarea {
  line-height: 1.4286em;
  width: 98%;
}


/********** footer **********/
#footer {
  border-top: 1px solid #F4F4F4;
  clear: both;
  color: #666666;
  font-family: Georgia, "Times New Roman", Serif;
  font-size: 0.875em;     /* 14px = 16 * .875 */
  font-style: italic;
  margin: 0;
  padding: 10px;
  text-align: left;
}

#footer p.legal a {
  color: #999;
}
.redlink {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-style: underline;

}

.redlink:hover {
	font-style: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	
}
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	}
.greylink {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	font-style: underline;

}
.greylinksmall {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	font-style: underline;

}
.greylinktitle {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	font-style: underline;

}

.greylink:hover {
	font-style: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	
}


.topic_menu {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #FFFFFF;
	font-style: underline;

}
.topic_menu2 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	font-style: underline;

}
.topic_menugrey {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #333333;
	font-style: underline;

}
.style22 {color: #D10E16}
.style4 {color: #333333}
.topic {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
.maillink {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#D10E16;
}
.maillink:hover{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#D10E16;
}
.signup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	}
.signup2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	}	
.signupnow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #D10E16;
	}	
.signupnow:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #D10E16;
	}
	.topic_menuyellow {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FCAB05;
	font-style: underline;

}
	.topic_menuyellow {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FCAB05;
	

}
	.top {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #505050;
	

}

/* 
  border: 1px solid #e3ded7;
  padding: 5px;
*/
