@charset "UTF-8";
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}
#bg {
	background-image: url(../images/bg.gif);
	background-repeat: repeat;
	height: 100%;
	width: 100%;
	float: left;
}
#hold {
	height: 100%;
	background-position: left top;
	width: 100%;
	padding: 0px;
	float: left;
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
/* CSS Document */

#brandbar{
width:100%;
margin: 0;

}ul{
	text-decoration:none;
	list-style-type: none;
}

li{
    text-decoration:none;
	list-style-type: none;
}
#topLink {
	top: 31px;
}

.thumbnail
{
width: 170px;
float: left;
margin: 5px 15px 10px 15px;
}

div.thumbnail p
{
margin-left: 0px;
padding: 5px 20px 0px;
background: no-repeat 0 100%;
font: Verdana, Arial, Helvetica, sans-serif 50% #333;

}

.clear
{
clear: left;
}

.floatleft{
   float:left;
   margin: 0 30px 10px 0px;
}

/*---thumbnav---*/
#thumbnav{
width: 168px;
margin: -10px 0px 10px 10px;
}

* html #thumbnav{ /*IE only rule, to negate the padding below IE includes in menu width.*/
width: 164px;
}

#thumbnav a{
	font: 13px Verdana;
	padding: 2px;
	padding-left: 29px;
	display: block;
	color: #007a97;
	background: url(/downloads/images/downloadbutton.gif) no-repeat;
}

html>body #thumbnav a{ /*Non IE rule*/
width: auto;
}

#thumbnav a:hover{
color: #b9d300;
}

#thumbnav img
{
	padding-top:5px;
	}
div.thumbnail img
{
border: 0px solid #333;
margin: 0px 10px 5px;
}
#menu {
	float: left;
	padding: 0px;
	margin-top: -48px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index: 1;
	position: absolute;
	height: 100%;
}
#topbg {
	width: 100%;
	height: 40px;
	position: relative;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/horbar.gif);
}
#bg #hold #menu #bottommenu {
	position: relative;
	top: 364px;
	z-index: 4;
}

/***********************************************/
/* left nav Divs                                 */
/***********************************************/
#mainmenu{
	position: absolute;
	top: 60px;
	left: 0px;
	width: 150px;
	height: 527px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: -34px;
	z-index: 1;
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#bg #hold #menu #menutop {
	top: 88px;
	position: relative;
	z-index: 3;
}

#mainmenu ul {
	position: absolute;
	top: 73px;
	left: 0px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 527px;
	display: inline;
	overflow: hidden;
	width: 150px;
	z-index: 95;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(../images/sidebar.gif);
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #FFF;
}
	
#mainmenu li {
position: relative;
display: block;
height: 56px;
margin: 0; 
padding: 0;
display: inline;
list-style-type: none;
}

#mainmenu a {
    display: block;
	height: 56px;
    font-size:85%;
    padding: 56px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:56px; /* for IE5/Win */
	}

#rol1 {
width: 150px;
}
#rol2 {
width: 150px;
}
#rol3 {
width: 150px;
}
#rol4 {
width: 150px;
}
#rol5 {
width: 150px;
}


