/* Elements */

/* Fonts - change 'sans-serif' to your preferred font */
ADDRESS, BLOCKQUOTE, BODY, CAPTION, CENTER, DD, DIR, DIV, DL, DT, FORM, H1, H2, H3, H4, H5, H6, MENU, TABLE, OL, P, TD, TH, UL {font-size: 1em;
font-family: tahoma, arial, sans-serif; color:#383a3c;}


/* Real styles */

A {cursor: pointer;
color:#c45719;}

A:link {color: #c27e19;
background: transparent;
text-decoration: underline}

A:visited {color: #c27e19;
background: transparent;
text-decoration: underline}

A:active {color: #c27e19;
background: transparent;
text-decoration: underline}

A:hover {
color: #9b5d00;
text-decoration: underline}

ADDRESS {margin: 0em 0% 0em 0%;
font: italic 1em/1 sans-serif}

BIG {font-size: 1em}

BLOCKQUOTE {margin: 0em 0% 0em 0%;
line-height: 1}

BODY {
	background: #e7e7e7;
	background-image: url("../images/background.gif");
	background-position:top center;
	background-repeat: repeat-y;
	text-align:center;
	margin: 0em 0% 0em 0%;
	font-size: 0.8em;
	cursor: default;
}

BUTTON {cursor: auto}

CAPTION {margin: 0em 0% 0em 0%;
line-height: 1}

CODE {font-size: 1em;
font-family: monospace} /* To avoid overriding boldness/italicity by using font */

DIV {margin: 0em 0% 0em 0%;
line-height: 1}

DD {margin: 0em 0% 0em 0%;
line-height: 1}

DL {margin: 0em 0% 0em 0%}

DT {margin: 0em 0% 0em 0%;
line-height: 1}
	
FORM {margin: 0em 0% 0em 0%;

}

H1 {
	font-family: arial, georgia, sans-serif;
	margin: 1.5em 0% 1.5em 0%;
	padding-bottom: 7px;
	font-weight: bold;
	font-size: 1.6em;
	color: #c27e19;
}
H2 {
	font-family: arial, georgia, sans-serif;
	margin: 1.5em 0% 1.5em 0%;
	padding-bottom: 7px;
	font-size: 1.6em;
	font-weight: bold;
	color: #000;
}
H3 {
	font-family: arial, georgia, sans-serif;
	margin: 1.5em 0% 1.5em 0%;
	padding-bottom: 7px;
	font-size: 1.4em;
	font-weight: bold;
	color: #000;
}
H4 {
	font-family: arial, georgia, sans-serif;
	margin: 1.5em 0% 1.5em 0%;
	padding-bottom: 7px;
	font-size: 1.2em;
	font-weight: bold;
	color: #c27e19;
}
H5 {
	font-family: arial, georgia, sans-serif;
	margin: 1.5em 0% 0.5em 0%;
	padding-bottom: 0px;
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
}


H6 {margin: 0em 0% 0em 0%;
font: 1em/1 serif}

HR {
	background: #e9e9e9;
	border: 0;
	color: #e9e9e9;
	height: 1px;
	margin: 1em 0 1em 0;
}

HTML {margin: 0;
}

INPUT, TEXTAREA, SELECT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #02308d;
	background:#f9f9f9;
	border: 1px #aeaeae solid;
	padding: 2px;
}

KBD {font: 1em monospace}

LI {margin: 0em 0% 0em 0%;
line-height: 1}

OL {margin: 0em 0% 0em 5%;
list-style: decimal}

UL UL OL OL, UL OL UL OL, OL UL OL OL, OL OL UL OL, OL UL OL, OL OL {list-style: lower-alpha}

OL UL OL OL, OL OL UL OL, UL OL OL OL, OL OL OL {list-style: lower-roman}

OL OL OL OL {list-style: decimal}

P {
	margin: 0em 0% 1.4em 0%;
	line-height: 1.4em;ß
	color: #3b3b3b;
}

PRE {margin: 0em 0% 0em 0%;
font: 1em/1 monospace}

SAMP {font: 1em monospace}

SMALL {font-size: 1em}

SUB {font-size: 1em}

SUP {font-size: 1em}

TD {line-height: 1;
font-size: 1em;
padding: 3px;}

TEXTAREA {cursor: text}

TH {font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 3px;
font-size: 1em;}

TT {font: 1em monospace}

UL {margin: 0em 0% 2em 5%;
list-style: disc}


UL UL, OL OL UL UL, OL UL OL UL, UL OL OL UL, OL UL UL, UL OL UL {list-style: circle}

OL UL UL UL, UL OL UL UL, UL UL OL UL, UL UL UL {list-style: square}

UL UL UL UL {list-style: disc}

.text_med {
	font-size: 1.2em;
	padding: 0.5em 0% 0.5em 0%;
	
}


#standard_list li {
color: #009836;
font-size: 1.2em;
line-height: 1.4em;
}



.redstar {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-weight:bold;
}

