body {
 border:0;
 margin:0;
 padding:0;
 text-align:center;
 font-family: Verdana, Arial, Sans-Serif, Tahoma, Geneva;
 color: #666;
 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 #C8CECA; border-bottom:11px solid #C8CECA;
}
 
/* HEADER ----------------------------------------------- */
#headerwrapper {
position:relative;
z-index:1000; /*make this layer on the tippy top*/
background:#003399;
height:200px;
border-bottom:1px solid white;
margin: 0px 11px;
}

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

#header img#mainlogo {
	position: absolute;
	left:630px;
	top: 20px;
	height: 99px;
} 

#header#flash {position: absolute; left: 170px; top: 14px} 

/* MINI NAV ----------------------------------------------- */
#mininav{
position:absolute;
z-index:2; /*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 #0054A6;
padding:0 5px;
text-decoration:none;
}

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

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

#mainnav{
position:relative;
z-index:1; /*this is used so the menus layer *over* anything else on the page*/
width:750px;
height:42px;
padding-top:25px;
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:4px;
width:741px;
padding-top:7px;
height:37px;
background:url(../images/top-nav.gif) top left no-repeat;
}

#mainnav li {
float:right;
display:block;
padding:0;margin:0 0 0 8px;
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: #0054A6; }

#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:188px; 
}

#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:#fff;
border-bottom:0;
background:#003399;
padding:3px 15px;
}

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

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

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



/*----------------- list styles ------------------*/



a {
	font-weight: bold;
	color:#0000FF;
	text-decoration: underline;
}
a:hover {color: #000066; 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;
}


.articles li a { color: #336699; 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: #000066;
margin: 3px 0px;
padding: 0px;
}

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

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




/* 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:#003399;
}

#leftnav ul li a:hover{
background:#000066;
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:#000066;
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;}

.colL { 
	float: left;
	width: 320px;
	}
.colR {
	float: right;
	width: 320px;
	}

	
/* 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 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 {display:inline; /*combat doubling the margin in IE */ float:left; margin: 0px 5px 0px 5px;}
.right1 {display:inline; /*combat doubling the margin in IE */ float:right; margin: 0px 10px 5px 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;	
}

/* Fonts ---------------------------------------------------------- */
.formPosition {margin-left: 0px; margin-bottom: 10px;  width: 335px; padding: 0px; float: left;}

div.row {
  clear: both;
  padding-top: 5px;
  }
  
div.row span.label {
  float: left;
  width: 120px;
  padding-right: 6px;
  text-align: right;
  }

 
div.row span.formwr {
  float: right;
  width: 170px;
  text-align: left;
  }  

.form-error {font: normal 1em verdana,arial,helvetica,sans-serif;	font-weight: bold; color: #ff0000;}
.form-sub {margin-left: 200px;}

form input{ font-size: 1em; color: #303030; border:solid 1px #000066; }   
form textarea {font-size: 1em; color: #303030; border:solid 1px #000066; }

.black {font: normal 11px verdana,arial,helvetica,sans-serif; color: #000000;}

.pviimenudiv a:link {color: #333333; text-decoration: underline}
.pviimenudiv a:visited {color: #666666; text-decoration: underline}
.pviimenudiv a:hover {color: #DFDBBF; text-decoration: underline}
.pviimenudiv a:active {color: #000000; text-decoration: underline}
.link {
	font-size:9px;
	font-weight: bold;
	color: #666666;
}

.bold{
font-weight:bold;
font-size:16px;
}

.bold2{
font-weight:bold;
font-size:12px;
}

/* Critique Pages */

#critbg{
width:741px;
height:810px;
padding-top:12px;
background:url('../images/critbg.jpg') no-repeat bottom right;
}

#critbg2{
width:741px;
height:985px;
padding-top:12px;
background:url('../images/critbg2.jpg') no-repeat bottom right;
}

#critbg3{
width:741px;
height:810px;
padding-top:12px;
padding-left:10px;
background:url('../images/critbg3.jpg') no-repeat bottom right;
}

#critbg p, #critbg2 p, #critbg3 p{
font-size:0.8em;
}

#critbg li{
font-size:0.9em;
}

#critbg h2, #critbg2 h2, #critbg3 h2{
color: #F78803;
}

.blink{
width:700px;
height:20px;
background:#214A9D;
padding:10px;
text-align:center;
margin-left:6px;
margin-top:10px;
}

.blink a{
color:#ffffff;
font-size:14px;
}

#critkbrd{
height:400px;
width:500px;
background:url('../images/crit-kbrd.gif') no-repeat bottom left;
}