#rol1 a:hover  {
	width: 150px;
	background-image: url(../images/sidebar.gif);
	background-repeat: no-repeat;
	background-position: -149px 0px;
}
#rol2 a:hover  {
	width: 150px;
	background-image: url(../images/sidebar.gif);
	background-repeat: no-repeat;
	background-position: -149px -56px;
}
#rol3 a:hover  {
	width: 150px;
	background-image: url(../images/sidebar.gif);
	background-repeat: no-repeat;
	background-position: -149px -112px;
}
#rol4 a:hover  {
	width: 150px;
	background-image: url(../images/sidebar.gif);
	background-repeat: no-repeat;
	background-position: -149px -168px;
}
#rol5 a:hover  {
	width: 150px;
	background-image: url(../images/sidebar.gif);
	background-repeat: no-repeat;
	background-position: -149px -224px;
}
#circlebg {
	background-image: url(../images/wavgraphic.png);
	height: 483px;
	width: 334px;
	position: absolute;
	background-repeat: no-repeat;
	margin-left: -30px;
	top: 145px;
}
#tips {
	width:626px;
	height:145px;
	z-index:2;
	position: absolute;
	padding-top: 35px;
	left: 200px;
	top: 195px;
}
#student {
	width:320px;
	height:380px;
	z-index:1;
	position: absolute;
	padding: 0px;
	margin: 0px;
	left: 230px;
	top: 85px;
}
#stars {
	height: 131px;
	width: 421px;
	z-index: 5;
	position: absolute;
	left: 625px;
	background-image: url(../images/stars.png);
	top: 180px;
	background-repeat: no-repeat;
}
#seclogo {
	position: absolute;
	padding-top: 140px;
	z-index: 6;
	height: 72px;
	width: 98px;
	left: 650px;
}
#contenthold {
	width: 580px;
	z-index: 4;
	position: relative;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 200px;
	padding-top: 180px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#contents {
	border: thick solid #E27F25;
	background-color: #FFF;
	padding: 10px;
}
#bg #hold #contenthold #contents ul {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	display: list-item;
	list-style-type: none;
}
#contents p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}
#checklist {
	margin-left: 150px;
	width: 675px;
	position: relative;
}
/*This is for the single purple line boxes*/
#boxtop {
	background-image: url(../images/note.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 40px;
	margin: 0px;
	padding: 0px;
}
#boxmid {
	background-image: url(../images/note.png);
	background-repeat: repeat;
	background-position: center;
	margin: 0px;
	padding: 0px;
}
#boxbottom {
	background-image: url(../images/note.png);
	background-position: center bottom;
	height: 40px;
	margin: 0px;
	padding: 0px;
}
/*end single purple line boxes */

/*This is for the black and purple line boxes*/
#boxtopblack {
	background-image: url(../images/note_black.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 40px;
	margin: 0px;
	padding: 0px;
}
#boxmidblack {
	background-image: url(../images/note_black.png);
	background-repeat: repeat;
	background-position: center;
	margin: 0px;
	padding: 0px;
}
#boxbottomblack {
	background-image: url(../images/note_black.png);
	background-position: center bottom;
	height: 50px;
	margin: 0px;
	padding: 0px;
}
/*end pink line boxes */

/*This is for the HORZ black and purple line boxes*/
#boxtopHORZblack {
	background-image: url(../images/note_black_hor.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 40px;
	margin: 0px;
	padding: 0px;
}
#boxmidHORZblack {
	background-image: url(../images/note_black_hor.png);
	background-repeat: repeat;
	background-position: center;
	margin: 0px;
	padding: 0px;
}
#boxbottomHORZblack {
	background-image: url(../images/note_black_hor.png);
	background-position: center bottom;
	height: 50px;
	margin: 0px;
	padding: 0px;
}
/*end HORZ black and purple line boxes */

/*This is for the tack boxes*/
#boxtoptack {
	background-image: url(../images/note_tacks.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 40px;
	margin: 0px;
	padding: 0px;
}
#boxmidtack {
	background-image: url(../images/note_tacks.png);
	background-repeat: repeat;
	background-position: center;
	margin: 0px;
	padding: 0px;
}
#boxbottomtack {
	background-image: url(../images/note_tacks.png);
	background-position: center bottom;
	height: 50px;
	margin: 0px;
	padding: 0px;
}
/*end tack boxes */


/*This is for the HORZ tack boxes*/
#boxtopHORZtack {
	background-image: url(../images/note_tacks_hor.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 40px;
	margin: 0px;
	padding: 0px;
}
#boxmidHORZtack {
	background-image: url(../images/note_tacks_hor.png);
	background-repeat: repeat;
	background-position: center;
	margin: 0px;
	padding: 0px;
}
#boxbottomHORZtack {
	background-image: url(../images/note_tacks_hor.png);
	background-position: center bottom;
	height: 50px;
	margin: 0px;
	padding: 0px;
}
/*end horz tack boxes */

/*This is for the pink line boxes*/
#boxtoppink {
	background-image: url(../images/note_redpink.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 40px;
	margin: 0px;
	padding: 0px;
}
#boxmidpink {
	background-image: url(../images/note_redpink.png);
	background-repeat: repeat;
	background-position: center;
	margin: 0px;
	padding: 0px;
}
#boxbottompink {
	background-image: url(../images/note_redpink.png);
	background-position: center bottom;
	height: 50px;
	margin: 0px;
	padding: 0px;
}
/*end pink line boxes */

