﻿
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
basic page styles - background color, default font colors, default link colors
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body, div, h1, h2, h3, h4, h5, h6, p, blockquote, img {margin:0;padding:0;border:0;}

body {
	font-family:"Comic Sans MS";
	font-size:13px;
	background-color:#c6ecff;
}

a:link {color:#ffff00;text-decoration:none;}
a:visited {color:#ffff00;text-decoration:none;}
a:hover {color:#ffff00;text-decoration:underline;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
wrap - all content inside the page will go into this wrapper
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#wrap {
	margin:0 auto;
	width:950px;
	text-align:center;
	background-image:url(images/wrap-bg.gif);
	background-repeat:no-repeat;
	background-color:#66ccff;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
header styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#header {
	padding-left:230px;
	padding-top:120px;
	height:100px;
	text-align:center;
}

#header h1 {
	padding-right:100px;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
toplinks - the following is for line of links at the top of the page
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#toplinks {
	margin-top:20px;
	margin-bottom:30px;
	font-size:24px;
	font-weight:bold;
	font-style:italic;
}

#toplinks ul {margin-top:0;padding:0;}

#toplinks li {
	padding:0 10px;
	list-style-type:none;
	display:inline;
}

#toplinks li a {text-decoration:underline;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
left sidebar
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#leftside {
	float:left;
	margin-left:10px;
	margin-right:20px;
	margin-top:60px;
	width:180px;
}

#leftside .block {margin-bottom:20px;}

#leftside p {margin: 5px 0;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
middle content
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#middle {
	margin:0 5px;
	width:510px;
	float:left;
	text-align:left;
}

#middle .top {
	height:54px;
	background-image:url(images/middle-column-top.gif);
	background-repeat:no-repeat;
}

#middle .top p {
	padding-top:6px;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#53c7ff;
}

#middle .content {margin:10px 0;}

#middle .center {text-align:center;padding:10px 0;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
right sidebar
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#rightside {
	float:left;
	margin-right:10px;
	margin-top:60px;
	margin-left:15px;
	width:180px;
}

#rightside p {margin: 5px 0;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
footer styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#footer {	
	clear:left;
	margin-top:40px;
	width:700px;
}

#legal {font-size:12px;}

#copy {
	padding-top:20px;
	padding-bottom:40px;
	font-size:16px;
	font-weight:bold;
}

		