/******************************

Default tags amended styles

******************************/

body {
	font: normal 62.5%/1.9em/* changing this value will affect all the values below.*/ 'Lucida Grande', Verdana, Tahoma, Helvetica, Arial, sans-serif;
	padding: 0px;
	margin: 0px;
	background-color: #F3F4F8;
	}
	
a { 
	color: #3D90D8;
	text-decoration: none }

a:hover { text-decoration: underline }

a:visited { color: #663366 }
		
h1 {
	/*margin-top: 0px;*/
	padding-top: 0px;
	font-size: 1.6em;
	line-height: 0px
	}	
	
h2, legend {
	color: #3B8FD8;
	font-size: 1.2em;
	margin-bottom: 4px;
	padding-top: 12px;
	padding-bottom: 0px
	} 

h3, h4 { font-size: 1.1em }
	
p { 
	margin-top: 0px;
	padding-top: 0px
	}
	
dt {
	font-weight: bold;
	padding: 10px 0px 0px 0px;
	margin: 0px
	}
	
dd {
	padding: 0px 0px 12px 0px;
	margin: 0px;
	border-bottom: 1px solid #D8DEE9 	
	}
	
img {
	border: none
	}

object, map {
	margin: 0px;
	padding: 0px
	}
	
/******************************

Page top styles

******************************/

#pagetop {
	width: 100%;
	background: #3B8FD8 url("../images/layout_graphics/body_background.gif") repeat-x left bottom;
	padding: 1px 0px 28px 0px;
	margin: 0px 0px 0px 0px
	}
	
#pagetop p { 
	font-size: 1em;
	width: 740px;
	padding: 6px 0px 6px 0px;
	margin: 0px auto 0px auto;
	text-align: right 
	}


#pagetop p a {
	padding-left: 1.4em;
	padding-right: 1.4em;
	border-right: 1px solid #000033;
	color: #333333
	}
	
#pagetop p #skiptonavigation { 
	padding: 0px;
	margin: 0px;
	border: 0px;
	color: #3B8FD8;
	font-size: .2em;
	cursor: default
	}
	
#pagetop p #search { 
	padding-left: 1.4em;
	color: #333333
	}
	
#pagetop form { margin: 0px }
	
#pagetop form input {
	background-color: #8ABBE3;
	padding: 3px;
	border-width: 1px;
	border-style: solid;
	border-bottom-color: #D6DFE8;
	border-right-color:#D6DFE8;
	border-top-color: #29669B;
	border-left-color: #29669B;
	width: 100px;
	font-size: 1.1em
	}
	
/******************************

content styles

******************************/	


#maincontainer {
	width: 840px;
	border: 1px solid #D8DEE9;
	margin: 0px auto 0px auto;
	padding: 0px 20px 10px 20px;
	overflow: hidden;
	background-color: #FFF;
	font-size: 1.25em;
	}
	
#breadcrumb {
	font-size: .85em;
	color: #999999
	}
	
#breadcrumb a {	color: #999999 }
	
#leftcolumn {
	float: left;
	width: 72%;
	margin-top: 0;
	margin-bottom: 1.2em
	}
	
#rightcolumn {
	float: right;
	width: 207px;
	background: url("../images/layout_graphics/rightcolumn.gif") #FFF no-repeat bottom left;
	margin: 0px;
	margin-top: 1.8em;
	font-size: .9em;
	padding: 0px;
	padding-bottom: 32px
	}
	
#rightcolumn h3 {
	background: url("../images/layout_graphics/rc_h3_background.jpg") #C2DCF3 repeat-x bottom left;
	border: 1px solid #8BBCE3;
	font-size: 1.05em;
	padding: .2em .6em .2em .6em;
	margin: 0px
	}
	
#rightcolumn p, #rightcolumn ul, #rightcolumn ol, #rightcolumn dl, #rightcolumn form {
	padding: .4em .6em 1em .6em;
	margin: 0px;
	list-style: none;
	border-left: 1px solid #D8DEE9;
	border-right: 1px solid #D8DEE9;
	background-color: #FFF;
	font-size: 1em
	}
	
