/* Purdue Kuk Sool Won CSS Document */

body{
	background-color:#9D0C0C;
	padding:0px;
	margin: 0px; 
}
a img {
	border: none; 
}
a:visited {
	color: #0000FF;	
}

div#shell{
	position:relative;
	width:736px;
	height:1000px;
	margin:0px auto auto auto;
	background-color:#9D0C0C;
	background-repeat:no-repeat;
}
div#leftShadow{
	float:left;
	position:relative;
	width:53px;
	height:1000px;
	margin:0px 0px auto 0px;
	background-image:url(images/shadows.jpg);
	background-repeat:repeat-y;
}
div#rightShadow{
	float:left;
	position:relative;
	width:53px;
	height:1000px;
	margin:0px 0px auto 0px;
	background-image:url(images/shadows2.jpg);
	background-repeat:repeat-y;
}
div#container{
	float:left;
	position:relative;
	width:630px;
	height:1000px;
	margin:0px 0px auto 0px;
	background-color:#FFFFFF;
}
div#navContainer{
	position:relative;
	width:600px;
	height:102px;
	margin:15px auto auto 15px;
}

/*positioning for inside the container*/

div#title{
	float:left;
	position:relative;
	width:356px;
	height:26px;
	margin:10px auto auto 14px;
}
div#homeShell{
	float:right;
	position:relative;
	width:47px;
	height:17px;
	margin:20px 0px auto auto;
}
div#navDiv{
	float:right;
	position:relative;
	width:7px;
	height:21px;
	margin:18px 0px auto 8px;
	background-image:url(images/top_rule.jpg);
	background-repeat:no-repeat;
}
div#contactShell{
	float:right;
	position:relative;
	width:67px;
	height:18px;
	margin:21px 15px auto 6px;
}
div#bigPic{
	position:relative;
	width:600px;
	height:229px;
	margin:45px auto auto 15px;
	background-image:url(images/big_pic.jpg);
	background-repeat:no-repeat;
}
div#howTo{
	position:relative;
	width:600px;
	height:453px;
	margin:45px auto auto 15px;
	background-image:url(images/howTo_big.jpg);
	background-repeat:no-repeat;
	border:1px solid #000000;
}
div#box1{
	float:left;
	position:relative;
	width:192px;
	height:102px;
	margin:0px auto auto 0px;
}
div#box2{
	float:left;
	position:relative;
	width:192px;
	height:102px;
	margin:0px auto auto 12px;
}
div#box3{
	float:left;
	position:relative;
	width:192px;
	height:102px;
	margin:0px auto auto 12px;
}
div#boxRule{
	clear:all;
	position:relative;
	width:603px;
	height:3px;
	margin:15px auto 0px 14px;
	background-image:url(images/box_rule.jpg);
	background-repeat:no-repeat;
	padding:0px;
}
div#boxRule2{
	clear:all;
	position:relative;
	width:603px;
	height:3px;
	margin:15px auto 0px 14px;
	background-image:url(images/box_rule.jpg);
	background-repeat:no-repeat;
}
div#vRule{
	float:left;
	position:relative;
	width:4px;
	height:345px;
	margin:6px auto auto 15px;
	background-image:url(images/v_rule.jpg);
	background-repeat:no-repeat;
}
div#copyrightContainer{
	float:right;
	width:250px;
	height:15px;
	margin:8px 14px auto auto;
}
div#copyright{
	float:right;
	width:150px;
	height:15px;
	margin:0px 5px auto auto;
}
p#cRight{
	float:right;
	font-size:8px;
	font-family:Verdana;
	text-decoration: none;
	margin:2px 0px auto auto;
	color: #6A1818;
}
div#firefox{
	float:right;
	position:relative;
	width:80px;
	height:15px;
	margin:0px 0px auto auto;
}
a#fire{
	border:0px;
}
div#spread{
	position:relative;
	width:600px;
	height:453px;
	margin:45px auto auto 15px;
	background-image:url(images/spread.jpg);
	background-repeat:no-repeat;
}
div#contentContainer{
	position:relative;
	width:600px;
	height:355px;
	margin:12px auto 0px 15px;
	padding:0px;
}

/* Links container */
div#linksContainer{
	float:left;
	position:relative;
	width:172px;
	height:355px;
	margin:0px auto auto 0px;
}
div#linkTitle{
	position:relative;
	width:139px;
	height:63px;
	margin:0px auto 15px 0px;
	background-image:url(images/links_title.jpg);
	background-repeat:no-repeat;
}
a#topLink{
	font-size:11px;
	font-family:times;
	text-decoration: none;
	color: #6A1818;
	margin:0px auto auto 10px;
}
a.link{
	font-size:11px;
	font-family:times;
	text-decoration: none;
	color: #6A1818;
	margin:10px auto auto 10px;
}
p#linkInfo{
	font-size:11px;
	font-family:times;
	text-decoration: none;
	line-height: 10.3pt;
	color: #6A1818;
	margin:38px auto 0px 10px;
}

/* Verbage conatiner */
div#verbContainer{
	float:left;
	position:relative;
	width:395px;
	height:345px;
	margin:6px auto auto 14px;
}
div#verbTitle{
	position:relative;
	width:392px;
	height:23px;
	margin:4px auto auto 0px;
	background-image:url(images/think_title.jpg);
	background-repeat:no-repeat;
}
img#darwin{
	position:relative;
	width:142px;
	height:187px;
	margin:55px auto auto 124px;
}
div#textContainer{
	float:left;
	position:relative;
	width:187px;
	height:305px;
	margin:10px auto auto 0px;
}
div#textContainer2{
	float:left;
	position:relative;
	width:187px;
	height:305px;
	margin:10px auto auto 15px;
}
p#verbText{
	text-align:justify;
	font-size:9.5px;
	font-family:Verdana;
	text-decoration: none;
	color: #6A1818;
	line-height: 10pt;
	margin:0px;
	padding:0px;
}

/* How To verbage */

div#step1{
	position:relative;
	width:227px;
	height:20px;
	margin:100px auto auto 75px;
}
div#step2{
	position:relative;
	width:227px;
	height:50px;
	margin:35px auto auto 75px;
}
div#step3{
	position:relative;
	width:227px;
	height:50px;
	margin:18px auto auto 75px;
}
div#step4{
	position:relative;
	width:227px;
	height:50px;
	margin:17px auto auto 75px;
}
div#step5{
	position:relative;
	width:227px;
	height:15px;
	margin:26px auto auto 75px;
}
div#note{
	position:relative;
	width:200px;
	height:50px;
	letter-spacing:0.5pt;
	margin:5px auto auto 75px;
}
p#howText{
	font-size:9.5px;
	font-family:Verdana;
	text-decoration: none;
	color: #6A1818;
}
p#noteText{
	font-size:9.5px;
	font-family:Times;
	text-decoration: none;
	color: #6A1818;
}
