/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
html{
	color:#000;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img{
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;font-weight:normal;
}

li{
	list-style:none;
}

caption,th{
	text-align:left;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}

q:before,q:after{
	content:'';
}

abbr,acronym {
	border:0;
	font-variant:normal;
}

sup {
	vertical-align:text-top;
}

sub {
	vertical-align:text-bottom;
}

input,textarea,select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

legend{
	color:#000;
}

/* SITE SPECIFIC CODE STARTS HERE */

/* THIS is to hide any text you need hiding */
.hidetext {display:none; overflow: hidden; position: absolute;} 
/* END of text you need hiding */

/*******************************************
CONTAINER, HEADER, FOOTER STUFF STARTS HERE
********************************************/

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	background-color: #006699;
}

#wrapper{
	position: relative;
	margin:0px auto;
	width:860px;
}

#header {
	position: relative;
	width: 860px;
	height: 120px;
	background: url(../images/layout/pageheader.jpg) no-repeat;
}

#main{
	position: relative;
	float:left;
	width:860px;
	background: url(../images/layout/pagebgnd.jpg);
}

#main_container_white{
	background-color:#fff;
	width:510px;
	margin-left:30px;
	padding:20px;
	border-right: 250px solid #dfdfdf;
}

#main_container_blue{
	background-color:#006699;
	width:760px;
	margin-left:30px;
	padding:20px;
}

#main_container_full{
	background-color:#fff;
	width:760px;
	margin-left:30px;
	padding:20px;
}

#backtosoftware{
	float:left;
	padding-right:10px;
}

#backtosoftware a:link, #backtosoftware a:active, #backtosoftware a:visited {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
} 

#backtosoftware a:hover{
	color: #FFFF00;
} 

#footerwhite, #footerblue, #footerfull{
	position: relative;
	width:740px;
	float:left;
	height:110px;
	font-size:9px;
	color: #FFFFFF;
	line-height:13px;
	padding: 20px 70px 0px 50px;
}

#footerwhite{
	background: url(../images/layout/pagefooterwhite.jpg) no-repeat;
}

#footerblue{
	background: url(../images/layout/pagefooterblue.jpg) no-repeat;
}

#footerfull{
	background: url(../images/layout/pagefooterfull.jpg) no-repeat;
}

#footerwhite a:link, #footerwhite a:active, #footerwhite a:visited, #footerblue a:link, #footerblue a:active, #footerblue a:visited, #footerfull a:link, #footerfull a:active, #footerfull a:visited{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

#footerwhite a:hover, #footerblue a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

.floatleft{
	float:left;
}

.floatright{
	float:right;
}

.clear{
	clear:both;
}

/****************************
LINK STYLES STARTS HERE
******************************/

a:link, a:active, a:visited {
	color:#006699;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	text-decoration:underline;
}

table a:link, table a:active, table a:visited {
	color:#006699;
	text-decoration:none;
	font-weight:normal;
}

table a:hover {
	text-decoration:underline;
}

#flashcontent {
	width:759px;
	height:240px;
	color:#FFFFFF;
	position:relative;
	border:1px solid #FFFFFF;
}

#flashcontent a:link, #flashcontent a:active, #flashcontent a:visited { 
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

#flashcontent a:hover {
	text-decoration:underline;
}

/****************************
TEXT STYLES STARTS HERE
******************************/

h1{
	font-size:16px;
	color:#006699;
	line-height:20px;
}

h2{
	font-size:16px;
	color:#006699;
	line-height:20px;
	border-bottom: 1px solid #006699;
	padding-bottom:1px;
	margin-bottom:5px;
}

h6{
	color:#006699;
}

/****************************
MENU LAYOUT STARTS HERE
******************************/
#menu_container{
	z-index:99;
	position: relative;
	left:0px;
	z-index: 5;
	width: 830px;
	height: 50px;
	margin: 0px;
	padding-left:30px;
	background: url(../images/menu/menubgnd.jpg);
}

#menu_container ul{
	padding: 0px;
	top:0px;
	left:0px;
	z-index: 50;
	margin: 0px;
}
#menu_container li, #menu_header_1, #menu_header_2, #menu_header_3, #menu_header_4, #menu_header_5, #menu_header_6, #menu_header_7{
	position: relative;
	top:0px;
	left:0px;
	z-index: 50;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	height: 50px;
}

#menu_header_1, #menu_header_2, #menu_header_3, #menu_header_4, #menu_header_5, #menu_header_6, #menu_header_7{
	margin: 0px 0px 0px 0px;
}

#menu_header_1 { width: 60px; background: url(../images/menu/menu.jpg) 0px 0px no-repeat ;}
#menu_header_2 { width: 164px; background: url(../images/menu/menu.jpg) -60px 0px no-repeat ;}
#menu_header_3 { width: 140px; background: url(../images/menu/menu.jpg) -224px 0px no-repeat ;}
#menu_header_4 { width: 88px; background: url(../images/menu/menu.jpg) -364px 0px no-repeat ;}
#menu_header_5 { width: 116px; background: url(../images/menu/menu.jpg) -452px 0px no-repeat ;}
#menu_header_6 { width: 137px; background: url(../images/menu/menu.jpg) -568px 0px no-repeat ;}
#menu_header_7 { width: 95px; background: url(../images/menu/menu.jpg) -705px 0px no-repeat ;}

