@charset "utf-8";

/* Default */

	* {
		margin: 0;
		padding: 0;
	}
	
	body {
		background: #D3D9E8 url(images/bg01.jpg) repeat-x;
		font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #60677C;
	}
	
	h1, h2, h3 {
		margin: 0;
		line-height: 1;
		font-weight: normal;
	}
	
	\ h1 {
	}
	
	h2 {
		letter-spacing: -1px;
		font-size: 21px;
		color: #6D7BAB;
	}
	
	h3 {
		font-size: 14px;
	}
	
	h1 b, h2 b {
		color: #3C4A77;
	}
	
	p, ol, ul, dl {
		margin-top: 0;
		margin-bottom: 1.5em;
		line-height: 2;
	}
	
	a {
		color: #4E6700;
	}
	
	a:hover {
		text-decoration: none;
	}
	
	a.more {
		padding-left: 25px;
		background: url(images/img04.gif) no-repeat;
	}
	
	a img {
		border: 0;
	}
	
	.pcontainer {
		width: 1000px;
		margin: 0 auto;
	}
	
	.alignleft {
		float: left;
	}
	
	.alignright {
		float: right;
	}
	
	.aligncenter {
		margin: 0 auto;
	}
	
	img.alignleft {
	}
	
	img.alignright {
	}
	
	br.clear {
		clear: both;
	}
	
/* Box Style 1 */

	.box-style1 {
		background: url(images/bg05.gif) no-repeat 0 40px;
	}
	
	.box-style1 .title {
		height: 40px;
	}
	
	.box-style1 .title h2 {
		float: left;
		padding: 10px 0 0 20px;
	}
	
	.box-style1 .title p {
		float: right;
		margin: 0;
		padding: 18px 20px 0 0;
		line-height: 1;
	}
	
	.box-style1 .entry {
		overflow: hidden;
		margin-left: 20px;
		padding: 25px 20px 20px 0;
		background: url(images/bg05.gif) no-repeat 100% 0;
	}
	
	.box-style1 .entry_content {
	}
	
	.box-style1 .entry_content h3 {
		margin: 0 0 20px 0;
		padding: 10px 0 10px 0;
		font-weight: bold;
		border-bottom: solid 1px #CBD1E4;
		color: #3C4A77;
	}
	
	.box-style1 .entry_content h4 {
		margin: 0 0 15px 0;
		padding: 10px 0 0 0;
		font-weight: bold;
		color: #3C4A77;
	}
	
	.box-style1 .entry_content p {
		margin-bottom: 25px;
	}
	
	.box-style1 .entry_content ul.normal {
		margin-left: 15px;
	}
	
	.box-style1 .entry_content ul.normal li {
		padding-left: 5px;
		margin-bottom: 10px;
	}
	
	.box-style1 .entry_content ol {
		margin-left: 20px;
		margin-bottom: 25px;
	}
	
	.box-style1 .entry_content pre {
		border: dashed 1px #CBD1E4;
		padding: 15px;
		background-color: #F1F3F9;
		margin-bottom: 25px;
	}

/* Thumbnail View */

	.thumbnails {
		margin: 0;
		padding: 0;
		list-style: none;
		line-height: 1;
	}
	
	.thumbnails li {
		float: left;
		width: 125px;
		padding-left: 20px;
	}
	
	.thumbnails li.first {
		padding: 0;
	}
	
	.thumbnails li .image {
		display: block;
		width: 123px;
		height: 93px;
		background: #FFFFFF url(images/img05.gif) repeat-x 0 100%;
		border: 1px solid #DDE3F6;
		text-align: center;
	}
	
	.thumbnails li .name {
		display: block;
		padding: 10px 0 0 0;
		text-align: center;
		text-decoration: none;
		line-height: 1.3;
		font-size: 11px;
		color: #60677C;
	}
	
	.thumbnails li .name:hover {
		text-decoration: underline;
	}
	
/* Tile View */

	.tiles {
		margin: 0;
		padding: 0;
		list-style: none;
		line-height: 1;
	}
	
	.tiles li {
		float: left;
		width: 47%;
		padding: 0 3% 20px 0;
	}
	
	.tiles li h3, .tiles li p {
		margin-left: 115px;
		line-height: 2;
	}
	
	.tiles li h3 {
		font-size: 16px;
	}

/* List View */

	.list {
		margin-left: 0;
		padding: 0;
		list-style: none;
	}
	
	.list li {
		padding: 10px 0;
		border-top: 1px solid #CBD1E4;
	}
	
	.list li.first {
		border: none;
	}
	
	.list li a {
		font-size: 14px;
	}
	
	.list li a, .list li p {
		line-height: 2;
	}
	
	.list li p {
		margin-bottom: 0;
	}

/* List View 2 */

	.list2 {
		margin-left: 0;
		padding: 0;
		list-style: none;
	}
	
	.list2 li {
		border-top: 1px solid #CBD1E4;
		padding-top: 20px;
		padding-bottom: 20px;
		
	}
	
	.list2 li.first {
		border: none;
		padding-top: 10px;
	}

	.list2 li p {
		margin: 0 !important;
		padding: 0;
	}

/* Top Menu */

	#topmenu-bg {
		background: url(images/bg02.jpg) no-repeat 50% 0;
	}
	
	#topmenu {
		height: 42px;
		padding-right: 50px;
	}
	
	#topmenu ul {
		float: right;
		margin: 0;
		list-style: none;
		line-height: 1.2;
	}
	
	#topmenu li {
		float: left;
		height: 42px;
	}
	
	#topmenu a {
		float: left;
		height: 30px;
		padding: 12px 15px 0 15px;
		text-decoration: none;
		color: #7582B1;
	}
	
	#topmenu .active a {
		background: url(images/img01.jpg) repeat-x;
		color: #D0D9FB;
	}
	
	#topmenu a:hover {
		color: #D0D9FB;
	}

