/* css style for the communications website */
/* Dominic Jarville */

/* general - not set by div will be overulled by any following code - not in own div just a generic */

#orange			{ font-color: #FF9933;}
img.left  		{ float: left; margin: 0 10px 10px 0; }
img.right 		{ float: right; margin: 0 0 10px 10px; }
body  			{ margin:0px; 
			  background-color: #fff; font-weight:normal; font-color: #090909;
			  font-size: 0.9em; font-family: tahoma, verdana, arial, sans-serif; font-color
			  height: 100%;}
a       		{ font-weight: bold; text-decoration: none; }
a:hover      		{ color: #ff9933; font-weight: bold; text-decoration: underline; }

ul li, ol li 		{ border-bottom: 1px square #C0C0C0; padding-bottom: 10px; }

/* head - this section refers to header content */
#head 			{ left: 0px; top: 0%; width: 100%; position: fixed; height: 10%;
			  padding: 0px 0px 0px 0px;
			  margin: 0px 0px 0px 0px;}
#head table		{ padding: 0px 0px 0px 0px;
			  margin: 0px 0px 0px 0px;
			  border-spacing: 0px 0px 0px 0px;
			  border: 0px 0px 0px 0px;
			  display: inline-table; width: 100%;}
#head td		{ padding: 0px 0px 0px 0px;
			  margin: 0px 0px 0px 0px;
			  spacing: 0px 0px 0px 0px;
			  border: 0px 0px 0px 0px;}
			  
#head img		{ padding: 0px 0px 0px 0px;
			  spacing: 0px 0px 0px 0px;
			  border-width: none;
			  border: 0px 0px 0px 0px;
			  }
			


/* content - this section refers to main site content */
#content h1  		{ color: white; border-width: 2px; border-style: solid; border-color: Orange; background-color: blue; text-indent:2px;
			  font-size: 1.2em; font-family: tahoma, verdana, arial, sans-serif;
			  font-weight: normal; }
#content h2  		{ color: blue;
			  font-size: 1em; font-family: tahoma, verdana, arial, sans-serif;
			  font-weight: bold;}
#content 		{left: 25%; top: 18%; position:  fixed; overflow: scroll;
			  width: 48%; background-color: #fff; 
			  padding-top: 0px ; padding-bottom: 0px;
			  padding-left: 4px ; padding-right: 4px;
			  border-left:3px solid; border-left-color:#ff9933;
			  border-bottom:0px solid; border-bottom-color: #ff9933;
			  border-right:3px solid; border-right-color: #ff9933;
			  border-top:0px; font-color: #090909;
			  min-height: 80%; height: 80%}
#content a       	{ color: blue; font-weight: bold; text-decoration: none; }
#content a:hover	{ color: orange; font-weight: bold; text-decoration: none; }
#content ol li 		{ border-bottom: 1px; numeric: #C0C0C0; padding-bottom: 5px; }
#content ul li 		{ border-bottom: 10px; numeric: #C0C0C0; padding-bottom: 5px; 
			  text-align: left;
			  padding-top:-4px; padding-bottom: 4px;
			  list-style: numeric; line-height: 1.1em; margin-bottom: 0px; }
/* conten2 - this section refers to main site content */
#content2 h1  		{ color: white; border-width: 2px; border-style: solid; border-color: Orange; background-color: blue; text-indent:2px;
			  font-size: 1.2em; font-family: tahoma, verdana, arial, sans-serif;
			  font-weight: normal; }
#content2 h2  		{ color: blue;
			  font-size: 1em; font-family: tahoma, verdana, arial, sans-serif;
			  font-weight: bold;}
#content2 		{left: 25%; top: 18%; position:  fixed; overflow: scroll;
			  width: 72%; background-color: #fff; 
			  padding-top: 0px ; padding-bottom: 0px;
			  padding-left: 4px ; padding-right: 0px;
			  border-left:3px solid; border-left-color:#ff9933;
			  border-bottom:0px solid; border-bottom-color: #ff9933;
			  border-right:3px solid; border-right-color: #ff9933;
			  border-top:0px; font-color: #090909;
			  min-height: 80%; height: 80%}
#content2 a       	{ color: blue; font-weight: bold; text-decoration: none; }
#content2 a:hover	{ color: orange; font-weight: bold; text-decoration: none; }
#content2 ol li 		{ border-bottom: 1px; numeric: #C0C0C0; padding-bottom: 5px; }
#content2 ul li 		{ border-bottom: 10px; numeric: #C0C0C0; padding-bottom: 5px; 
			  text-align: left;
			  padding-top:-4px; padding-bottom: 4px;
			  list-style: numeric; line-height: 1.1em; margin-bottom: 0px; }			
			  
#test 	{ border-bottom: 10px; numeric; #C0C0C0; padding-bottom: 0px; 
			  text-indent: 10px; text-align: left;
			  padding-top:-4px; padding-bottom: 4px;
			  list-style: numeric; line-height: 1.1em; margin-bottom: 0px; }
			  
