
img {
	border: 0px; 
	margin:0px;
	}
 
html {
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

body {
	margin:0px;
	padding:0px 0px 10px 0px;
	background: url(top_drop.png) repeat-x #006699;
	text-align:center;
	font-family: Arial, Arial Rounded MT Bold, Verdana, Helvetica, sans-serif;
	color: #000000;
	font-size:11px;
	}
	
table#container {
	margin-left: auto;
	margin-right: auto;
	width:700px;
	}
	
table#container td {
	text-align:left;
	}
	
div#main {
	background-color:#ffffff;
	padding:40px 10px 10px 10px;
	}

td.left_drop {
	width: 10px;
	background-image:url(left_drop.png);
	}
	
td.right_drop {
	width: 10px;
	background-image:url(right_drop.png);
	}
	
td.bottom_drop {
	height: 10px;
	background:url(bottom_drop.png) repeat-x;
	}
	
td.bottom_drop_l {
	width: 10px;
	height: 10px;
	background-image:url(bottom_drop_l.png);
	}
	
td.bottom_drop_r {
	width: 10px;
	height: 10px;
	background-image:url(bottom_drop_r.png);
	}
	
td.top_drop_l {
	width: 10px;
	height: 10px;
	background-image:url(top_drop_l.png);
	}
	
td.top_drop_r {
	width: 10px;
	height: 10px;
	background-image:url(top_drop_r.png);
	}
	
	
/*####################################################################	FONTS ######################*/


h1 {
	font-size: 16px;
	color:#3399FF;
	margin:0px 0px 10px 0px;
	}
	
h2 {
	font-size: 12px;
	color:#FF6600;
	margin:0px 0px 10px 0px;
	}
	
h3 {
	font-size: 11px;
	font-weight:bold;
	color:#000000;
	margin:0px 0px 10px 0px;
	}
	
p {
	font-size: 11px;
	margin:0px 0px 10px 0px;
	}
	
a {
	font-size: 10px;
	text-decoration: none;
	color: #000000;
	}
a:hover {
	color: #FF6600;
	}
	
div.page_text h2 {
	margin-bottom:0px;
	}
div.page_text li {
	margin:0px;
	padding:0px;
	font-size:10px;
	}
	
/*####################################################################	HEADER ######################*/

div#header {
	width:100%;
	/*border:1px solid red;*/
	}
	
/*####################################################################	NAV ######################*/

div#nav table {
	width:100%;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	background:url(nav_bg.png) repeat-y #006699;
	/*border:1px solid red;*/
	}

ul#navlist {
	margin:6px 0px 7px 10px;
	padding:0px;
	}
	
ul#navlist li {
	display: inline;
	list-style-type: none;
	padding: 0px 20px 3px 0px;
	line-height:14px;
	height:14px;
	margin:0px;
	}
	
ul#navlist a {
	font-size:11px;
	color:#3399FF;
	font-weight:bold;
	padding:0px;
	margin:0px;
	}
	
ul#navlist a:hover {
	color:#ffffff;
	}	
	
ul#navlist a.active {
	color:#ffffff;
	}	
	
/*####################################################################	NAV 2 ######################*/
	
table#nav2 {
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	/*border:1px solid red;*/
	}
	
table#nav2 td {
	border-right:1px solid #ffffff;
	height:70px;
	}
	
table#nav2 a {
	display:block;
	height:70px;
	}
	
table#nav2 a#email {
	background:url(email.jpg) no-repeat top left #006699;
	width:169px;
	}
table#nav2 a#forum {
	background:url(forum.jpg) no-repeat top left #006699;
	width:168px;
	}
table#nav2 a#photos {
	background:url(photos.jpg) no-repeat top left #006699;
	width:168px;
	}
table#nav2 a#myspace {
	background:url(myspace.jpg) no-repeat top left #006699;
	width:173px;
	border-right: none;
	}

table#nav2 a#email:hover, table#nav2 a#forum:hover, table#nav2 a#photos:hover, table#nav2 a#myspace:hover{
	background-position: 0 -70px;
	}
	
table#nav2 a#email.active, table#nav2 a#forum.active, table#nav2 a#photos.active, table#nav2 a#myspace.active{
	background-position: 0 -140px;
	}
	
/*####################################################################	SUBNAV ######################*/

ul#subnav {
	margin:0px;
	padding:0px;
	list-style-type:none;
	}

ul#subnav li {
	}
	
ul#subnav li a {
	font-size:11px;
	color:#000;
	padding:0px 0px 0px 00px;
	margin:0px;
	}
	
ul#subnav li a:hover {
	font-weight:bold;
	}	
	
ul#subnav li a.active {
	color:#ffffff;
	}	
	
/*####################################################################	FOOTER ######################*/

div#footer table {
	width:100%;
	background-color:#f0f0f0;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	}

div#footer table td {
	text-align:center;
}

div#footer a, div#footer p {
	margin:0px;
	color:#666666;
	padding:5px;
}

div#footer a:hover {
	color:#000000;
	}
	
/*####################################################################	COLUMNS & CONTENT ######################*/

table#tbl_columns {
	width:660px;
	}
	
table#tbl_columns td {
	vertical-align:top;
	}
	
td#left_col {
	padding-right:10px;
	width: 150px;
	border-right: 1px dashed #cccccc;
	}
	
td#right_col {
	padding-left:10px;
	width: 150px;
	border-left: 1px dashed #cccccc;
	}
	
td#content_col {
	padding-left:10px;
	padding-right:10px;
	}
	
/*####################################################################	HELPDESK ######################*/

table#tbl_helpdesk {
	width:100%;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-top: 1px dashed #cccccc;
	margin-top:10px;
	}

/*####################################################################	FORM STYLES ######################*/

form {
	margin:0px;
	padding:0px;
	}
select,input,textarea {
	margin:0px;
	font-size:10px;
	}
input.button {
	border:1px solid #336699;
	background: #cccccc;
	color: #336699;
	cursor:hand;
	}
p.label {
	margin: 10px 0px 0px 0px;
	}
textarea {
	font-size:11px;
	}