#logo {
	padding: 52px 0px 0px 5px;
}








/* Start Main Layout */
#mainwrapper {
		z-index: 1;
    text-align: left;
    width: 100%;
    background-color: #fff;
}
#footer_container {
		background: url("../NEW_images/footer_back.gif") repeat-x right top;
}
	
#block_1 {
	float: left;
	width: 571px;
	margin-left: 199px;
}

#block_1 ul {
	list-style-image: url("../images/list.gif");
	list-style-type: none;
}
#block_1 li {
	line-height: 18px;
	font-weight: bold;
	color: #222222;
}

* html #block_1 {
	display: inline;
}

#block_2 {
	float: left;
	width: 199px;
	margin-left: -770px; 
}


/* Start Mac IE5 filter \*/
#block_1, #block_2
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}
/* End Mac IE5 filter */
#wrapper
	{
	margin-left:auto;
	margin-right:auto;
	width: 770px;
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */
#wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}
/* end easy clearing */
#footer
	{
	margin-left:auto;
	margin-right:auto;
	width: 770px;
	text-align:left;
	padding: 30px 0px 30px 0px;
	clear: both;
	}
#header {
	margin-left:auto;
	margin-right:auto;
	width: 770px;
	padding: 0px 20px 0px 20px;
}
/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output
	{
	position: relative;
	z-index: 1000;
	}
.block1_padding {
	padding: 25px 0px 80px 30px;
}
.block2_padding {
	padding: 25px 0px 80px 0px;
}
.clear {
   clear: both;
}
/* END Main Layout */








/* Horizontal Navigation ---------- */

#navigation {
	padding: 6px 0 0;
	min-width: 770px;
	font-size: 1em;
}
#navigation ul, #navigation ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation ul {
	padding: 5px 0 5px;
	text-align: center;
}
#navigation ul li {
	display: inline;
	margin-right: -2px;
}
#navigation ul li a {
	background: url("../NEW_images/tab_left.gif") no-repeat left top;
	color: #FFF;
	padding:6px 0px 6px 9px;
	text-decoration: none;
}
#navigation ul li span {
	background: url("../NEW_images/tab_right.gif") no-repeat right top;
	padding:6px 20px 5px 11px;
}
#navigation ul li a:hover span {
	background-position: 100% -200px;
}
#navigation ul li a:hover {
	background-position: 0 -200px;
}
#navigation #current a {
	background-position: 0 -200px;
}
#navigation #current a span {
	background-position: 100% -200px;
}

* html #navigation ul li a { /*IE 6 only */
padding:0px 0px 6px 9px;; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

/* End Horizontal Navigation ---------- */
















.clear {
   clear: both;
}








/* Start Vertical Navigatiuon */
#blueblock{
width: 199px;
padding: 0;
font-size: 1em;
color: #000;
background: url("../NEW_images/vertnav_back.gif") repeat-y top left;
}

* html #blueblock{ /*IE 6 only */
w\idth: 179px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
background: url("../images/bullet.gif") no-repeat top left;
margin: 0;
}

#blueblock li a{
font-weight: bold;
display: block;
padding: 6px 8px 6px 12px;
color: #000;
text-decoration: none;
width: 100%;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover{
background: url("../images/bullet_over.gif") no-repeat top left;
background-color: #e09d3a;
color: #fff;
}


#blueblock .sub {
margin: 0;
padding: 0;
background-color: #e09d3a;
}

#blueblock .sub a{
background: url("../images/bullet_b.gif") no-repeat top left;
font-size: 1em;
display: block;
padding: 5px 0px 5px 20px;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #blueblock .sub a{ /*Non IE6 width*/
width: auto;
}

#blueblock .sub a:hover{
background: url("../images/bullet_b_over.gif") no-repeat top left;
background-color: #000;
color: #fff;
}
/* END Vertical Navigatiuon */








/* Start Section Navigatiuon */
#section_nav {
width: 540px;
padding: 0;
font-size: 0.9em;
color: #612300;
background-color: #eee;
}

* html #section_nav { /*IE 6 only */
w\idth: 440px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#section_nav .hnavul{
list-style: none;
margin: 0;
padding: 0;

}

* html #section_nav .hnavul { /*IE 6 only */
margin-bottom: 0px;
m\argin-bottom: 0px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#section_nav .hnavli {
height: 60px;
margin: 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #ccc;
list-style-image: none;
}

#section_nav .hnavli a{
line-height: 1;
height: 50px;
padding: 5px 10px 5px 90px;
display: block;
font-weight: normal;
color: #000;
text-decoration: none;
width: 100%;
}

#section_nav .hnavli a .title {
 font-size: 1.2em;
 font-weight: bold;
 color: #c27e19;
}
#section_nav .hnavli a:hover .title {
 font-size: 1.2em;
 color: #000;
}
html>body #section_nav .hnavli a{ /*Non IE6 width*/
width: auto;
}