/* Header */

	#header-bg {
		background: url(images/bg02.jpg) no-repeat 50% -42px;
	}
	
	#header {
		height: 133px;
	}

/* Logo */

	#logo {
		float: left;
		width: 450px;
		height: 133px;
		position: relative;
	}
	
	#logo h1, #logo p {
		margin: 0;
		text-indent: -9999em;
		line-height: 1;
	}
	
	#logo a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(images/img02.jpg);
	}

/* Ad Spaces */

	#ad-468x60-1 {
		float: left;
		width: 508px;
		height: 97px;
		padding: 36px 0 0 42px;
	}
	
	#ad-300x250-1 {
		padding: 20px;
	}

	#ad-300x250-2 {
		padding: 0 20px 20px 20px;
	}

/* Menu */

	#menu-bg {
		background: url(images/bg02.jpg) no-repeat 50% -175px;
	}
	
	#menu {
		height: 54px;
	}
	
	#menu ul {
		margin: 0;
		list-style: none;
		line-height: 1.2;
		padding-top: 16px;
	}
	
	#menu li {
		float: left;
		height: 22px;
		padding: 1px 20px 0 22px;
		background: url(images/img03.gif) no-repeat;
	}
	
	#menu .first {
		padding-left: 40px;
		background: none;
	}
	
	#menu a {
		text-decoration: none;
		font-size: 15px;
		color: #3C4A77;
	}
	
	#menu a:hover {
		text-decoration: underline;
	}

/* Page */

	#page-bg {
		background: url(images/bg03.gif) repeat-y 50% 0;
	}
	
	#page-bg-top {
		background: url(images/bg02.jpg) no-repeat 50% -229px;
	}
	
	#page {
		width: 960px;
		padding: 20px;
		overflow: hidden;
	}

/* Content */

	#content {
		float: left;
		width: 600px;
	}

/* Graphics Resources */

	#graphics-resources .list li {
		float: left;
		width: 270px;
		height: 6em;
	}

	#graphics-resources .list li h3 {
		font-weight: bold;
	}
	
	#graphics-resources .list li.alt {
		margin-left: 20px;
	}

/* Sidebar */

	#sidebar {
		float: right;
		width: 340px;
	}

/* Footer */

	#footer {
		padding: 60px 0;
		background: url(images/bg04.gif) no-repeat 50% 0;
	}
	
	#footer p {
		text-align: center;
		color: #A6B0D1;
	}
	
	#footer a {
		color: #A6B0D1;
	}
	
/* Interior thumbnail View */

	.inthumbnails {
		margin: 0;
		padding: 0;
		list-style: none;
		line-height: 1;
	}
	
	.inthumbnails li {
		float: left;
		width: 125px;
		padding: 0px 0px 20px 20px;
	}
	
	.inthumbnails li.first {
		padding-left: 0;
	}
	
	.inthumbnails li .image {
		display: block;
		width: 123px;
		height: 93px;
		background: #FFFFFF url(images/img05.gif) repeat-x 0 100%;
		border: 1px solid #DDE3F6;
		text-align: center;
	}
	
	.inthumbnails li .name {
		display: block;
		height: 30px;
		padding: 10px 0 0 0;
		text-align: center;
		text-decoration: none;
		line-height: 1.3;
		font-size: 11px;
		color: #60677C;
	}
	
	.inthumbnails li .name:hover {
		text-decoration: underline;
	}

/* Pager */

	.pager {
		margin: 0 auto;
		text-align: center;
		padding-top: 25px;
		font-size: 15px;
	}
	
	.actionButton {
		margin-right: 5px;
		padding: 5px;
		background-color: #F2F3F7;
		border: solid 1px #DDE3F6;
		color: #60677C;
		font-weight: bold;
		font-size: 14px;
		text-decoration: none;
	}
	
	.pager .currentPageNumber {
		font-weight: bold;
	}

/* Details */

	.details {
	}
	
	.details table {
		margin: 15px auto;
	}
	
	.details table th {
		padding: 0 30px 15px 0;
		font-weight: bold;
		color: #3C4A77;
		font-size: 14px;
		vertical-align: top;
		margin: 15px auto 15px auto;
		text-align: right;
		padding-right: 10px;
	}
	
	.details table td {
		padding: 0 0 15px 0;
		vertical-align: top;
		text-align: left;
		font-size: 14px;
	}
	
	.details img {
		border: solid 1px #DDE3F6;
		padding: 5px;
		display: block;
		margin: 0 auto;
	}
	
	.details .actions {
		text-align: center;
		margin: 25px 0 15px 0;
	}

/* Form */

	.form input.text, .form textarea {
		background: #fff url(images/bg05.gif) no-repeat -20px -30px;
		border: solid 1px #CBD1E4;
		padding: 8px;
	}
	
	.form .fieldTitle {
		font-weight: bold;
		white-space: nowrap;
		padding-right: 15px;
	}
	
	.form td {
		padding-bottom: 3px;
		padding-top: 3px;
	}
	
	.form tr.fieldError {
		background-color: #ffdfdf;
		border-bottom: solid 1px #eec0c0;
	}
	
	.form table {
		border-collapse: collapse;
	}
	
/* Graphics Category */

	#graphics-category ul li h3 {
		font-weight: bold;
	}
	
/* Subfolders */

	ul.subfolders {
		list-style: none;
		margin: 10px 0 0 0;
	}
	
	ul.subfolders li {
		background: url(images/img04.gif) no-repeat 0 6px;
		padding: 0 0 0 30px;
		display: block;
		height: 34px;
		font-size: 14px;
		float: left;
		width: 27%;
	}