/*This is for the pink dotted boxes*/
#boxtoppinkdot {
	background-image: url(../images/note_purple.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 40px;
	margin: 0px;
	padding: 0px;
}
#boxmidpinkdot {
	background-image: url(../images/note_purple.png);
	background-repeat: repeat;
	background-position: center;
	margin: 0px;
	padding: 0px;
}
#boxbottompinkdot {
	background-image: url(../images/note_purple.png);
	background-position: center bottom;
	height: 50px;
	margin: 0px;
	padding: 0px;
}
/*end pink dotted boxes */

/*This is for the pink horz dotted boxes*/
#boxtoppinkhorzdot {
	background-image: url(../images/note_purple_hor.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 40px;
	margin: 0px;
	padding: 0px;
}
#boxmidpinkhorzdot {
	background-image: url(../images/note_purple_hor.png);
	background-repeat: repeat;
	background-position: center;
	margin: 0px;
	padding: 0px;
}
#boxbottompinkhorzdot {
	background-image: url(../images/note_purple_hor.png);
	background-position: center bottom;
	height: 50px;
	margin: 0px;
	padding: 0px;
}
/*end pink horz dotted boxes */

/*This is for the white dotted boxes*/
#boxtopwhitedot {
	background-image: url(../images/note_dotted.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 40px;
	margin: 0px;
	padding: 0px;
}
#boxmidwhitedot {
	background-image: url(../images/note_dotted.png);
	background-repeat: repeat;
	background-position: center;
	margin: 0px;
	padding: 0px;
}
#boxbottomwhitedot {
	background-image: url(../images/note_dotted.png);
	background-position: center bottom;
	height: 50px;
	margin: 0px;
	padding: 0px;
}
/*end white dotted boxes */

/*This is for the white horz dotted boxes*/
#boxtopwhitehorzdot {
	background-image: url(../images/note_dotted_hor.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 40px;
	margin: 0px;
	padding: 0px;
}
#boxmidwhitehorzdot {
	background-image: url(../images/note_dotted_hor.png);
	background-repeat: repeat;
	background-position: center;
	margin: 0px;
	padding: 0px;
}
#boxbottomwhitehorzdot {
	background-image: url(../images/note_dotted_hor.png);
	background-position: center bottom;
	height: 50px;
	margin: 0px;
	padding: 0px;
}
/*end white horz dotted boxes */

/*This is for the shadow boxes*/
#boxtopshadow {
	background-image: url(../images/note_shadow.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 40px;
	margin: 0px;
	padding: 0px;
}
#boxmidshadow {
	background-image: url(../images/note_shadow.png);
	background-repeat: repeat;
	background-position: center;
	margin: 0px;
	padding: 0px;
}
#boxbottomshadow {
	background-image: url(../images/note_shadow.png);
	background-position: center bottom;
	height: 50px;
	margin: 0px;
	padding: 0px;
}
/*end white shadow boxes */

/*This is for the shadow horz boxes*/
#boxtophorzshadow {
	background-image: url(../images/note_shadow_hor.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 40px;
	margin: 0px;
	padding: 0px;
}
#boxmidhorzshadow {
	background-image: url(../images/note_shadow_hor.png);
	background-repeat: repeat;
	background-position: center;
	margin: 0px;
	padding: 0px;
}
#boxbottomhorzshadow {
	background-image: url(../images/note_shadow_hor.png);
	background-position: center bottom;
	height: 50px;
	margin: 0px;
	padding: 0px;
}
/*end shadow horz boxes */

/*This is to position the boxes */
#boxONE {
	width: 273px;
	float: left;
	height: 100%;
	position: relative;
	left: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	padding-top: 3px;
}
#boxTWO {
	width: 273px;
	float: right;
	height: 100%;
	position: relative;
	right: 50px;
	padding: 3px;
	margin-top: 70px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}
#boxTWOwz {
	width: 273px;
	float: right;
	height: 100%;
	position: relative;
	right: 50px;
	padding: 3px;
	margin-right: 3px;
	margin-bottom: 20px;
	margin-left: 3px;
}
#boxTHREE {
	width: 273px;
	float: left;
	height: 100%;
	position: relative;
	left: 50px;
	padding: 3px;
	margin-top: 12px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}
