body {
	margin: 17px 7px 7px;
	font: 11px tahoma, verdana, arial, sans-serif;
	color: #494949;
	background-color: #ffffff;
	padding: 0px;

} 
html { 
font-size: 100%; line-height: 100% 
} 
table { 
} 
img { 
border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px 
} 
a { 
color: #5a86b3; text-decoration: none 
} 
a:hover { 
color: #38597b; text-decoration: none 
} 
main {
	line-height: 125%;
	color:#5a86b3;
	text-align: left;
	font-weight: bold;



}

dl.table-display
{
	width: 100%;
	margin: 1em 0;
	padding: 0;
	text-align: center;


}

.table-display dt
{
width: 25%;
float: left;
margin: 0;
padding: 0.5em;
border-top: 1px solid #ffffff;


}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.table-display dd
{
	float: left;
	width: 65%;
	margin: 0;
	padding: 0.5em;
	border-top: 1px none #5F0976;
	text-align: justify;


}

		}






a.info{
	position:relative;
	z-index:24;
	color:#000;
	text-decoration:none;
	text-align: left;
}

a.info:hover{
	z-index:25;
	background-color:purple;
	color: #FFFFFF;
}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:4em; width:15em;
    border:1px solid #0cf;
    background-color:#f1f3f5; color:#333399;
    text-align: justify}



h3 {
	font-size: 100%;
	color: #CC0000;
}
 



