﻿/*Style sheet copyright Chris Muten, 2011*/

body {background: url(Images/Paper_1.jpg)}

h1 {
	font:80px "Cooper", "sans-serif";
	font:60px "Arial";
	font:60px "Arial Black", "Helvetica Bold", sans-serif;
	color:#323167;
	font-weight: none;
	letter-spacing:.3em;
	line-height: 0.5%;
	text-align:center;
	text-shadow: 2px 4px 1px rgba(255, 0, 0, 1);
	padding: 0px 0px 2px 0px; /* top right bottom left */
	}
h2 {
	font:22px "Arial";
	color:#323167;
	font-weight: none;
	/*letter-spacing:.4em;*/
	text-align:left;
	line-height: 0.5%;
	padding-top: 3px;
	padding-bottom: 0px;
	/*border-bottom: 1px solid #999;*/
	white-space:normal;
	text-align:center;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(255, 0, 0, 1);
	}

h3 {
	font:16px "Arial";
	color:navy;
	font-weight: normal;
	letter-spacing:normal;
	text-align:center;
	text-align:left;
	text-decoration: none;
	line-height: 0.8%;
	padding-top:0px;
	padding-bottom: 8px;
	margin-bottom: 0px;
	border-bottom: 1px solid #323167;
	border-bottom: none;
	}

h4 {
	font:20px "Arial Black";
	color:#fff;
	font-weight: bold;
	letter-spacing: normal;
	text-align:left;
	line-height: 0.9%;
	}

h5 {
	font:12px "Arial Black", "Helvetica Bold", sans-serif;	
	color:navy;
	font-weight:normal;
	letter-spacing:normal;
	text-align:left;
	line-height:0.1%;
	padding-top:1em
	}

/* ---[ Header ]----------------------------------- */

#banner {
	/*background: url(Images/Banner_2.jpg) no-repeat;*/
	background:#e8e3e3;
	white-space:normal;
	padding: 0px 0px 18px 60px; /* top right bottom left */
	text-align:center;
	width:790px;
	margin:auto;
	position:absolute;
	top:10px;
	left:80px;
	border-left: 1px solid #323167;
	border-right: 1px solid #323167;
	border-top: 1px solid #323167;
	border-bottom: 1px solid #323167;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
	}

#head_name {
	white-space:normal;
	padding: 5px 0px 10px 0px; /* top right bottom left */
	text-align:left;
	width:500px;
	margin:auto;
	position:absolute;
	top:5px;
	left:20px;
	}

#phark	{
	text-indent: -1000px;
	}

#sub_head {
	font: 20px arial, sans-serif;
	white-space:normal;
	padding: 0px;
	text-align:center;
	width:790px;
	margin:auto;
	position:absolute;
	top:60px;
	left:550px;
	width:400px;
	border: none;
	}


/* ---[ header tabs ]----------------------------------- */

#htabs {
	position:absolute;	
	top:10px;	
	left:80px;
	text-align:center;
	width:auto;
	margin: 0 1px 0px 0px;
	}

#htabs li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	}

#htabs a {                  /*individual link tabs*/
	font: 40px/140% verdana, sans-serif;
	width:80px;
	background:#a499ff;
	/*background:#88aacf;*/
	/*background:#91A6CF;*/
	border: none;
	font-weight: none;
	float: left;
	margin: 1px 0px 1px 0px; /*space around tab*/
	padding: 1px 7px 1px 3px; /* top right bottom left space inside tab*/
	border-left: 2px solid #323167;
	border-top: 2px solid #323167;
	border-right: 2px solid #323167;
	border-bottom: 2px solid #323167;
	font:80px "Cooper", "sans-serif";
	font:60px "Arial";
	font:60px "Arial Black", "Helvetica Bold", sans-serif;
	color:#323167;
	font-weight: none;
	/*letter-spacing:.3em;*/
	/*line-height: 0.5%;*/
	text-align:center;
	text-shadow: 2px 4px 1px rgba(255, 0, 0, 1);

	-webkit-border-radius: 90px;
	-moz-border-radius: 90px;
	border-radius: 90px;
	}

#htabs a:hover {
	text-decoration:none;
	}

/* ---[ tabs ]----------------------------------- */

#tabs {
	position:absolute;	
	top:120px;	
	left:80px;
	text-align:center;
	width:auto;
	margin: 0 1px 0px 0px;
	}

#tabs li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	}