#boxTHREEwz {
	width: 273px;
	float: left;
	height: 100%;
	position: relative;
	left: 50px;
	padding: 3px;
	margin-top: 12px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	clear: left;
}
#boxFOUR {
	width: 273px;
	float: right;
	height: 100%;
	position: relative;
	right: 50px;
	padding: 3px;
	margin-top: 12px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}
#boxFIVE {
	width: 273px;
	float: left;
	height: 100%;
	padding: 3px;
	position: relative;
	left: 50px;
	margin-top: 12px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}
#boxFIVEwz {
	width: 273px;
	float: left;
	height: 100%;
	padding: 3px;
	position: relative;
	left: 50px;
	margin: 3px;
	clear: left;
}
#boxSIX {
	width: 273px;
	float: right;
	height: 100%;
	position: relative;
	right: 50px;
	padding: 3px;
	margin-top: 12px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}
#boxSIXwz {
	width: 273px;
	float: right;
	height: 100%;
	position: relative;
	right: 50px;
	padding: 3px;
	margin-top: 50px;
	margin-right: 3px;
	margin-left: 3px;
}
#boxSEVEN {
	width: 273px;
	float: left;
	height: 100%;
	padding: 3px;
	position: relative;
	left: 50px;
	margin-top: 12px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}
#boxSEVENwz {
	width: 273px;
	float: left;
	height: 100%;
	padding: 3px;
	position: relative;
	left: 50px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	clear: both;
}
#boxEIGHT {
	width: 273px;
	float: right;
	height: 100%;
	position: relative;
	right: 50px;
	padding: 3px;
	margin-top: 12px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}
#boxNINE {
	width: 273px;
	float: left;
	height: 100%;
	padding: 3px;
	position: relative;
	left: 50px;
	margin-top: 12px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}
#boxTEN {
	width: 273px;
	float: right;
	height: 100%;
	position: relative;
	right: 50px;
	padding: 3px;
	margin-top: 12px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}
#boxLAST {
	width: 273px;
	float: right;
	height: 100%;
	position: relative;
	right: 50px;
	padding: 3px;
	margin-top: 12px;
	margin-right: 3px;
	margin-bottom: 25px;
	margin-left: 3px;
}
#boxLASTwz {
	width: 270px;
	float: right;
	height: 100%;
	position: relative;
	right: 50px;
	padding: 3px;
	margin-top: 30px;
	margin-right: 3px;
	margin-bottom: 25px;
	margin-left: 3px;
}
#boxHORZ {
	width: 540px;
	float: left;
	height: 100%;
	padding: 3px;
	position: relative;
	left: 50px;
	margin-top: 12px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}
#boxHORZlast {
	width: 540px;
	float: left;
	height: 100%;
	padding: 3px;
	position: relative;
	left: 50px;
	margin-top: 12px;
	margin-right: 3px;
	margin-bottom: 20px;
	margin-left: 3px;
}
/*end position the boxes */

.boxcontents {
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 10px;
}
.boxcontents p {
	margin: 0px;
	padding: 0px;
}
.centerICON {
	margin-right: 20px;
	margin-left: 100px;
	position: absolute;
	z-index: 6;
	width: 60px;
	margin-top: -14px;
	padding: 0px;
	left: 4px;
}
.centerICONhorz {
	margin-right: 20px;
	margin-left: 230px;
	position: absolute;
	z-index: 6;
	width: 60px;
	margin-top: -14px;
	padding: 0px;
	left: 4px;
}
.leftICON {
	margin-right: 20px;
	margin-left: -22px;
	position: absolute;
	z-index: 6;
	width: 60px;
	margin-top: -25px;
	padding: 0px;
}
.rightICON {
	margin-right: 20px;
	position: absolute;
	z-index: 6;
	width: 60px;
	padding: 0px;
	margin-left: 220px;
	margin-top: -22px;
}
.rightICONhorz {
	margin-right: 20px;
	position: absolute;
	z-index: 6;
	width: 60px;
	padding: 0px;
	margin-left: 480px;
	margin-top: -22px;
}


#foothold {
	background-color: #FFF;
	width: 100%;
	height: 100px;
	z-index: 2;
	position: relative;
	float: left;
	padding: 0px;
	margin: 0px;
}
#lounge {
	background-color: #7C50A1;
}
#loungenav {
	padding-left: 185px;
}

#mainfooter {
	font: 11px Arial, Helvetica, sans-serif;
	left: 0px;
	float: right;
	margin-top: 2px;
}