th { 
text-align: left 
} 
form { 
border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 0px; border-right-width: 0px 
} 
#sitecontainer { 
width: 780px; text-align: center 
} 
.text { 
font: 1em tahoma, verdana, arial, sans-serif; color: #494949 
} 
.text tr { 
font: 1em tahoma, verdana, arial, sans-serif; color: #494949 
} 
.text th { 
font: bold 1em tahoma, verdana, arial, sans-serif; color: #494949; text-align: left 
} 
.text td { 
font: 1em tahoma, verdana, arial, sans-serif; color: #494949 
} 
.text table { 
font: 1em tahoma, verdana, arial, sans-serif; color: #494949 
} 
.darktext { 
font: 1em tahoma, verdana, arial, sans-serif; color: #000000 
} 
.borderbot { 
padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; height: 1px 
} 
.borderbotlight { 
padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; height: 1px 
} 
p { 
padding-right: 0px; padding-left: 0px; padding-bottom: 12px; margin: 0px; line-height: 1.2em; padding-top: 0px 
} 
strong { 
font-weight: bold 
} 
li {
	list-style-position: outside;

} 
table { 

} 
td { 
font: 1em tahoma, verdana, arial, sans-serif; color: #000000 
} 
div { 

} 
#topnav {
	margin-bottom: 9px;
	margin-top: 10px;
	clip:  rect(10px auto auto auto);


} 
#firstnavbar { 
width: 800px; background-color: #5a86b3; text-align: center 
} 
#secondnavbar { 
border-right: #93b3d2 1px solid; border-top: #93b3d2 1px solid; margin: 0px; font: 11px tahoma, verdana, arial, sans-serif; border-left: #93b3d2 1px solid; width: 900px; border-bottom: #93b3d2 1px solid; background-color: #ffffff; text-align: center 
} 
.usertable { 
padding-right: 6px; padding-left: 9px; padding-bottom: 3px; padding-top: 2px 
} 
.menutext { 
font: 1em tahoma, verdana, arial, sans-serif; color: #ffffff 
} 
.menutext a { 
font: 1em tahoma, verdana, arial, sans-serif; color: #ffffff; text-decoration: none 
} 
.menutext a:hover { 
font: 1em tahoma, verdana, arial, sans-serif; color: #ffffff; background-color: #5a86b3 
} 
.avatar { 
float: left; margin-right: 4px 
} 
#navigation { 
padding-right: 10px; padding-left: 0px; padding-bottom: 0px; margin: 0px; font: 1em tahoma, verdana, arial, sans-serif; vertical-align: top; width: 150px; color: #5a86b3; padding-top: 0px; text-align: left 
} 
.menu { 
width: 100%; background-color: #f1f3f5 
} 
.menu a { 
display: block; padding-left: 9px; bottom; padding-bottom: 1px; font: bold 1em tahoma, verdana, arial, sans-serif; color: #5a86b3; padding-top: 3px; text-decoration: none 
} 
.menu a:hover { 
color: #38597b 
} 
.menu a.highlight { 
color: #494949 
} 
.statsbold { 
font: bold 1em tahoma, verdana, arial, sans-serif; color: #494949 
} 
.statsresults { 
font: bold 1em tahoma, verdana, arial, sans-serif; color: #494949 
} 
.statsplain { 
font: 1em tahoma, verdana, arial, sans-serif; color: #494949 
} 
.navtext { 
padding-left: 9px; font: bold 1em tahoma, verdana, arial, sans-serif; color: #5a86b3 
} 
.stats { 
padding-right: 0px; padding-left: 9px; padding-bottom: 3px; padding-top: 3px; background-color: #f1f3f5 
} 
.swatch { 
padding-right: 0px; padding-left: 0px; padding-bottom: 3px; padding-top: 3px; background-color: #ffffff 
} 
.forumnavbar { 
padding-right: 0px; padding-left: 9px; padding-bottom: 3px; padding-top: 3px; background-color: #f1f3f5 
} 
.banner { 
padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 5px 0px; padding-top: 0px 
} 
.floatercell {
	float: left;
	margin: 0px;
	width: 150px;
	border: 0px solid;

} 
#sitecontent { 
padding-right: 0px; display: block; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; background-color: #ffffff 
} 
#leftcontent { 
float: left; width: 280px; margin-right: 10px; text-align: left 
} 
#leftdetail { 
float: left; font: 1em tahoma, verdana, arial, sans-serif; width: 340px; color: #494949; margin-right: 10px; text-align: left 
} 
#rightcontent { 
padding-right: 0px; padding-left: 0px; float: left; padding-bottom: 0px; width: 310px; padding-top: 0px; text-align: left 
} 
#rightdetail { 
padding-right: 0px; padding-left: 0px; float: left; padding-bottom: 0px; width: 238px; padding-top: 0px; text-align: left 
} 
#controlpanel { 
padding-bottom: 5px; vertical-align: middle; color: #494949; padding-top: 5px; text-align: left 
} 
#controlpanel img { 
padding-top: 5px 
} 
.filestats { 
padding-left: 9px; padding-bottom: 9px; font: 1em tahoma, verdana, arial, sans-serif 
} 
.filestats img { 
padding-right: 0px; padding-left: 2px; padding-bottom: 2px; vertical-align: middle; padding-top: 0px 
} 
.filestats .ratingcamera { 
padding-right: 0px; padding-left: 2px; padding-bottom: 2px; vertical-align: middle; padding-top: 0px 
} 
.rightmenutext .ratingcamera { 
padding-right: 0px; padding-left: 2px; padding-bottom: 2px; vertical-align: middle; padding-top: 0px 
} 
.filedetails { 
font: 1em tahoma, verdana, arial, sans-serif 
} 
.fileoptions { 
vertical-align: middle; background-color: #f1f3f5 
} 
#rightmenutext { 
padding-left: 9px; padding-bottom: 6px; color: #3c3c3c; padding-top: 4px; background-color: #f1f3f5 
} 
.rightmenutext { 
padding-left: 9px; padding-bottom: 6px; color: #3c3c3c; padding-top: 4px; background-color: #f1f3f5 
} 
.fileoptions a { 
display: block; padding-left: 9px; font-weight: normal; font-size: 1em; vertical-align: middle; color: #38597b; padding-top: 2px; font-style: normal; font-family: tahoma, verdana, arial, sans-serif; height: 23px; font-variant: normal; text-decoration: none 
} 
.fileoptions a:hover { 
color: #38597b 
} 
.fileoptions img { 
vertical-align: middle 
} 
#bottomcontent { 
clear: both; width: 600px; text-align: left 
} 
.bottomfiledetails { 
width: 600px; text-align: left 
} 
.optiontitle { 
padding-bottom: 1px; font: bold 1.2em tahoma, verdana, arial, sans-serif; color: #5a86b3; padding-top: 11px; background-color: #ffffff 
} 
#filesizes { 
font: 1em tahoma, verdana, arial, sans-serif; width: 350px; color: #38597b; background-color: #f1f3f5 
} 
#filesizes td { 
font: 1em tahoma, verdana, arial, sans-serif; color: #38597b; background-color: #f1f3f5 
} 
h1 { 
margin-top: 11px; margin-bottom: 4px; font: bold 1.2em tahoma, verdana, arial, sans-serif; color: #5a86b3 
} 
h2 { 
margin-top: 6px; font: bold 1em tahoma, verdana, arial, sans-serif; color: #5a86b3 
} 
.iotw { 
padding-bottom: 9px 
} 
.archivelinks { 
font: bold 1em tahoma, verdana, arial, sans-serif; color: #5a86b3; padding-top: 5px; text-align: right 
} 
.feature { 
padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 2px 0px; padding-top: 0px 
} 
.featurestitle { 
margin-top: 0px; font: bold 1em tahoma, verdana, arial, sans-serif; color: #5a86b3 
} 
.featureimage { 
padding-right: 0px; padding-left: 0px; float: right; padding-bottom: 0px; margin: 0px 0px 0px 4px; padding-top: 0px 
} 
.featurestext { 
font: 1em tahoma, verdana, arial, sans-serif; color: #494949 
} 
.featurestext a { 
color: #5a86b3; text-decoration: none 
} 
.featurestext a:hover { 
color: #38597b 
} 
#filedetail { 
border-top-width: 1px; border-left-width: 1px; border-left-color: #000000; border-bottom-width: 1px; border-bottom-color: #000000; padding-bottom: 14px; border-top-color: #000000; padding-top: 14px; text-align: center; border-right-width: 1px; border-right-color: #000000 
} 
#filedetail img { 
border-top-width: 1px; border-left-width: 1px; border-left-color: #38597b; border-bottom-width: 1px; border-bottom-color: #38597b; border-top-color: #38597b; border-right-width: 1px; border-right-color: #38597b 
} 
.shaded {
	font: 1em tahoma, verdana, arial, sans-serif;
	color: #494949;
	background-color: #FFCCCC;

} 
.shaded a { 
color: #5a86b3; text-decoration: none 
} 
.shaded img { 
padding-right: 4px; padding-left: 9px; padding-bottom: 3px; padding-top: 3px 
} 
.photodescrip { 
padding-top: 9px; text-align: left 
} 
.photodescrip p { 
margin-top: 9px 
} 
#gallerydisplay { 
padding-bottom: 8px; padding-top: 13px 
} 
#gallerydisplay img { 
border-top-width: 1px; border-left-width: 1px; border-left-color: #38597b; border-bottom-width: 1px; margin-bottom: 3px; border-bottom-color: #38597b; border-top-color: #38597b; border-right-width: 1px; border-right-color: #38597b 
} 
#gallerydisplay table { 
padding-bottom: 8px; padding-top: 8px 
} 
#gallerydisplay td { 
font: 1em tahoma, verdana, arial, sans-serif; color: #38597b; text-align: center 
} 
#mostpopular { 
padding-bottom: 4px; padding-top: 4px 
} 
#mostpopular img { 
border-top-width: 1px; border-left-width: 1px; border-left-color: #38597b; border-bottom-width: 1px; margin-bottom: 3px; border-bottom-color: #38597b; border-top-color: #38597b; border-right-width: 1px; border-right-color: #38597b 
} 
#mostpopular table { 
padding-bottom: 4px; padding-top: 4px 
} 
#mostpopular td { 
font: 1em tahoma, verdana, arial, sans-serif; color: #38597b; text-align: center 
} 
#footer {
	clear: both;
	border-right: 0px;
	border-top: #6699cc 1px solid;
	font: 1em tahoma, verdana, arial, sans-serif;
	border-left: 0px;
	color: #5a86b3;
	padding-top: 4px;
	border-bottom: 0px;
	width: 740px;

} 
#footer td { 
font: 1em tahoma, verdana, arial, sans-serif; color: #5a86b3 
} 
#footer a { 
color: #5a86b3; text-decoration: none 
} 
#footer a:hover { 
color: #38597b 
} 
.search { 
border-right: #494949 1px solid; padding-right: 0px; border-top: #494949 1px solid; padding-left: 0px; padding-bottom: 0px; margin: 2px; font: 1em verdana, sans-serif; border-left: #494949 1px solid; width: 150px; padding-top: 0px; border-bottom: #494949 1px solid; height: 20px; background-color: #f1f3f5 
} 
.field { 
border-right: #494949 1px solid; padding-right: 0px; border-top: #494949 1px solid; padding-left: 0px; padding-bottom: 0px; margin: 2px; font: 1em verdana, sans-serif; border-left: #494949 1px solid; width: 150px; padding-top: 0px; border-bottom: #494949 1px solid; height: 20px; background-color: #f1f3f5 
} 
.dropdown { 
border-right: #494949 1px solid; padding-right: 0px; border-top: #494949 1px solid; padding-left: 0px; font-size: 0.9em; padding-bottom: 0px; margin: 0px; border-left: #494949 1px solid; padding-top: 0px; border-bottom: #494949 1px solid; font-family: verdana, sans-serif; height: 15px; background-color: #f1f3f5 
} 
.buttonwhite { 
border-right: #5a86b3 1px solid; padding-right: 0px; border-top: #5a86b3 1px solid; padding-left: 0px; font-size: 10px; padding-bottom: 0px; margin: 0px; border-left: #5a86b3 1px solid; color: #ffffff; padding-top: 0px; border-bottom: #5a86b3 1px solid; font-family: verdana, sans-serif; height: 18px; background-color: #5a86b3 
} 
input.topsearch { 
border-right: #7699bd 1px solid; padding-right: 2px; border-top: #7699bd 1px solid; padding-left: 2px; background: #f1f3f5; padding-bottom: 2px; font: 10px/14px arial, helvetica; border-left: #7699bd 1px solid; width: 130px; padding-top: 2px; border-bottom: #7699bd 1px solid 
} 
.quote { 
border-right: #5a86b3 0px solid; padding-right: 0px; border-top: #5a86b3 0px solid; padding-left: 10px; padding-bottom: 0px; border-left: #5a86b3 2px solid; padding-top: 0px; border-bottom: #5a86b3 0px solid 
} 
.bargraph1 { 
background-color: #5a86b3 
} 
.bargraph2 { 
background-color: #5a86b3 
} 
.bargraph3 { 
background-color: #b2b2b2 
} 
.reporttable { 
border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px 
} 
.reporttable tr { 
font: 1em tahoma, verdana, arial, sans-serif; color: #000000 
} 
.reporttable th { 
padding-right: 2px; padding-left: 2px; font-weight: bold; font-size: 1em; padding-bottom: 4px; color: #494949; padding-top: 3px; font-style: normal; font-family: tahoma, verdana, arial, sans-serif; text-align: left; font-variant: normal 
} 
.reporttable td { 
padding-right: 2px; padding-left: 2px; font-weight: normal; font-size: 1em; padding-bottom: 4px; color: #000000; padding-top: 3px; font-style: normal; font-family: tahoma, verdana, arial, sans-serif; font-variant: normal 
} 
.reporttable table { 
font: 1em tahoma, verdana, arial, sans-serif; color: #000000 
} 
.searchoptions { 
padding-left: 9px; padding-bottom: 3px; font: 1em/14px tahoma, verdana, arial, sans-serif; color: #494949; padding-top: 3px; background-color: #f1f3f5 
} 
.searchoptions img { 
border-top-width: 0px; padding-right: 0px; padding-left: 0px; border-left-width: 0px; border-bottom-width: 0px; padding-bottom: 0px; vertical-align: -10%; padding-top: 0px; background-color: #7699bd; border-right-width: 0px 
} 
.searchoptions strong { 
font-weight: bold 
} 
#blog { 
line-height: 1.2em 
} 
#blog .tools { 
margin-top: 2px; margin-bottom: 2px; font-style: italic 
} 
#blog .head { 
font-size: 1em; margin-bottom: 2px; line-height: 1.2em 
} 
#blog .admin { 
font-size: 1em; margin-bottom: 2px; line-height: 1.2em 
} 
#blog .item { 
margin-bottom: 12px 
} 
#blog .itemsticky { 
margin-bottom: 12px 
} 
#blog .itemsticky { 
border-right: #777777 1px solid; padding-right: 6px; border-top: #777777 1px solid; padding-left: 6px; padding-bottom: 6px; border-left: #777777 1px solid; padding-top: 6px; border-bottom: #777777 1px solid; background-color: #f1f3f5 
} 
#blog .comment { 
padding-right: 6px; padding-left: 6px; margin-bottom: 1px; padding-bottom: 6px; padding-top: 6px; background-color: #f1f3f5 
} 
#blog .caption { 
font-style: italic 
} 
#forum { 

} 
table#forum { 
padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; width: 600px; padding-top: 0px 
} 
#forum .post { 
padding-right: 8px; padding-left: 8px; padding-bottom: 8px; font: 1.2em/1.2em tahoma, verdana, arial, sans-serif; color: #3c3c3c; padding-top: 8px 
} 
.post { 
padding-right: 8px; padding-left: 8px; padding-bottom: 8px; font: 1.2em/1.3em tahoma, verdana, arial, sans-serif; color: #3c3c3c; padding-top: 8px 
} 
#supportticket { 

} 
#supportticket .message { 
border-right: gray 1px solid; padding-right: 6px; border-top: gray 1px solid; padding-left: 6px; padding-bottom: 6px; margin: 6px; border-left: gray 1px solid; padding-top: 6px; border-bottom: gray 1px solid; background-color: #ffffff 
} 
.error { 
font-size: 1.1em; color: #ff0000 
} 
.error li { 
font-weight: bold 
} 
#useredit { 

} 
#useredit .comment { 
margin-top: 2px; font-size: 1.1em; margin-bottom: 5px; color: #7699bd 
} 
#apptutorial { 
width: 100% 
} 
#apptutorial .inset { 
padding-right: 8px 
} 
#apptutorial .rightnav { 
width: 160px 
} 
#apptutorial .imagebox img { 
border-right: #777777 1px solid; border-top: #777777 1px solid; border-left: #777777 1px solid; border-bottom: #777777 1px solid 
} 
#apptutorial .imagebox td { 
padding-right: 2px; padding-left: 2px; font-weight: bold; padding-bottom: 2px; color: #f1f3f5; padding-top: 2px; text-align: center 
} 
#apptutorial .imagebox div { 
padding-right: 2px; padding-left: 2px; font-weight: bold; padding-bottom: 2px; color: #f1f3f5; padding-top: 2px; text-align: center 
} 
#radiusbutt { 
padding-right: 0px; padding-left: 0px; background: url(../../../../../local%20settings/temporary%20internet%20files/images/radius_butt_left.gif) #5a86b3 no-repeat left top; padding-bottom: 0px; padding-top: 0px 
} 
#radiusbutt td { 
padding-right: 10px; padding-left: 10px; font-weight: bold; font-size: 10px; background: url(../../../../../local%20settings/temporary%20internet%20files/images/radius_butt_right.gif) #5a86b3 no-repeat right top; padding-bottom: 0px; vertical-align: middle; line-height: 17px; padding-top: 0px; border-bottom: #ffffff 0px solid; height: 17px 
} 
#radiusbutt a:link { 
color: #ffffff 
} 
#radiusbutt a:visited { 
color: #ffffff 
} 
#radiusbutt a:hover { 
background: none transparent scroll repeat 0% 0%; color: #000000 
} 
.radiusbutt { 
padding-right: 0px; padding-left: 0px; background: url(../../../../../local%20settings/temporary%20internet%20files/images/radius_butt_left.gif) #5a86b3 no-repeat left top; padding-bottom: 0px; padding-top: 0px 
} 
.radiusbutt td { 
padding-right: 10px; padding-left: 10px; font-weight: bold; font-size: 10px; background: url(../../../../../local%20settings/temporary%20internet%20files/images/radius_butt_right.gif) no-repeat right top; padding-bottom: 0px; vertical-align: middle; line-height: 17px; padding-top: 0px; height: 17px 
} 
.radiusbutt a:link { 
color: #ffffff 
} 
.radiusbutt a:visited { 
color: #ffffff 
} 
.radiusbutt a:hover { 
background: none transparent scroll repeat 0% 0%; color: #000000 
} 
#creativenetwork .shaded { 
padding-right: 3px; padding-left: 3px; background: #f1f3f5; padding-bottom: 3px; padding-top: 3px; border-bottom: #ffffff 2px solid 
} 
#creativenetwork .alignright { 
text-align: right 
} 
#creativenetwork .whitebg { 
background: #ffffff 
} 
#creativenetwork table#forum { 
padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; width: 350px; padding-top: 0px 
} 
.hopframe { 
margin-bottom: 3px; height: 12px 
} 
.hopbox { 
background: url(../../../../../local%20settings/temporary%20internet%20files/images/hops.gif) left top; float: left; margin-right: 10px; height: 12px 
} 
.message_unread { 
font-weight: bold 
} 
.message_unread td { 
font-weight: bold 
} 
.appquestion { 
font-weight: bold 
} 
.appwrongquestion { 
font-weight: bold; color: #ff0000 
} 
.appresultanswer { 
padding-left: 20px 
} 
.appquestdescript { 
padding-left: 20px 
} 
.navbarimg { 
border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; background-color: #5a86b3; border-right-width: 0px 
} 
.icons { 
height: 13px 
} 
.imageborder {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	border: none;
	background-color: #CCCCCC;


} 
table#results { 
margin-bottom: 3px; height: 6px 
} 
table#results .bar { 
background: #c2c2c2 
} 
table#results .background { 
background: #dfdfdf 
} 
.testimonial {
	margin-bottom: 4px;
	padding-bottom: 4px;
	font-style: italic;
	font-weight: bold;
	color: #5a86b3;


} 
#trailimageid { 
z-index: 1000; left: 0px; visibility: hidden; width: 286px; position: absolute; top: 0px; height: 1px 
} 
  dl.coursedisplay
{
margin: 2em 0;
padding: 0;
}

.coursedisplay dt
{
width: 17em;
float: left;
margin: 0 0 0 0;
padding: .7em;
border-top: 1px solid #999;
	text-align: left;

}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.coursedisplay dd
{
float: left;
width: 26em;
margin: 0;
padding: 0.7em;
border-top: 1px solid #999;
	text-align: justify;

}