body {

    background: #393939 url(../images/inner-background.gif) no-repeat top center;
    padding: 0;
    margin: 0;
    font-family: Verdana, sans-serif;
    font-size: 10px;
    color: #FFFFFF;

}
#signin {


  

    float: right;
}

#signin .tag {
    float: right;
    padding: 3px 5px 0 0;
    text-transform: uppercase;
    width: 75px;
    text-align: right;
    margin: 3px 0;
}

#signin .response{
    float: left;
        text-align: right;
    margin: 3px 0;
}

#extend{
    
    background:  url(../images/extend-back.jpg) repeat-y top center;
    margin: 0 auto;
    margin-top: 85px;
    margin-bottom: 35px;
    width: 747px;
    height:auto;
}



#wrap {
    background:  url(../images/body.jpg) no-repeat top center;
    position:relative;
    margin-top: -10px;
    margin-left: 0px;
    width: 747px;


}

#within {
    
    width: 725px;
    position: relative;
    left: 13px;
    top: 15px;
}


#logo {
    width: 221px;
    height: 90px;
    float: left;
}



#navigation {
    float: left;
    color: #FFFFFF;
    text-transform: uppercase;
}

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

#navigation ul li {
    width: 125px;
    padding: 8px 15px;
}

#navigation a {
    color: #FFFFFF;
    text-decoration: none;
}

#navigation ul li#current {
    background: url(../images/selected.png) repeat-y;
    background-position: top right;
    
}


#content {
    width: 560px;
    margin-left: 8px;
    float: left;
  min-height:510px;
  height:auto !important;
  height:510px;


}

#content #tiny {
    height: 4px;
    font-size: 1px;
}


#content #body {

    padding: 20px;

    min-height: 510px;
}


#content #body p {
    color: #FFFFFF;
    line-height: 170%;
    padding: 0;
    margin: 0;

}

#content #body .separator {
    background: url(../images/separator.gif) no-repeat top center;
    margin: 40px auto;
    width: 238px;
    height: 15px;
}


input.login {
    background-color: #AFAFAF;
    border: 1px solid #424141;
    color: #000000;
    font-family: Verdana, sans-serif;
    font-size: 11px;
}

.clear {
    clear: both;
}

#headings {

   font-family: Times New Roman, sans-serif;
    font-size: 22px;
   color: #FFFFFF;
	text-align: right;
}

h1,  h2 {
    font-family: Tahoma, sans-serif;
    color: #b4cd39;
    font-size: 12px;
    padding: 0;
    margin: 0 0 20px 0;
}

h1 {
    margin: 20px 0;
}


.courses {
    width: 500px;
    height: 130px;
    border: 8px solid #353535;
    margin: 10px 0;
    text-align: right;
}

#class_1, .class_1 { background: url(../images/link1.png) no-repeat top left; }
#class_2, .class_2 { background: url(../images/link2.png) no-repeat top left; }
.class_3 { background: url(../images/link3.png) no-repeat top left; }
.class_5 { background: url(../images/link4.png) no-repeat top left; }
.class_4 { background: url(../images/link5.png) no-repeat top left; }


#class_1 #text, #class_2 #text, .class_1 #text, .class_2 #text, .class_3 #text, .class_4 #text, .class_5 #text {
    position: relative;
    font-family: Tahoma, sans-serif;
    font-size: 11px;
    right: 40px;

    width: 514px;
    top: 10px;
}


#class_1 #text h1, #class_2 #text h1, .class_1 #text h1, .class_2 #text h1, .class_3 #text h1, .class_4 #text h1, .class_5 #text h1 {
    font-family: "Trebuchet MS", sans-serif;
    color: #77798a;
    margin: 0;
    padding: 0;
}

.class_1 #text h1, .class_2 #text h1, .class_3 #text h1, .class_4 #text h1, .class_5 #text h1 {
    font-size: 20px;
    margin: 0 0 10px 0;
}


#class_1 #text p#small, #class_2 #text p#small {
    font-size: 9px;
    margin-top: 20px;
}

#class_1 #text p#small a#special, #class_2 #text p#small a#special, a.special {
    color: #789927;
    text-decoration: none;
}

.response a {
    color: white;
    text-decoration: none;
}


/* Tabs */

/*

bright: rgb(234,242,255);
normal: rgb(120,172,255);
dark:	rgb(0,66,174);

*/




.dynamic-tab-pane-control.tab-pane {
	position:	relative;
	width:		100%;
}

.dynamic-tab-pane-control .tab-row .tab {
	font-family:	Verdana, Helvetica, Arial;
	font-size:		12px;
	cursor:			Default;
	display:		inline;
	margin:			1px -5px 1px 5px;
	float:			left;
	padding:		3px 6px 3px 6px;

	border:			1px solid;
	border-color:	rgb(120,172,255);
	border-left:	0;
	border-bottom:	0;
	border-top:		0;

	cursor:			hand;
	cursor:			pointer;

	z-index:		1;
	position:		relative;
	top:			0;
}

.dynamic-tab-pane-control .tab-row .tab.selected {
	border:			1px solid rgb(120,172,255);
	border-bottom:	0;
	z-index:		3;
	padding:		2px 6px 5px 6px;
	margin:			1px -6px -2px 0px;
	top:			-2px;

}

.dynamic-tab-pane-control .tab-row .tab a {
	font-family:		Verdana, Helvetica, Arial;
	font-size:			13px;
	color:				rgb(0,66,174);
	text-decoration:	none;
	cursor:			hand;
	cursor:			pointer;
}

.dynamic-tab-pane-control .tab-row .hover a {
	color:	rgb(0,66,174);
}

.dynamic-tab-pane-control .tab-row .tab.selected a {
	font-weight:	bold;
}

.dynamic-tab-pane-control .tab-page {
	clear:			both;
	border:			1px solid rgb(120,172,255);
	background:		White;
	z-index:		2;
	position:		relative;
	top:			-2px;
	color:			Black;
	font-family:	Verdana, Helvetica, Arial;
	font-size:		13px;
	padding:		10px;
}

.dynamic-tab-pane-control .tab-row {
	z-index:		1;
	white-space:	nowrap;
	background:		rgb(120,172,255);
	height:			1.85em;
	width:			100%;
}



#links {
    width: 746px;

    background: url(../images/footer.jpg) no-repeat top center;
    color: #FFFFFF;
    position: relative;
    top:50px;
    margin-right:-1px;
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto;
    height: 50px;
}

#links a {
    color: white;
    text-decoration: none;
}


#links ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
}

#links ul li {
    list-style-type: none;
    float: left;
    width: 90px;
}

th {
	text-align: left;
}