#leftcolumn .top { 
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #D8DEE9;
	padding-bottom: 10px
	}
	
#leftcolumn .top a, #leftcolumn .top a:visited { color: #3D90D8 }

#leftcolumn fieldset { 
	margin: 20px 0px 0px 0px;
	padding-top: 10px;
	border: 1px solid #D8DEE9 
	}
	
/* classes for global sets */

.with_smallarrowicon {
	padding: 0px 12px 0px 0px;
	text-align: right;
	background-image: url("../images/icons/arrow_small.gif");
	background-position: right;
	background-repeat: no-repeat
	}
	
.with_arrowicon {
	padding: 0px 24px 0px 0px;
	text-align: right;
	background-image: url("../images/icons/arrow_small.gif");
	background-position: right;
	background-repeat: no-repeat
	}
	
.downloadlink_sml {
	background: url("../images/icons/download_icon_sml.jpg") #FFFFFF no-repeat top left;
	padding: 4px 0px 4px 24px
	}
	
/* boxes */	

.table3column {  
	padding: 0px 0px 15px 0px; 
	margin: 15px 0px 0px 0px;
	width: 100%;
	float: left
	}

.table3column div {
	width: 187px;
	float: left;
	margin: 0px 0px 0px 19px;
	padding: 0px;
	vertical-align: top;
	text-align: left
	}

.table3column div h2 {
	font-size: 1.1em;
	line-height: 1.2em
	}
.table3column div h3 {
	padding: 6px 6px 6px 6px;
	margin: 0px 0px 0px 0px;
	font-size: 1.1em;
	line-height: 1.2em
	}
.table3column div p {
	padding: 0px 6px 0px 6px;
	margin: 0px;
	font-size: .97em
	}

.box_small { background: url("../images/layout_graphics/box_small.gif") #FFF no-repeat bottom left }
	
.box_small h2 { 
	background: url("../images/layout_graphics/box_small.gif") #FFF no-repeat top left;
	text-align: center 
	}
	
.box_small2 { background: url("../images/layout_graphics/box_small2.gif") #EDEFF5 no-repeat bottom left }
	
.box_small2 h2 { 
	background: url("../images/layout_graphics/box_small2.gif") #EDEFF5 no-repeat top left;
	text-align: center;
	color: #FFF; 
	padding: 6px 6px 6px 6px;
	margin: 0px 0px 0px 0px
	}
	
.box_large { background: url("../images/layout_graphics/box_large.gif") #FFF no-repeat bottom left }
	
.box_large h2 { 
	background: url("../images/layout_graphics/box_large.gif") #FFF no-repeat top left;
	text-align: center 
	}
	
.box_small2 a {
	display: block;
	margin: 10px 6px 10px 0px;
	padding: 2px 24px 3px 0px;
	text-align: right;
	background-image: url("../images/icons/learn_more_button.gif");
	background-position: right top;
	background-repeat: no-repeat
	}
	
.box_small2 a:hover { background-image: url("../images/icons/learn_more_button_hover.gif") }
	
.box_small p {	
	border: 1px solid #3B8FD8;
	border-top: none
	}
	
	
.box_small a, .box_large a {
	display: block;
	margin: 0px 6px 0px 0px;
	padding: 2px 14px 3px 0px;
	text-align: right;
	background-image: url("../images/icons/arrow.gif");
	background-position: right;
	background-repeat: no-repeat
	}
	
.box_small a:hover, .box_large a:hover {
	background-image: url("../images/icons/arrow_hover.gif");
	background-position: right;
	background-repeat: no-repeat
	}
	
#bottom { 
	width: 740px;
	margin: 0px auto 0px auto;
	padding: 0px 20px 0px 20px;
	text-align: center
	}
	
#bottom p {
	padding-top: 10px;
	clear: both
	}