/* CSS Document */

.----------------LAYOUT-STYLES {}

html, body {
	height:100%;
	min-height:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
}


body {
	padding:0px;
	margin:0px;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
}

.----------------DEFINED-TAGS {}

a {
	color:#3A5180;	
	font-weight:bold;
}

a:visited {
	color:#743A80;
}

a:hover {
	color:#A48D60;
}

.----------------GENERAL-STYLES {}

.photo-float {
	float:right;
	padding:10px;
}

.no-decoration-a a:visited {
	color: #000000;
	text-decoration:none;
}

.no-decoration-a {
	color: #000000;
	text-decoration:none;
}

.no-decoration-a a {
	color: #000000;
	text-decoration:none;
}

.main-description-p {
	margin-top:5px;
	margin-bottom:10px;
}

.--------ALIGN-STYLES {}

.align-right {
	text-align:right;
}

.align-left {
	text-align:left;
}

.align-center {
	text-align:center;
}

img {
	border:0px;
}

td {
	vertical-align:top;
	padding:0px;
}

h1 {
	font-size:24px;
	margin-top:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


.--------NAVIGATION{}


.top-nav-home a {
	clear:both;
	vertical-align:top;
	height:25px;
	width:51px;
	display:block;
	background-image: url(../images/top-nav-home.png);
	background-position:0 0px;
}

.top-nav-home a:hover {
	background-position:0px -25px;
}

.top-nav-home-on {
	clear:both;
	vertical-align:top;
	height:25px;
	width:51px;
	display:block;
	background-image: url(../images/top-nav-home.png);
	background-position:0 -25px;
}

.top-nav-tutorials a {
	clear:both;
	vertical-align:top;
	height:25px;
	width:84px;
	display:block;
	background-image: url(../images/top-nav-tutorials.png);
	background-position:0 0px;
}

.top-nav-tutorials a:hover {
	background-position:0px -25px;
}

.top-nav-tutorials-on {
	clear:both;
	vertical-align:top;
	height:25px;
	width:84px;
	display:block;
	background-image: url(../images/top-nav-tutorials.png);
	background-position:0 -25px;
}

.top-nav-resources a {
	clear:both;
	vertical-align:top;
	height:25px;
	width:84px;
	display:block;
	background-image: url(../images/top-nav-resources.png);
	background-position:0 0px;
}

.top-nav-resources a:hover {
	background-position:0px -25px;
}

.top-nav-resources-on {
	clear:both;
	vertical-align:top;
	height:25px;
	width:84px;
	display:block;
	background-image: url(../images/top-nav-resources.png);
	background-position:0 -25px;
}

.top-nav-contact-us a {
	clear:both;
	vertical-align:top;
	height:25px;
	width:92px;
	display:block;
	background-image: url(../images/top-nav-contact-us.png);
	background-position:0 0px;
}

.top-nav-contact-us a:hover {
	background-position:0px -25px;
}

.top-nav-contact-us-on {
	clear:both;
	vertical-align:top;
	height:25px;
	width:92px;
	display:block;
	background-image: url(../images/top-nav-contact-us.png);
	background-position:0 -25px;
}

.top-nav-about-us a {
	clear:both;
	vertical-align:top;
	height:25px;
	width:78px;
	display:block;
	background-image: url(../images/top-nav-about-us.png);
	background-position:0 0px;
}

.top-nav-about-us a:hover {
	background-position:0px -25px;
}

.top-nav-about-us-on {
	clear:both;
	vertical-align:top;
	height:25px;
	width:78px;
	display:block;
	background-image: url(../images/top-nav-about-us.png);
	background-position:0 -25px;
}

.top-nav-bg-td {
	width:100%;
	background-image:url(../images/top-nav-bg.png);
}

.float-right {
	float:right;
}

.float-right-padded {
	float:right;
	padding:8px;
}

.float-left {
	float:left;
}

.float-left-padded {
	float:left;
	padding:8px;
}

.required-star-txt {
	font-weight:bold;
	color:#CC0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.header {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}

.header input {
	background-color:#FFFFCC;
}

.top-nav-right-td {
	padding-right:10px;
}

.header-top {
	height:112px;
	width:100%;
	background-image:url(../images/top-header-bg.png);
	background-position:right;
	background-color:#B6C5FF;
	background-repeat:no-repeat;
	width:100%;
	min-width:600px;
}

.header-inside {
	width:600px;
	padding:0px;
	margin:0px;
}

.top-nav-div {
	background-color:#000000;
	height:20px;
	width:100%;
	text-align:center;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
}

.top-nav-div a {
	color:#FFFFFF;
	text-decoration:none;
}

.top-nav-div a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

.top-nav-div a:hover {
	color: #CC0000;
	text-decoration:none;
}

.header img {
	border:0px;
}


.clearheader{
	height:120px;
}

.header-top-top {
	background-color:#6C96AE;
	height:3px;
	width:100%;
}

.header-bg-td {
	background-image:url(../images/header-bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	width:100%;
}

.header-bottom-bottom {
	background-color:#2C607F;
	height:4px;
	width:100%;
}

.header-bottom-td {
	background-image:url(../images/header_bottom_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	width:100%;
}


.--------FOOTER {}

.footer {
	width:100%;
	height:55px;
	background-color:#000000;
	border-top:2px solid silver;
	margin-top:-55px;
	padding:0px;
	font-size:11px;
}
.footer a {
	color:#FFFFFF;
}

.footer a:visited {
	color:#FFFFFF;
}

.footer p {
	text-align:center;
	padding-top:3px;
	margin-top:-3px;
	font-size:11px;
	color:#FFFFFF;
}

.clear-footer {
	height:20px;
}

* html #footer {/*only ie gets this style*/
	\height:30px;/* for ie5 */
	he\ight:30px;/* for ie6 */
}


.footer-table {
	vertical-align:bottom;
	background-color:#E3E2D3;
}

.footer-td {
	vertical-align:bottom;
}

.footer-top-td {
	background-image:url(../images/footer_top.gif);
	background-repeat:repeat-x;
	background-position:top;
	text-align:center;
	padding-top:15px;
	
}

.footer-bottom-td {
	background-image:url(../images/footer_bottom.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	text-align:center;
}

.footer-p {
	margin-top:2px;
	margin-bottom:2px;
} 

.footer-award-img {
	margin-top:20px;
}

.portfolio-td {
	vertical-align:middle;
		text-align:center;
}

img {
	vertical-align:top;
}

.wide {
	width:100%;
}

.nowrap {
	white-space: nowrap;
}

.main {
	padding-left:10px;
	padding-right:10px;
}

.body-table {
	height:100%;
	width:100%;
	padding:0px;
}

.caption {
	margin:0px;
	font-size:11px;
	font-weight:bold;
}

.download-div {
	margin:2px;
	margin-top:10px;
	font-size:11px;
	border:1px dashed silver;
}

.download-div td{
	vertical-align:middle;
}

.photoborder {
	border:1px solid silver;
	background-color:#FFFFFF;
	padding:2px;
}