#menu_header_1 a{ width: 60px; }
#menu_header_2 a{ width: 164px; }
#menu_header_3 a{ width: 140px; }
#menu_header_4 a{ width: 88px; }
#menu_header_5 a{ width: 116px; }
#menu_header_6 a{ width: 137px; }
#menu_header_7 a{ width: 95px; }

#menu_header_1 a, #menu_header_2 a, #menu_header_3 a, #menu_header_4 a, #menu_header_5 a, #menu_header_6 a, #menu_header_7 a{
	display: block;
	margin: 0px 0px 0px 0px;
	height: 50px;
}

#menu_header_1 a:hover{ width: 60px; background: url(../images/menu/menu.jpg) -0px -50px no-repeat ;}
#menu_header_2 a:hover{ width: 164px; background: url(../images/menu/menu.jpg) -60px -50px no-repeat ;}
#menu_header_3 a:hover{ width: 140px; background: url(../images/menu/menu.jpg) -224px -50px no-repeat ;}
#menu_header_4 a:hover{ width: 88px; background: url(../images/menu/menu.jpg) -364px -50px no-repeat ;}
#menu_header_5 a:hover{ width: 116px; background: url(../images/menu/menu.jpg) -452px -50px no-repeat ;}
#menu_header_6 a:hover{ width: 137px; background: url(../images/menu/menu.jpg) -568px -50px no-repeat ;}
#menu_header_7 a:hover{ width: 95px; background: url(../images/menu/menu.jpg) -705px -50px no-repeat ;}

#menu_container a{
	padding: 0px;
	margin: 0px;
	display: block;
}

/****************************
LIST STUFF STARTS HERE
******************************/

/** TOP **/

ul.top{
	list-style:none;
	color:#006699;
	line-height:1.3em;
	font-weight:bold;
	margin-top:10px;
	border-top:1px solid #006699;
}

.top li.main{
	display:block;
	width:auto;
}

.top li a{
	font-size:10px;
	background:url(../images/layout/top.gif) no-repeat 5px 5px;
	outline:none;
	color:#006699;
	text-decoration:none;
	display:block;
	padding:2px 2px 3px 20px;
}

.top li a:hover{
	background:url(../images/layout/top_o.gif) no-repeat 5px 5px;
	color:#990000!important;
}

/** SOFTWARE **/

ul.software{
	list-style:none;
	line-height:1.4em;
	font-weight:normal;
}

.software li.main {
	display:block;
	font-size:12px;
	background:url(../images/layout/right_gray.gif) no-repeat 10px 6px;
	color:#CCCCCC;
	text-decoration:none;
	padding:2px 2px 3px 25px;
}

ul.contents li{
	display:block;
	font-size:12px;
	background:url(../images/layout/right_gray.gif) no-repeat 10px 6px;
	color:#333333;
	text-decoration:none;
	border-bottom:1px solid #CCCCCC;
	padding:2px 2px 3px 25px;
}

.contents li.blank {
	font-size:10px;
	background:url(../images/layout/a.gif) no-repeat 10px 6px;
	color:#333333;
	text-transform:uppercase;
	text-decoration:none;
	border-bottom:1px solid #FFFFFF;
	padding:2px 2px 3px 2px;
}

.contents li.heading {
	background:url(../images/layout/a.gif) no-repeat 10px 6px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#990000;
	text-decoration:none;
	padding:2px;
	margin-bottom:6px;
}

.headingprograms{
	font-size:10px;
	text-transform:uppercase;
	color:#333333;
	text-decoration:none;
}

.contents li.heading a:link, .contents li.heading a:visited, .contents li.heading a:active{
	font-weight:normal;
	text-transform:none;
	color:#999999;
	text-decoration:none;
}

.contents li.heading a:hover{
	color:#990000;
	text-decoration:none;
}

.software li.list a:link, .software li.list a:active, .software li.list a:visited {
	display:block;
	font-size:12px;
	background:url(../images/layout/right.gif) no-repeat 10px 9px;
	color:#333333;
	border-top:1px solid #CCCCCC;
	padding:5px 2px 3px 25px;
}

.software li.list a:hover{
	background:url(../images/layout/right_o.gif) no-repeat 10px 9px;
	color:#990000!important;
}

.software li a:link, .software li a:active, .software li a:visited {
	display:block;
	font-size:12px;
	background:url(../images/layout/right.gif) no-repeat 10px 6px;
	color:#333333;
	text-decoration:none;
	padding:2px 2px 3px 25px;
}

.software li a:hover{
	background:url(../images/layout/right_o.gif) no-repeat 10px 6px;
	color:#990000!important;
}

/** CONTACT ERROR **/

ul.contacterror{
	list-style:none;
	line-height:1.4em;
	font-weight:normal;
}

.contacterror li{
	display:block;
	font-size:12px;
	color:#990000;
	padding:2px 2px 3px 25px;
}

/****************************
TABLE STUFF STARTS HERE
******************************/

table.homework td {
	padding:2px;
}

table.homework tr {
	border-bottom:1px solid #DDDDDD;
}

table.homeworklist {
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
}

table.homeworklist td {
	padding:8px;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
}

table.homeworklist tr {
	vertical-align:top;
}

table.contact td {
	padding:5px;
}

table.contact tr {
	border-bottom:1px solid #DDDDDD;
}