/* CSS Document */

/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }
/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }
/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td,script,hr { margin:0; padding:0; }
/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset {
	border-style: solid;
	size: 4px;
	}

body {
	margin: 0 auto;
	padding: 0;
	background-color: #354E61;
	font-family: Tahoma, Verdana, Arial, "Trebuchet MS", ;
	color: #243750;	
	font-size:12px;
	text-align:center;
	background-image:url(images/bg.gif);	
	background-repeat: repeat-y;
	background-position: center top;}
	/*	
	font-size: 14px;	
	color: #D9EFFE;	
	background-color: #D9EFFE;
		*/

	
.border {border:5px solid #05405B}	

.container { width:1024px;
	margin: 0 auto;
	background-color: #FFF;	
	background-position: 50% 0;
	background-repeat:repeat-y;
}

p.footer-links { font-size: 12px; font-weight: normal; color: #FFF; text-decoration: none;}
p.footer-links a{ color: #FFF; text-decoration: none;}
p.footer-links a:hover{ color: #CCC; text-decoration: underline;}
	
p.footer-texts { font-size: 11px; font-weight: normal; color: #FFF; text-decoration: none; margin: 25px 0 0 0;}
p.footer-texts a{ color: #FFF; text-decoration: none; }
p.footer-texts a:hover{ color: #CCC; text-decoration: underline; }

p.gen {text-indent: 1cm; text-align: justify; padding: .2cm .8cm .5cm .8cm; color:#243750; }
p.aboutUs {text-indent: 1cm; text-align: justify; padding: .2cm .8cm 1cm .8cm; color:#243750; }
p.newsDate {text-align: justify; padding: .2cm .6cm .1cm .4cm; font-size: 12px; color:#035EC2; font-weight: bold; }
p.news {text-align: left; padding: .1cm .6cm .4cm .4cm; font-size: 12px; color:#243750; }

p.Adtools {text-align: justify; padding: .2cm; color:#243750; vertical-align:top; font-size: 16px; font-weight: bold;  }
p.Adtexts {text-align: justify; padding: .2cm; color:#243750; font-size: 12px; font-weight: normal; }

img.subH {border: 0px dotted #000; margin: 0 0 10px 10px; vertical-align:top;}
img.siteThumbs {border: 1px solid #CCC; }
/* ********************************************************************************************************************************************************************** INDEX */

#header-1{
	clear:both;
	width: 1024px;
	background-image:url(images/header-1.jpg);
	background-repeat: no-repeat;
	height: 144px;
	}

#header-1 span { display: none; }	

/* ------------------------ header for index page only --------------------------- */
#header-left { 
	width: 645px;
	height: 319px;
	float: left;
	background-image:url(images/flash-header-1.jpg);
	background-repeat: no-repeat;
	text-align: center;
	margin: 0;
	padding: 0;
	}
#header-right { 
	width: 379px;
	height: 319px;	
	float:left;
	background-image:url(images/flash-header-2.jpg);
	background-repeat: no-repeat;
	}
	
/* ------------------------ end of header for index page only --------------------------- */	
/* ------------------------ login form code --------------------------- */
#login {
	width: 250px;
	height:60px;
	position:static;
	float: right;
	margin-right: 20px;
	margin-top: 35px;
	text-align: left;
	border: 0px solid black;
	}
	
label{ float: left; width: 68px; font-weight: normal; margin-top: 2px;}	
input, textarea{ width: 120px; margin-bottom: 2px;}
.boxes{ width: 1em;}
#submitbutton{ margin-left: 3px; width: 40px;}
br{ clear: left; }

p.reg { font-size: 12px; font-weight: normal; color: #243750; text-decoration: none; text-align: center; margin-top: 3px;}
p.reg a{ color: #035EC2; text-decoration: underline;}
p.reg a:hover{ color: #243750; text-decoration: underline;}
/* ------------------------ end of login form code --------------------------- */

/* ------------------------ navigation index page --------------------------- */
#navigation-index { 
	background-image:url(images/navigation.jpg);
	background-repeat:no-repeat;
	width: 1024px; 
	height: 49px; 
	margin-bottom:0; 
	margin-top:0; 	
	clear:both;	
	}

#navigation-index span { display: none; } 

#navigation-index li, #navigation-index a { height: 44px; display: block; }

#navigation-index li { float: left; list-style: none;}

#navigation-index-01 { background:url(images/navigation.jpg) -3px -103px no-repeat; width: 133px; margin: 5px 0 0 3px; }
#navigation-index-02 { width: 133px; margin: 5px 0 0 3px; }
#navigation-index-03 { width: 133px; margin: 5px 0 0 3px; }
#navigation-index-04 { width: 133px; margin: 5px 0 0 3px; }
#navigation-index-05 { width: 133px; margin: 5px 0 0 3px; }

#navigation-index-01 a:hover {background:url(images/navigation.jpg) -3px -54px no-repeat;}
#navigation-index-02 a:hover {background:url(images/navigation.jpg) -139px -54px no-repeat;}
#navigation-index-03 a:hover {background:url(images/navigation.jpg) -275px -54px no-repeat;}
#navigation-index-04 a:hover {background:url(images/navigation.jpg) -411px -54px no-repeat;}
#navigation-index-05 a:hover {background:url(images/navigation.jpg) -547px -54px no-repeat;}
/* ------------------------ end of navigation index page code --------------- */
	
#header-2{
	clear:both;
	width: 1024px;	
	height: 319px;	
	background-image:url(images/header-2.jpg);
	background-repeat: no-repeat;
	}	

#header-2 span { display: none; }

#main-body {
	clear:both;
	width: 1024px;
	background-image:url(images/body-bg.gif);
	background-repeat:no-repeat;
	}

#column-left { 
	width: 710px;
	height: 500px;
	margin-left: 0px;
	font-size: 12px;
	float: left;
	background:inherit;	
	}	

#column-left2 { 
	width: 710px;
	height: auto;
	margin-left: 0px;
	font-size: 12px;
	float: left;
	background:inherit;
	}	
/* this is the table code for the site thumbs */


.cell1 { width:336px; float:left; padding: 0 10px 0px 10px; }
.cell2 { width:336px; float:left; }
.cell3 { width:336px; float:left; padding: 0 10px 0px 10px; }
.cell4 { width:336px; float:left; }
p.siteText {text-indent: .3cm; text-align: justify; padding: .2cm; color:#243750; vertical-align:top; }
p.siteName {text-align: center; padding: .2cm; color:#243750; font-size: 24px; font-weight: bold; }
p.siteName a{color:#243750; padding: .2cm; font-size: 24px; font-weight: bold; text-decoration: none; }
p.siteName a:hover{color:#035EC2; padding: .2cm; font-size: 24px; font-weight: bold; text-decoration: none; }

/* end of table code for the site thumbs */

#column-right { 
	width: 314px;
	height: 500px;	
	margin-left: 0px;
	font-size: 12px;
	float:left;
	background: inherit;
	}

.newsText { width:300px; float:left; padding: 0 10px 0px 0px; }	
	
#footer-top {
	clear:both;
	width: 1024px;
	height: 34px;	
	background-image:url(images/footer-top.jpg);
	background-repeat: no-repeat;
	}
	
#footer {
	clear:both;
	width: 1024px;
	height: 113px;	
	background-image:url(images/footer.jpg);
	background-repeat: no-repeat;
	}		

/* ********************************************************************************************************************************************************************** CONTACT */

/* ------------------------ navigation contact page --------------------------- */
#navigation-contact { 
	background-image:url(images/navigation.jpg);
	background-repeat:no-repeat;
	width: 1024px; 
	height: 49px; 
	margin-bottom:0; 
	margin-top:0; 	
	clear:both;	
	}

#navigation-contact span { display: none; } 

#navigation-contact li, #navigation-contact a { height: 44px; display: block; }

#navigation-contact li { float: left; list-style: none;}

#navigation-contact-01 { width: 133px; margin: 5px 0 0 3px; }
#navigation-contact-02 { width: 133px; margin: 5px 0 0 3px; }
#navigation-contact-03 { width: 133px; margin: 5px 0 0 3px; }
#navigation-contact-04 { background:url(images/navigation.jpg) -411px -103px no-repeat; width: 133px; margin: 5px 0 0 3px; }
#navigation-contact-05 { width: 133px; margin: 5px 0 0 3px; }

#navigation-contact-01 a:hover {background:url(images/navigation.jpg) -3px -54px no-repeat;}
#navigation-contact-02 a:hover {background:url(images/navigation.jpg) -139px -54px no-repeat;}
#navigation-contact-03 a:hover {background:url(images/navigation.jpg) -275px -54px no-repeat;}
#navigation-contact-04 a:hover {background:url(images/navigation.jpg) -411px -54px no-repeat;}
#navigation-contact-05 a:hover {background:url(images/navigation.jpg) -547px -54px no-repeat;}
/* ------------------------ end of navigation contact page code --------------- */

/* ********************************************************************************************************************************************************************** SIGN UP */

/* ------------------------ navigation sign up page --------------------------- */
#navigation-signup { 
	background-image:url(images/navigation.jpg);
	background-repeat:no-repeat;
	width: 1024px; 
	height: 49px; 
	margin-bottom:0; 
	margin-top:0; 	
	clear:both;	
	}

#navigation-signup span { display: none; } 

#navigation-signup li, #navigation-signup a { height: 44px; display: block; }

#navigation-signup li { float: left; list-style: none;}

#navigation-signup-01 { width: 133px; margin: 5px 0 0 3px; }
#navigation-signup-02 { width: 133px; margin: 5px 0 0 3px; }
#navigation-signup-03 { width: 133px; margin: 5px 0 0 3px; }
#navigation-signup-04 { width: 133px; margin: 5px 0 0 3px; }
#navigation-signup-05 { background:url(images/navigation.jpg) -547px -103px no-repeat; width: 133px; margin: 5px 0 0 3px; }

#navigation-signup-01 a:hover {background:url(images/navigation.jpg) -3px -54px no-repeat;}
#navigation-signup-02 a:hover {background:url(images/navigation.jpg) -139px -54px no-repeat;}
#navigation-signup-03 a:hover {background:url(images/navigation.jpg) -275px -54px no-repeat;}
#navigation-signup-04 a:hover {background:url(images/navigation.jpg) -411px -54px no-repeat;}
#navigation-signup-05 a:hover {background:url(images/navigation.jpg) -547px -54px no-repeat;}
/* ------------------------ end of navigation sign up page code --------------- */

/* ********************************************************************************************************************************************************************** ADD TOOLS */

/* ------------------------ navigation ad tools page --------------------------- */
#navigation-adtools { 
	background-image:url(images/navigation.jpg);
	background-repeat:no-repeat;
	width: 1024px; 
	height: 49px; 
	margin-bottom:0; 
	margin-top:0; 	
	clear:both;	
	}

#navigation-adtools span { display: none; } 

#navigation-adtools li, #navigation-adtools a { height: 44px; display: block; }

#navigation-adtools li { float: left; list-style: none;}

#navigation-adtools-01 { width: 133px; margin: 5px 0 0 3px; }
#navigation-adtools-02 { width: 133px; margin: 5px 0 0 3px; }
#navigation-adtools-03 { background:url(images/navigation.jpg) -275px -103px no-repeat; width: 133px; margin: 5px 0 0 3px; }
#navigation-adtools-04 { width: 133px; margin: 5px 0 0 3px; }
#navigation-adtools-05 { width: 133px; margin: 5px 0 0 3px; }

#navigation-adtools-01 a:hover {background:url(images/navigation.jpg) -3px -54px no-repeat;}
#navigation-adtools-02 a:hover {background:url(images/navigation.jpg) -139px -54px no-repeat;}
#navigation-adtools-03 a:hover {background:url(images/navigation.jpg) -275px -54px no-repeat;}
#navigation-adtools-04 a:hover {background:url(images/navigation.jpg) -411px -54px no-repeat;}
#navigation-adtools-05 a:hover {background:url(images/navigation.jpg) -547px -54px no-repeat;}
/* ------------------------ end of navigation ad tools page code --------------- */

/* ********************************************************************************************************************************************************************** PROGRAMS */

/* ------------------------ navigation programs page --------------------------- */
#navigation-programs { 
	background-image:url(images/navigation.jpg);
	background-repeat:no-repeat;
	width: 1024px; 
	height: 49px; 
	margin-bottom:0; 
	margin-top:0; 	
	clear:both;	
	}

#navigation-programs span { display: none; } 

#navigation-programs li, #navigation-programs a { height: 44px; display: block; }

#navigation-programs li { float: left; list-style: none;}

#navigation-programs-01 { width: 133px; margin: 5px 0 0 3px; }
#navigation-programs-02 { background:url(images/navigation.jpg) -139px -103px no-repeat; width: 133px; margin: 5px 0 0 3px; }
#navigation-programs-03 { width: 133px; margin: 5px 0 0 3px; }
#navigation-programs-04 { width: 133px; margin: 5px 0 0 3px; }
#navigation-programs-05 { width: 133px; margin: 5px 0 0 3px; }

#navigation-programs-01 a:hover {background:url(images/navigation.jpg) -3px -54px no-repeat;}
#navigation-programs-02 a:hover {background:url(images/navigation.jpg) -139px -54px no-repeat;}
#navigation-programs-03 a:hover {background:url(images/navigation.jpg) -275px -54px no-repeat;}
#navigation-programs-04 a:hover {background:url(images/navigation.jpg) -411px -54px no-repeat;}
#navigation-programs-05 a:hover {background:url(images/navigation.jpg) -547px -54px no-repeat;}
/* ------------------------ end of navigation programs page code --------------- */