/* The class's to alter the appearence of the announcment div */			  
.aheader {color: white; border-width: 2px; border-style: solid; border-color: Orange; background-color: blue;}
.acell	{color: white; background-color: #7d99e2;}		  		  
.atable	{color: white; background-color: #7d99e2; border-width: 2px; border-style: solid; border-color: Orange; width: 100%}		  		  
.abutton {color: white; border-width: 2px; border-style: solid; border-color: Orange; background-color: blue;}

.tablepad { padding-bottom:10px;}

/* The classes to alter the appearence of the content div */
.cheader {color: white; border-width: 2px; border-style: solid; border-color: Orange; background-color: blue;}
.ccell	{color: black; background-color: skyblue;}		  		  
.ctable	{color: black; background-color: white; border-width: 2px; border-style: solid; border-color: Orange; width: 95%}		  		  
.cbutton {color: white; border-width: 2px; border-style: solid; border-color: Orange; background-color: blue;}

/* The classes to alter the appearence of the content div */
.altcheader {color: Red; border-width: 2px; font-weight: bold; border-style: solid; border-color: Black; background-color: white;}
.altccell	{color: black; background-color: skyblue;}		  		  
.altctable	{color: black; background-color: white; border-width: 2px; border-style: solid; border-color: Orange; width: 95%}		  		  
.altcbutton {color: white; border-width: 2px; border-style: solid; border-color: Orange; background-color: blue;}

/* The classes to alter the appearence of the content div */
.fheader {color: white; border-width: 2px; border-style: solid; border-color: Orange; background-color: blue;}
.fcell	{color: black; background-color: skyblue;}		  		  
.ftable	{color: black; background-color: white; border-width: 2px; border-style: solid; border-color: Orange; width: 95%}		  		  
.fbutton {color: white; border-width: 2px; border-style: solid; border-color: Orange; background-color: blue;}

/*The classes to alter the appearence of the message box */
.errHeader {color: white; border-width: 2px; border-style: solid; border-color: red; background-color: blue;}
.errTable { width: 95%; color: red; background-color: white; border-width: 2px; border-style: solid; border-color: orange;}
.errCell { font-weight: bold;}

/*The classes to alter the appearence of the message box */
.successHeader {color: white; border-width: 2px; border-style: solid; border-color: green; background-color: blue;}
.successTable { width: 95%; color: green; background-color: white; border-width: 2px; border-style: solid; border-color: green;}
.successCell { font-weight: bold;}

/*This is the class for the error messsages */ 
.message {color: Red;}

/* navlink - this section refers to navigation  */
#navlink h1  		{border-width: 2px; border-style: solid; border-color: Orange; color: white; background-color: blue; text-indent:2px;
			  font-size: 1.2em; font-family: verdana, tahoma, arial, sans-serif; font-weight: normal;}
#navlink		{ width: 25%; top: 18%; left: 0%; position: fixed;
			  margin-left: 0px; 
			  background-color: #fff;
			  padding-top: 0px ; padding-bottom: 0px;
			  padding-left: 2px ; padding-right: 2px;
			  border-left:0px solid; border-left-color: #ff9933;
			  border-bottom:0px solid; border-bottom-color: #ff9933;
			  border-right:0px solid; border-right-color: #ff9933; 
			  border-top:0px solid;
			  min-height:100%; height: inherit; bottom:bottom;   }
#navlink table {background-color: white; border-color: orange; border-width: 2px; border-style: solid;}			
#navlink td {padding-left: 25px; border-bottom-color: Orange; border-bottom-width: 1px; border-bottom-style: solid;}
#navlink a       	{ color: blue; font-weight:bold; text-decoration:none; }
#navlink a:hover	{ color: orange; font-weight:bold; }
#navlink p        	{ color: #333; }
#navlink hr		{ background-color: #fff; color: #ff9933; height: 4px; width: 150px; padding: 0px 0px 0px 0xp; }
#navlink ul, li, ol, li { text-indent: 0px; text-align: left;
			  padding-top:0px; padding-bottom: 0px;
			  list-style: none;
			  line-height: 1em; margin-bottom: 0px; display:block; }
#navlink hr		{ background-color: #fff; color: #ff9933; height: 4px; width: 150px; border:0px; }



/* announce - this section deals with announcments column*/
#announce h1  		{border-width: 2px; border-style: solid; border-color: Orange; color: white; background-color: blue; 
			  font-size: 1.2em; font-family: tahoma, verdana, arial, sans-serif;
			  font-weight: normal; text-indent:2px;}
#announce h2  		{color: white; background: blue; font-size: 1em; font-family: tahoma, verdana, arial, sans-serif;
				page-break-after: avoid; display: inline;} 
#announce table { color: white; background-color: #7d99e2; border-width: 2px; border-style: solid; border-color: Orange;}				
#announce 		{top: 18%; right: 0%; position: fixed;
			  width: 25%; background-color: #fff;
			  padding-top: 0px ; padding-bottom: 0px;
			  padding-left: 4px ; padding-right: 2px;
			  border-left:0px solid; border-left-color:#ff9933;
			  border-bottom:0px solid; border-bottom-color: #ff9933;
			  border-right:3px solid; border-right-color: #fff; 
			  border-top:4px; height: inherit;
			  font-color: #090909;
			  min-height:120%; height: 100%; }
#announce  body 	{ height: 100%;}

#announce a       	{ color: blue; font-weight: bold; text-decoration: none; }
#announce a:hover	{ color: orange; font-weight: bold; text-decoration: none; }

/* footer - this section deals with the footer information */
#footer			{border-width: 2px; border-style: solid; border-color: Orange; background-color: blue; 
			  position: fixed; bottom: 0%;
			  width: 100%;
			  height: 4%;
			  padding: 4px 4px 0px 0px;
			  text-align: center;
			  font-size: 1em; font-family: tahoma, verdana, arial, sans-serif; 
			  color:#fff; font-weight: bold;}
#footer a       	{ color: #fff; font-weight: bold; text-decoration: none;}
#footer a:hover		{ color: #ff9933; font-weight: bold;}
.validator
{Color:Orange;font-weight: bold;}