/* The Six Sides' CSS woot!!1 */

body {
	background: #1F669C url("gb.png") 0 0 repeat-x;
	font-family: Arial, Helvetica, Sans-serif;
	text-align: center;
}
/*To Change the bg color in Body will alo require a change in bg color in wrap.png & #bwrap element */

a:link, #hsec a:link{ color: #1f669c;text-decoration: underline;}
a:active{text-decoration:none;}
a:visited{ color: #1f669c;}
a:hover{ color:#B5313A; text-decoration:none;}

/*~~~~~~~~~~~~~~~~ Top Tabs und stoof ~~~~~~~~~~~~~~~~*/

#wrapper {
	margin: 0px auto;
	width: 796px;
}
#tabs {
	width: 796px;
	height: 119px;
	font-size:14px;
	background: url("tban.png") no-repeat;
	background-color: transparent;
	font-family: Arial, Helvetica, Sans-serif;
}
#tabs ul {
	margin:0px;
	padding:22px 10px 0px 50px;
	list-style:none;
}
#tabs li {
	display: inline;
	margin:0px;
	padding:0px;
}
#tabs a {
	float:right;
	margin:0px;
	padding:5px 15px 0px 10px;
	text-decoration:none;
	display: block;
	background:url("tabright.png") no-repeat right top;
	color:#010205;
}
#tabs a:hover {
	color:#2438AB;
	text-decoration: underline;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~ CONTENT STUFF ~~~~~~~~~~~~~~~~~~~~~~~~~*/

#twrap {
	background: #1f669c url("wrap.png") no-repeat top center;
	padding: 0px 0px 0px 0px;
	height: 12px;
}
#content {
	background: url("cbordr.png") repeat-y ;
	background-color: transparent;
	text-align:left;
	height: auto;
	padding: 0px 0px 0px 0px;
}

#content li{
	margin-left:40px;
	}

#uparrow {
	text-align: center;
	margin: 5px 0px 5px 335px;
	background:url("arrow.png") no-repeat center;
	height: 45px;
	width: 135px;
}

#uparrow a{
	color: #e9e8e8;
	}

#uparrow img{
	color: #e9e8e8;
	}

#uparrow:hover {
	background:url("uparrow.png") no-repeat center;
}

#ytbox{
	height: 361px;
	width: 643px;
	margin: 10px 0px 10px 60px;
	font-size:14px;
	font-family: Arial, Helvetica, Sans-serif;
	border: 2px dotted #FF3333;
	}
	
#ytbox object{
	vertical-align: middle;
	float: left;
	padding: 3px 4px 2px 3px;
	}

#ytbox p{
	padding: 3px 3px 0px 0px;
	margin-left: 432px;
	}
#
/*_________________________Comic Box________________________*/	

#comicbox{
	width: auto;
	height: auto;
	}
	
#comicbox img{
	padding: 6px 3px 8px 3px;
	display: block;
    margin-left: auto;
    margin-right: auto
	}
	
#comicnav{
	width: auto;
	height: 16px;	
	margin-left: 180px;
	font-size: 16px;
	height: 16px;
	padding: 0 0 20px 0;
	}
	
#comicnav ul {
	margin:0px;
	padding: 0 20px 20px 20px;
	list-style: none;
}

#comicnav li{
	margin: 0px;
	display: inline;
	padding:0px;
	}

#comicnav a{
	float: left;
	text-align: center;
	padding: 0 20px 3px 20px;
	text-decoration:none;
	display: block;
	color:#010205;
	}

#comicnav a:hover{
	border: 1px #1F669C dashed;
	color: #2438AB;
	}

#comic-head{
	background: url(head.png) no-repeat;
	margin-left:243px;
	height: 49px;
	width: 309px;
	}
	
/* ------------------Home Secitons --------*/
	
#Hsec{
	height:auto;
	width:700px;
	margin: 20px 50px 20px 50px;
	}	
	
#Hsec ul{
	margin:0px;
	padding: 2px 0 2px 0;
	list-style: none;
}

#Hsec li{
	display: inline;
	margin:0px;
	padding:0px;
	}
	
