@charset "utf-8";
/* CSS Document */


body {
background-color: #ffffff;
margin: 0; 
padding: 0;
height:100%;
}

.arrowsize {
font-size:24px;

}
.xb1, .xb2, .xb3, .xb4 {
	display:block;
	overflow:hidden;
}
.xb1, .xb2, .xb3 {
	height:1px;
}
.xb2, .xb3, .xb4 {
	background:#fff;
	border-left:1px solid #444;
	border-right:1px solid #444;
}
.xb1 {
	margin:0 5px;
	background:#444;
}
.xb2 {
	margin:0 3px;
	border-width:0 2px;
}
.xb3 {
	margin:0 2px;
}
.xb4 {
	height:2px;
	margin:0 1px;
}

/* pagewrappers */
.TopLinkPageWrap {
	background: transparent;
	width:200px;
	float:left;
	margin: 1px;
	clear: both;
	padding-left: 750px;
}
.LogoPageWrap {
	background: transparent;
	width:200px;
	float:left;
	margin: 1px;
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.PageWrapper {
	background: transparent;
	width:900px;
	float:left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;

}
.PictureWrapper {
	background: transparent;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-color: transparent;

}
.javaWrapper {
	background: transparent;
	float:right;
	height:auto;
	
}
.TextWrapper {
	background: transparent;
	width:900px;
	float:left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;

}
.MainPageWrapper {
	background: transparent;
	width:1000px;
	height:400px;
	float:left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	
}
	/*main body divide*/
.MainBodyCSS {
	background: transparent;
	width:900px;
	height:auto;
	float:left;
	clear: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 100px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
}
/* curly box */


.xCurledHead {
	width:900px;
	float:none;
	margin: 1px;
	clear: both;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 100px;
	top: 0px;
	height: 110px;
	
}

.xtop, .xbottom {
	display:block;
	background:transparent;
	font-size:1px;
}

.xboxcontent {
	display:block;
	border:0 solid #444;
	border-width:0 1px;
	background-image: url(../defaultpictures/gradient_5x500down.gif);
	background-repeat: repeat-x;
	padding: 2px;
	}
.xboxcontentup {
	display:block;
	border:0 solid #444;
	border-width:0 1px;
	background-image: url(../defaultpictures/gradient_5x500.gif);
	background-repeat: repeat-x;
	padding: 2px;
	}
.xxboxcontent {
	display:block;
	border:0 solid #444;
	border-width:0 1px;
	height:auto;
	vertical-align: top;
	background-color: #ffffff;
}
/* curly box hyperlinks*/


.xxCurledHead {
	width:605px;
	float:none;
	clear: both;
	top: 0px;
	padding: 1px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 35px;
	
}

.xxxCurledHead {
	width:900px;
	float:none;
	margin: 1px;
	clear: both;
	top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 100px;
	height: 30px;
	
}

/* Mini box 325 wide*/
.xsnazzymini h1, .zsnazzymini h1 {
	margin:0;
	font-size:1.2em;
	padding:0 2px 3px 2px;
	border-bottom:1px solid #444;
}
.xsnazzymini p, .zsnazzymini p {
	margin:0;
	
	
}


.xsnazzymini {
	width:335px;
	float:left;
	padding: 0px;
	margin-top: 13px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	clear: left;
}
/* Mini box 325 end*/

/* Mini box 600 wide*/


.xsnazzymini600 p {
	margin:0;
}

.xsnazzymini600 {
	width:650px;
	float:left;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	clear: left;
}
/* Mini box 325 end*/
/* Mini box 265 wide*/

.xmini p {
	margin:0;
}

.xmini {
	background: transparent;
	width:215px;
	margin: 5px;
	float: left;
}


.xFullPageCurly {
	width:900px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 2.5px;
	margin-left: 0px;
	clear: both;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	
}


/* END curly box full page length*/
.color_a {
	background:#d3e7e8;
	color:#fff;
}
.color_b {
	background:#d3e7e8;
	color:#ffffff;
}
.color_c {
	background:#e2eff0;
	color:#fff;
}
.color_d {
	background:#3A6854;
	color:#ff6600;
}
.color_e {
	background:#ffffff;
	color:#ff6600;
}
.floatleft
{
float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.floatRight
{
float: right;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
}
/* table border controls */

table.calendar {
	border-width: 5px 5px 5px 5px;
	border-spacing: 2px;
	border-style: none none none none;
	border-color: black black black black;
	border-collapse: separate;
	
}
table.calendar th {
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	-moz-border-radius: 9px 9px 9px 9px;
}
table.calendar td {
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	-moz-border-radius: 9px 9px 9px 9px;
}

table.msql{
	border-width: 3px 3px 3px 3px;
	border-spacing: 2px;
	border-style: dotted dotted dotted dotted;
	border-color: black black black black;
	border-collapse: separate;
	
}
table.msql th {
	border-width: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
	border-style: inset inset inset inset;
	border-color: black black black black;
	
	-moz-border-radius: 3px 3px 3px 3px;
}
table.mysql td {
	border-width: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
	border-style: inset inset inset inset;
	border-color: black black black black;
	
	-moz-border-radius: 3px 3px 3px 3px;
}
table.hc {
	border-width: 1px 1px 1px 1px;
	border-spacing: 1px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	border-collapse: separate;
}
table.hc th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: dotted dotted dotted dotted;
	border-color: gray gray gray gray;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.hc td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: dotted dotted dotted dotted;
	border-color: gray gray gray gray;
	-moz-border-radius: 0px 0px 0px 0px;
}
/* <table class="calendar">
<tr>
	<th>Header</th>
	<td>Content</td>
</tr>
</table>
 */


  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}