@charset "utf-8";

/******* Base **********/

body {
	color:#363636;
	margin:0;
	padding:0;
	background:#0048AC url(graphics/main/bg_body.gif) repeat-x top;
	font: 12px/1.4em Arial, Helvetica, sans-serif;
	letter-spacing:0px;
}

a {
	color:#002559;
	font: 12px/1.4em Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

.clear {
	clear:both;
	overflow:hidden;
	margin:0;
	padding:0;
	height:1px;
} 

a:hover {
	text-decoration:none;
}

h1 {
	color:#0048ac;
	font: bold 16px Arial, Helvetica, sans-serif;
	margin:15px 5px 5px 0;
}

h2 {
	color:#0048ac;
	font: bold 15px Arial, Helvetica, sans-serif;
	margin:15px 5px 5px 0;
}

h3 {
	color:#0048ac;
	font:bold 12px Arial, Helvetica, sans-serif;
	margin:0 0 3px 0;
}

/******* Layout **********/

#wrapper{
	width:769px;
	margin:0 auto;
	background:url(graphics/main/bg_main.png) top;
	background-repeat:repeat;
}

#header{
	background:url(graphics/main/bg_header.jpg) repeat-x top;
	height:182px;
	margin:0;
}

#logo {
	float:left;
	width:300px;
	padding:25px 0 0 30px;
}

#sm {
	float:right;
	padding:2px 16px 0 0;
}

/****** Navigation **********/

#nav{
	background:url(graphics/main/nav.gif) repeat-x top;
	height:40px;
	margin:0 18px;
	padding-left:1px;
}

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

#nav li {
	display:block;
	float:left;
}

#nav li a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#FAFCF8;
	text-decoration:none;
	display:block;
	padding:12px 15px 13px 15px;
	border-right:1px solid #0048ac;
}

#nav li a:hover {
	background:url(graphics/main/hover.gif) repeat-x top;
}

#nav li a.current {
	background:url(graphics/main/hover.gif) repeat-x top;
}

/******* Content *********/

#main {
	background:url(graphics/main/shade.gif) repeat-x top;
	margin:2px 21px;
	padding:10px;
	overflow:hidden;
	clear:both;
}

#content{
	width:480px;
	padding:10px 0 10px 10px;
	float:left;
}

#content p {
	margin: 0 0 10px 0;
}

#content ul {
	padding:0 0 10px 0;
	margin:15px 0 0 25px;
	list-style:square url(graphics/main/bullet.gif);
}

#content li {
	margin:0;
	padding:0 0 4px 0;
}

.img {
	border:1px solid #e5e5e5;
	padding:7px;
	margin:0 0 12px 0;
	background-color:#fff;
}

.img_store {
	border:1px solid #0048ac;
	padding:7px;
	margin:0 0 12px 0;
	background-color:#fff;
}

h2 a {
	color:#0048ac;
	font:bold 16px Arial, Helvetica, sans-serif;
	margin:0;
	padding-left:42px;
	background-image: url(graphics/main/get_started.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

h2 a:hover {
	color:#c97b15;
}

h3 a {
	color:#0048ac;
	font:14px Arial, Helvetica, sans-serif;
	margin:0;
	padding-left:42px;
	background-image: url(graphics/main/get_started.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

h3 a:hover {
	color:#c97b15;
}

.box1 {
	width:215px;
	float:left;
	padding:7px;
	border:1px solid #e5e5e5;
	margin-top: 12px;
}

.box2 {
	width:215px;
	float:left;
	padding:7px;
	margin-left:12px;
	border:1px solid #e5e5e5;
	margin-top: 12px;
}

.cont {
	display:block;
	background-color:#F7F7F7;
	padding:8px;
}

.cont:hover {
	background-color:#fff;
}

.cont a {
	font-size:11px;
}

.answer {
	margin:2px 0 2px 16px;
}

.answer a:hover {
	text-decoration:none;
}

#glossary {
	width:480px;
	padding:10px 0 10px 10px;
	float:left;
}

#glossary p {
	margin: 0 0 10px 12px;
}

#glossary h3 {
	font:bold 12px Arial, Helvetica, sans-serif;
	margin:12px 0 2px 4px;
}

#glossary a {
	padding-right:8px;
	font:bold 12px;
}

#glossary h2 a {
	padding-left:3px;
	background:none;
}

/***** Side Bar **********/

#sidebar {
	width:200px;
	margin:0 0 0 503px;
}

.menu {
	margin:20px 0 0 0;
	padding:0;
	list-style:none;
}

.menu li {
	height:25px;
	padding:11px 0 0 45px;
	background:url(graphics/main/menu.gif) repeat-x left top;
}

.menu a {
	color:#002559;
	text-decoration:none;
	font-weight:bold;
}

.menu a:hover {
	color:#c97b15;
}

/***** Side Bar Large**********/

.menu_large {
	margin:20px 0 0 0;
	padding:0;
	list-style:none;
}

.menu_large li {
	height:60px;
	padding:11px 0 0 45px;
	background:url(graphics/main/menu.gif) repeat-x left top;
}

.menu_large a {
	font-size:18px;
	color:#002559;
	text-decoration:none;
	font-weight:bold;
}

.menu_large a:hover {
	color:#c97b15;
}

/******** Forms *******/

label {
	width:14em;
	float:left;
	text-align:right;
	margin-right:0.5em;
	display:block;
}

.submit input {
	margin-left:14.5em;
}

input, textarea {
	color:#0048ac;
	background:#F8F8F8;
	border:1px solid #0048ac;
}

.submit input {
	color:#000;
	background:#F8F8F8;
	border:2px outset #0048ac;
}

fieldset {
	border:1px solid #363636;
	width:36em;
}

legend {
	color:#fff;
	background:#0048ac;
	padding:2px 6px;
}

/******** Footer *******/

#footer-line {
	background:#024198 url(graphics/main/footer.gif) repeat-y left;
	height:14px;
	margin:0 18px;
}

#footer {
	background:url(graphics/main/shade.gif) repeat-x top;
	color:#565656;
	font-size: 10px;
	margin:2px 21px;
	padding:12px 18px 8px 12px;
	line-height:1.6em;
}

#footer a {
	color:#565656;
	font-size: 10px;
	text-decoration:none;
}

#bottom {
	background:url(graphics/main/bg_bottom.gif) no-repeat center;
	height: 27px;
}