body {
	border: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, Sans-Serif, Tahoma, Geneva;
	color: #333333;
	font-size: small;
}

#wrapper {
	margin: auto;
	padding: 0px;
	width: 750px;
	
}

#wrae1 {background:url(../images/home-back.gif) repeat-y;float: left;}
#wrae {	background:url(../images/double-back.gif) repeat-y; float: left;}

#container {
	float: left;
	width: 772px;
	margin: 0px;
	padding: 0px;
	border-top:11px solid #999966; border-bottom:11px solid #999966;
}
 
/* HEADER ----------------------------------------------- */
#headerwrapper {
position:relative;
z-index:1000; /*make this layer on the tippy top*/
background:#CCCCCC;
height:215px;

margin: 0px 11px;
}

#header{
background:url(../images/header.gif) top left no-repeat;
height: 153px;
width: 750px;
margin-left: 0px;
}


#header img#mainlogo {position: absolute; left: 6px; top:13px} 


/* MINI NAV ----------------------------------------------- */
#mininav{
position:absolute;
z-index:100; /*this needs to sit above the container so the links are visible*/
bottom:44px;
right:10px;
}

#mininav ul{
margin:0;padding:0;
}

#mininav li{
float:left;
padding:0;margin:0;
background:none;
}

#mininav li a{
color:white;
border-right:1px solid #FFFFFF;
padding:0 5px;
text-decoration:none;
}

#mininav li a.last{border-right:none;}
#mininav li a:hover{color:#F78803;}

/* MAIN NAV ----------------------------------------------- */

#mainnav
{
position:relative;
z-index:1; /*this is used so the menus layer *over* anything else on the page*/
width:750px;
height:30px;
padding-top:20px;
text-align: left;

}

#mainnav ul{
margin:0;padding:0;
position:absolute; /*the ul's have to be absolute, or certain browsers (IE/Win) make the ul min-height bigger and will force the content down the page on a drop-down hover*/
left:20px;
width:700px;
height:24px;
padding-top: 6px;
background:url(../images/nav_box.gif) top left no-repeat;
border:1px solid #FFFFFF;
}

#mainnav li {
float:right;
display:block;
padding:0;margin:0 0 0 2px;
background: url(../images/nav-arrow.gif) center left no-repeat;
background-position: -0.5em 0.3em;
}

#mainnav a {
display: block;
width: auto;
color: #000;
text-decoration: none;
padding: 0 10px 6px 10px;
}

#mainnav a:hover{background:none;}
#mainnav li:hover ul, #mainnav li.sfhover ul {left:auto;}

#mainnav li a {
width: auto;
display: block;
font-weight:normal;
}
#mainnav li:hover a, #mainnav li.sfhover a {background:none; color: #999966; }

#mainnav li ul{
position:absolute;
left:-10000px;
height: auto;
margin:0;
padding:0;
}

#mainnav li ul li{
line-height:1;
background:none;
padding:0;margin:0;
}


#mainnav li.navarrow:hover ul li,#mainnav li.navarrow:hover ul,#mainnav li.navarrow.sfhover ul li,#mainnav li.navarrow.sfhover ul {
width:158px; 
}

#mainnav li.navarrow:hover ul li a, #mainnav li.navarrow.sfhover ul li a {
width:158px;
}


#mainnav li:hover ul li a, #mainnav li.sfhover ul li a {
border:1px solid #ccc;
text-indent:0;
height:auto;
text-transform:none;
font-weight:normal;
font-size: 11px;
color:#ffffff;
border-bottom:0;
background:#999966;
padding:3px 5px;
}

#mainnav li:hover ul li a:hover, #mainnav li.sfhover ul li a:hover{
color:#fff;
background:#CCCCCC;
}

#mainnav li ul li a.last{
border:1px solid #ccc;
}

#mainnav a.arrow {
	background: url(../images/nav-arrow.gif) center right no-repeat;
}



.colL { 
	float: left;
	width: 320px;
	}
.colR {
	float: right;
	width: 320px;
	}
/*----------------- list styles ------------------*/



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

ol, ul, li {
	list-style: none;
   	line-height: 1.3em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
	
ol li{
padding-left:0;
list-style: decimal;
background:none;
}
	
ul{
 background:none;
 padding-left:1em;
 margin-left:.5em;
 }
 
li{
background: url(../images/bullet.gif) 0 .45em no-repeat;
font-size: 85%;
padding-left:.8em;
}


.list1 {
	font-size:1em;
	font-weight: bold;
	color: #000066;
}

p {
font-size:0.8em;
line-height: 1.1em;
margin: 1.1em 0em;
padding-left:10px;
}


.articles li a { color: #999966; text-decoration: none; font-weight: normal; }
.articles li a:hover { color: #F78803; text-decoration: none; }

/*----------------- header styles ------------------*/

h1{
font: bold 17px/22px Verdana, Arial, Sans-Serif, Tahoma, Geneva;
color: #F78803;
margin: 12px 0px 22px 0px;
text-transform:uppercase;
padding-left:20px; background: url(../images/nav-arrow.gif) no-repeat 0px 70%;
}

h2{
font: bold 13px/22px Verdana, Arial, Sans-Serif, Tahoma, Geneva;
text-align: left;
color: #999966;
margin: 3px 0px;
padding: 0px;
}

.c4 {
font: bold 13px/16px Verdana, Arial, Sans-Serif, Tahoma, Geneva;
text-align: left;
color: #F78803;
margin: 3px 0px;
padding: 0px;
text-transform:lowercase;
}

#fullContent h3 {
font: bold 13px/18px Verdana, Arial, Sans-Serif, Tahoma, Geneva;
text-align: center;
color: #999966;
margin-top: 10px;

}

#fullContent h6 {
font: bold 13px/18px Verdana, Arial, Sans-Serif, Tahoma, Geneva;
text-align: left;
color: #999966;
margin-top: 10px;
padding-left:10px;

}






/* LEFT NAV ----------------------------------------------- */

#leftnav{
float:left;
width:177px;
padding-top:0px;
}