#Hsec p{
	color: #010205;
}

/*____________________Content Sections______________________*/ 

#sections{
	height: auto;
	width:auto;
	margin: 10px 0 10px 0;
	text-align:center;
	}	
#sections ul{
	margin:0px;
	padding: 0px 3px 0px 3px;
	list-style: none;
}
#sections li{
	display: inline;
	margin:0px;
	padding:0px;
	}	
#sections a{
	color:#1F669C;
}

#sections a:hover, #sections p:hover{
	color:#2438AB;
	}
/* ~~~~~~~~~~~~~~~~~| Algorithm BOXES |~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#ralgo {
	overflow: hidden;
	width: 200px;
	height: 140px;
	margin: 8px 0 5px 150px;
	border: 1px solid;
	font-family: Arial, Helvetica, Sans-serif;
	border-color: #990000 #ff6666 #ff6666  #990000;
}

#ralgo2 {
	overflow: hidden;
	width: 200px;
	height: 140px;
	margin: -147px 0 5px 450px;
	border: 1px solid;
	font-family: Arial, Helvetica, Sans-serif;
	border-color: #990000 #ff6666 #ff6666  #990000;
}
#ralgo:hover, #ralgo2:hover  {
	border-color: #ff6666 #990000 #990000 #ff6666;
}

#ralgo img, #ralgo2 img{
	text-align: center;
	padding:  3px 0 3px 0 ;
	margin-left: 50px;
}

#ralgo p, #ralgo2 p{
	text-align: center;
	font-size: 14px;
	padding: 0 0 3px 0;
}


#balgo {
	overflow: hidden;
	width: 450px;
	height: 106px;
	margin: 5px 0px 5px 106px;
	border: 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	border-color: #000099 #9999FF #9999FF #000099;
}

#balgo:hover {
	border-color:  #9999FF #000099 #000099 #9999FF ;
}

#balgo img{
	float: left;
	padding: 3px 2px 2px 3px;
}

#balgo p {
	padding: 3px 0px 0px 0px;
}

#bwrap {
	background:#1F669C url("bwrap.png") no-repeat center top;
	padding: 0px 0px 9px 0px;
	height: 12px;
}
/* ~~~~~~~~~~~~~~~~~~ bOttoM taBs & gRAphiCs ~~~~~~~~~~~~~~~ */
	
#btabs {
	width: 796px;
	height: 62px;
	background: url("bban2.png") no-repeat;
	font-size:14px;
	font-family: Arial, Helvetica, Sans-serif;
}
#btabs ul {
	margin:0px;
	padding: 15px 10px 0px 50px;
	list-style:none;
}
#btabs li {
	display: inline;
	margin:0px;
	padding:0px;
}
#btabs a {
	float:left;
	margin:0px;
	padding: 5px 15px 5px 10px;
	text-decoration:none;
	display:block;
	background:url("tabright.png") no-repeat right top;
	color:#010205;
}
#btabs a:hover {
	color:#2438AB;
	text-decoration: underline;
}
/*~~~~~~~~~~~~~~~~~~~~~ Text n' Stuff~~~~~~~~~~~~~~~~*/

.normal, #balgo, #ralgo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #010205;
}

.normal, .blue, .red, .btable, .rtable{
	margin: 4px 12px 4px 12px;
	line-height: 18px
	}

.pagetitle {
	letter-spacing: 1px;
	font-size: 24px;
	color: #010205;
	text-decoration: underline;
	text-transform: capitalize;
	text-align: center;
	font-family: Arial, Helvetica, Sans-serif;
}
.smalltitle {
	font-family: Arial,  Helvetica, Sans-serif;
	font-size: 16px;
	color: #010205;
	text-decoration: underline;
	text-align: center;
}

.smallertitle{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 10px;
	height: 14px;
	color: #010205;
	text-decoration: none;
	text-align: center;
	}
.smallertitle:hover{
	font-size: 14px;
	}

.boxtitle {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 14px;
	color: #010205;
	padding-top:5px;
	text-decoration: underline;
}