#section_nav .hnavli a:hover{
background: url("../images/nav_arrow.gif") no-repeat top left;
background-color: #fffde2;
border-bottom: 1px solid #ebe6a4;
color: #c27e19;
}

/* END Section Navigatiuon */




















/* rounded box */
.roundcont {
	width: 100%;
	background-color: #009836;
	color: #fff;
}

.roundcont p {
	font-size: 1.2em;
	font-weight: bold;
	/*margin: 10px 20px 10px 0px;*/
	color:#FFFFFF;
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
}

.roundtop { 
	background: url("../images/round_tr.gif") no-repeat top right; 
}

.roundbottom {
	background: url("../images/round_br.gif") no-repeat top right; 
}
/* End Rounded Box */





.date {
	line-height:1.7em;
}


#banner_top {
	font-size: 0em;
	width: 100%;
	height: 11px;
	background: url("../images/banner_top.gif") no-repeat top left;
}
#banner_content {
	width: 100%;
	background: #2f77bf url("../images/banner_back.gif") repeat-x top left;
}
#banner_bottom {
	width: 100%;
	height: 11px;
	background: url("../images/banner_bottom.gif") no-repeat top left;
}

img.corner {
   width: 11px;
   height: 11px;
   border: none;
   display: block !important;
}


.buttonfloat {
  float: left;
  width: 151px;
  padding: 1px;
  }
.formbutton {
	cursor:pointer;
	border: none;
}
.counter_box {
	margin-top: 20px; 
	width: 180px; 
	text-align: center; 
	background: url("../images/counter_back.gif") repeat-y top;
}
.counter_med {
	margin: 0em 0% 1em 0%;
	display: block;
	padding: 0pc 5px 0px 5px;
	font-size: 1.0em;
	font-weight: bold;
	color: #000000;
}
.counter_big {
	margin: 1em 0% 1em 0%;
	font-size: 1.8em;
	font-weight: bold;
	color: #e50084;
}
.sitemap_back {
	background:  url("../images/sitemap/cellbackground.gif") repeat-y center;
}
.sitemap {
	font-weight: bold;
}

.section_box {
	background-image:  url(../images/sectionbox_grey.gif);
	background-color: #737373;
	background-repeat: no-repeat;
 	background-position: middle top;
	border-bottom: 6px #e09d3a solid;
	padding: 10px 10px 10px 10px;
	color: #ffffff;
	height: 60px;
	width: 151px0px;
	font-size: 14px;
}

#newsletter {
	padding: 0px 10px 0px 10px;
	background:  url("../images/newsletter_back.gif") repeat-x top;
	background-color: #df9c39;
	
}
#newsletter h2 {
	margin: 0;
	color: #fff;
}
#newsletter p {
	margin: 0;
	color: #fff;
}

#cstudy a {
	background:  url("../images/list2.gif") no-repeat top left;
	display: block; 
	padding: 10px 10px 10px 20px; 
	border-bottom: 1px solid #ccc; 
	text-decoration: none;
}
.scrollbar {
	background-image:  url("../images/scrollbar_back.gif");
	background-repeat: repeat-x;
	float: left; 
	padding-top: 6px;
	height: 32px;
}

#page_header {
	background-color: #000; 
	margin-bottom: 15px;
	width: 539px;
	
}

#page_header h1 {
	font-family: arial, georgia, sans-serif;
	margin: 0.5em 0 1em 0;
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 1.7em;
	color: #e09d3a
}
#page_header h2 {
	font-family: arial, georgia, sans-serif;
	margin: 0;
	padding-bottom: 10px;
	font-weight: normal;
	font-size: 1.2em;
	color: #efcc94;
}

#page_header p, th {
	 color: #fff;
	 font-weight: normal;
}
.white_th th {
	 color: #fff;
	 font-weight: normal;
}

.home_box_red {
	background:  #bb0102 url("../NEW_images/hbox_r_back.gif") repeat-x top;
}
.home_box_yellow {
	background:  #fffbcb url("../NEW_images/hbox_y_back.gif") repeat-x top;
}
.home_box_blue {
	background: #4298c8 url("../NEW_images/hbox_bl_back.gif") repeat-x top;
}
.home_box_black {
	background-color: #000;
}

.home_box_red, .home_box_yellow, .home_box_blue, .home_box_black  {
	float: left; 
	width: 262px; 
	margin-bottom: 20px;
}

.home_box_red h1, .home_box_yellow h1, .home_box_black h1, .home_box_blue h1 {
	margin: 0;
	padding-bottom: 10px;
	font-weight: normal;
	font-size: 1.6em;
}

.home_box_red h1, .home_box_blue h1 { 
	color: #fff;
}
.home_box_yellow h1, .home_box_black h1 {
	color: #cd7f00;
}

.home_box_red p, .home_box_blue p, .home_box_black p { 
	color: #fff;
}


.home_box_blue a, .home_box_red a {
	color: #ffea00;
}

.home_box_blue a:hover, .home_box_red a:hover {
	color: #ff8a00;
}