#tabs a {                  /*individual link tabs*/
	font: 14px/140% verdana, sans-serif;
	width:130px;
	background:#a499ff;
	background:#88aacf;
	background:#91A6CF;
	border: none;
	font-weight: none;
	float: left;
	margin: 1px 0px 1px 0px; /*space around tab*/
	padding: 5px 7px 4px 3px; /* top right bottom left space inside tab*/
	border-left: 1px solid #323167;
	border-top: 1px solid #323167;
	border-right: 1px solid #323167;
	border-bottom: 1px solid #323167;
	text-decoration:none;
	color: #000000;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	 border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	}

#tabs a:visited {
	color: #000; /*            colour of tabs font  */
	text-decoration: none;
	}

#tabs a:active {
	border-bottom: 4px solid #red;
	padding-bottom: 0px;
	background:#323167; /* BLUE */
	}

#tabs a:selected {
	background:#1112e8;
	color:#323167; /* BLUE */
	text-decoration: underline;
	border-bottom: 4px solid #969;
	}

#tabs a:hover {
	background:white;
	background:#e8e3e3;
	color: grey;
	border: 1px solid #323167;
	text-decoration: underline;
	}

body#home #home_tab,
body#tron #tron_tab,
body#tric #tric_tab,
body#webs #webs_tab,
body#anas #anas_tab,
body#gasc #gasc_tab,
body#cont #cont_tab
	{
	color: #000; /* text colour */
	background: #fff;
	border-color: #323167; /* GREY BLUE */
	text-decoration:underline;
	border-bottom: none;
	padding-bottom: 5px;
	}


/* ---[ content ]----------------------------------- */

#content {
	font: 12px/140% verdana, sans-serif, arial;
	background:#fff;
	white-space:normal;
	color:#000;
	padding: 8px 20px 20px 20px;
	text-align:left;
	width:810px;
	height:300px;
	margin:auto;
	position:absolute;
	top:152px;
	left:80px;
	border-left: 1px solid #323167;
	border-right: 1px solid #323167;
	border-top: 0px solid #323167;
	border-bottom: 1px solid #323167;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;
	}

abbr, acronym {
	border-bottom: 1px dotted;
	cursor: help;
	}


/* ---[ footer ]----------------------------------- */

#footer {
	font: 9px "arial", sans-serif;
	background:#fff5e8;
	background:#e8e3e3;
	white-space:normal;
	color:#323167;
	text-align:center;
	width:850px;
	margin:auto;
	position:absolute;
	top:490px;
	left:80px;
	padding: 0px;
	margin: 0px;
	border-left: 1px solid #323167;
	border-right: 1px solid #323167;
	border-top: 1px solid #323167;
	border-bottom: 1px solid #323167;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}

.copy   {
	color:#323167;
	font-size:9px;
	}

.copy_p {
	display:none
	}

.checked {
	border:0;
	list-style:none;
	}

#footer p {
	margin: 10px;
	padding: 0px;
	}
/*
#footer a {
	color: #323167;
	border-bottom-color: #333;
	}

#footer a:hover {
	color: #111;
	}
*/
#cont_fl {
	font: 12px "arial", sans-serif;
	background:#e8e3e3;
	white-space:normal;
	color:#323167;
	text-align:left;
	width:200px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:492px;
	left:100px
	}

#cont_fr {
	font: 12px "arial", sans-serif;
	background:#e8e3e3;
	white-space:normal;
	color:#323167;
	text-align:left;
	width:200px;
	margin:0px;
	position:absolute;
	top:492px;
	left:700px
	}

/*-----------------------------------*/

.imgright {
	float:right;
	padding:0px; 
	margin:0px
	}

.imgleft {
	float:left;
	padding:0px;
	margin:0px
	}

.imgcent {
	float:center;
	padding:0px; 
	margin:0px 0px 0px 50px; /* top right bottom left */
	}

.clear{
	clear:both
	}

.btt {
	color:#918;
	font-size:12px;
	position:relative;
	}

a:link {
	font-weight:normal;
	color:#000;
	text-decoration:none;
	}

a:visited {
	font-weight:normal;
	color:#900;
	/*background-color: #ddd;*/
	text-decoration:none;
	}

a:hover {
	font-weight:normal;
	color:red;
	text-decoration:underline;
	}

cite {
	font-style: italic;
	fontweight: bold;
	color: red;
	color:#white;
	background-color: #ddd;
	}