#leftnav ul{
float:left;
width:175px;
margin:0;padding:0;
padding-bottom:7px;
background:url(../images/leftnav-bottom.gif) bottom left no-repeat;
border:1px solid #DEE3E0;
border-top:none;border-bottom:none;
}

#leftnav ul li{
margin:0;padding:0;
float:left;
line-height:1;
}

#leftnav ul li a{
display:block;
width:158px;
border-top:1px solid #DEE3E0;
text-decoration:none;
color:white;
padding:4px 5px 4px 12px;
background: #CCCCCC;
}

#leftnav ul li a:hover{
background:#999966;
color:white;
}

#navwrap{
padding-top:8px;
margin-left:1px;
float:left;
display:inline;
background:#FFF url(../images/double-arrow.gif) 1px 4px no-repeat;


}

#leftnav h2{
font-size:13px;
position:relative;
margin-top:-10px;
color:#999966;
width: 115px;
padding:10px 30px 10px 30px;
margin-bottom:0;
}



/* LAYOUT ----------------------------------------------- */
#leftColumn {
	float: left;
	text-align: left;
	margin: 0px;

	padding: 0px 0px 0px 11px;
	width: 220px;
	w\idth: 209px; /* reset width for IE5 Mac and IE6 */

}


#rightContent {
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 530px; 
}
	
#fullContent {
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	width: 720px;
}	

#TICKER {margin: 3px 10px; background: #FFF; font-weight: bold;}

 
/* Contact box --------------------------- */

#contactBox {padding:0; margin: 0px; width: 500px; font-size:11px;}

#contactBox .section {
	/*clear: both;*/
	display: block;
	margin: 0 auto;
	padding: 0px;
	width: 500px;
}

#contactBox h2 {margin: 0px; padding: 6px 0 0 0px;}

#contactBox .left1 {
	display: inline;
	float: left;
	width: 230px;
	padding-left: 20px;
}	

#contactBox .right1 {
	display: inline;
	float: left;
	margin: 00px;
	width: 170px;
}
	

/* FLOATS ----------------------------------------------- */
.right{
display:inline; /*combat doubling the margin in IE */
float:right;
margin: 0px 0px 0px 0px;
margin-top:-10px;
margin-left:30px;
margin-bottom:0px;
}
.righton{
display:inline; /*combat doubling the margin in IE */
float:right;
margin: 0px 15px 0px 0px;
margin-top:-10px;
margin-left:30px;
margin-bottom:0px;
}
.right1{
display:inline; /*combat doubling the margin in IE */
float:right;
margin: 0px 160px 10px 0px;
}

.left{
display:inline; /*combat doubling the margin in IE */
float:left;
margin: 0px 10px 10px 30px;
}

.left1 {display:inline; /*combat doubling the margin in IE */ float:left; margin: 0px 10px 10px 5px;}
.left2 {
	float: left;
	clip: rect(auto,5px,auto,5px);
}
.Right11 {
	float: right;
	clip: rect(auto,5px,auto,5px);
}

.clearL {clear: left}
.clearR {clear: right}
.clear {clear: both}


/* FOOTER ----------------------------------------------- */

#footer {
	float: left;
	text-align: center;
	margin: 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}

#footer p {
	font: 11px/11px Tahoma, Geneva, Verdana, Arial, Sans-Serif;
	color: #666666;
	margin: 0px;
	padding: 15px 0px 15px 0px;
}


a img, a img:visited, a img:hover, a img:active, a img:focus {
	border: 0;
	text-decoration:none;	
}


h4 {font: 12px bold arial verdana sans-serif; font-weight: bold; color: #000066; margin-top: 5px;}

.black {font: normal 11px verdana,arial,helvetica,sans-serif; color: #000000;}
#rightContentcritique {
	float: left;
	text-align: left;
	margin: 0px;
	width: 746px;
	background-image: url(../images/critbg.jpg);
	background-position: bottom left ;
	background-repeat: no-repeat;
}
#rightContentcritique2 {
	float: left;
	text-align: left;
	margin: 0px;
	width: 746px;
	background-image: url(../images/critbg2.jpg);
	background-position: bottom left ;
	background-repeat: no-repeat;
}
#rightContentcritique3 {
	float: left;
	text-align: left;
	margin: 0px;
	width: 746px;
	background-image: url(../images/critbg3.jpg);
	background-position: bottom left ;
	background-repeat: no-repeat;
}