/* Design by Brian Diaz of Media 65 @ http://www.m65.net  All Rights Reserved */
@import url(layouts.css);
@import url(components.css);
@import url(modules.css);
@import url(navigation.css);
@import url(misc.css);
@import url(forms.css);

/* #######################  GENERAL SETTINGS ############################ */
html{height:100%;}

body{
	margin:0px;
	height:100%;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.8em;
	background-image:url(../images/back.gif);
	background-repeat: repeat;
}

/*  Heading Formatting */
h1 {
	font-size:3em;
	line-height: 0.8em;
	font-weight: 900;
	color: #006699;
}
h2 {font-size:1.7em;line-height: 0.8em;font-weight: 900;color: #000;}
h3 {
padding-right:10px;
	font-size:1.5em;
	line-height: 0.8em;
	font-weight: 900;
	color: #3366CC;
	margin-bottom:4px;
		}
h4 {font-size:1.4em;line-height: 0.8em;font-weight: 900;color: #000;}
h5 {font-size:1.3em;line-height: 0.8em;font-weight: 900;color: #000;}
h6 {font-size:1.2em;line-height: 0.8em;font-weight: 900;color: #000;}

/*links*/
a:link {
	color: #000000;
}
a:hover {color: #006600;}
a:visited {
	color: #006600;
}
img {border: 0 none;}

/* Clears Divs */
.clr{clear: both;}

/* #######################  END GENERAL SETTINGS ############################ */
#container{
	margin: 0 auto;
	width:850px;
	background-color:#FFFFFF;
}
#header{
	margin: 0 auto;
	width:100%;
	height:150px;
	background-color: #CC9900;
}
/* #######################  Nav GENERAL SETTINGS @ TAGMIL ############################ */
#nav{position:relative;display:block;
clear:both;
	height:48px;
	text-align:right;
	background-image: url(../images/navback.gif);
	background-repeat: repeat-x;
	font-size:11px;font-weight:bold;
}
#nav ul{margin:0;padding:0;list-style-type:none;width:auto;
}
#nav a{display:block;
width:auto;
font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
background-image:none;float:left;color:#D5F1FF;text-decoration:none;padding:14px 10px 0 10px;height:30px;}
	
#nav li {
	display:block;
	float:right;
	margin:0 1px 0 0;
	color: #D5F1FF;
	position: relative;}

}
#nav li ul{
		background:#333333;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	#nav li:hover ul{
		display:block;}
#nav li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	#nav li:hover li a{
		background:none;
		
		}
	#nav li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:right;
		}
		#nav li ul a:hover, .menu li ul li:hover a{
			background:#2580a2 url(../images/hover_sub.gif) center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	#nav p{
		clear:right;
		}
#nav a:hover{
color:#fff;
background:transparent url(../images/liactive.gif) no-repeat top center;
font-style: normal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;}

#nav a:link, #nav a:visited {
	text-decoration: none;
	color: #FFFFFF;	
}
#nav li.active a{ 

 color:#fff;background:transparent url(../images/liactive.gif) no-repeat top center;}
#nav li.active a:link,
#navli.active a:visited {
padding:0 5px 0 5px;
  color:#fff;background:transparent url(../images/liactive.gif) no-repeat top center;
}
/* #######################  useres @ TAGMIL ############################ */
  #userup{
color:#CC9966;
	width:100%;
	margin-left:0px;
	padding-top:0px;
	margin-bottom:5px;
	clear: both;
}

#userup1{

float:right;
width:28%;
overflow:hidden;
margin-left:5px;
margin-right:10px;
margin-bottom:5px;
}
#userup2{

float:right;
width:68%;
overflow:hidden;
margin-bottom:5px;
margin-right:5px;
}
#userup3{
color:#CC9966;
	width:95%;
	margin:0 auto;
	padding-top:0px;
	clear: both;
}
#right{float:right; width:23%;
overflow:hidden;
margin-left:0px;
margin-right:10px;
 }
  #usermid{
color:#CC9966;
	width:100%;
	margin-left:0px;
	padding-top:0px;
	margin-bottom:0px;
	clear: both;
}

#usermid1{

float:right;
width:48%;
overflow:hidden;
margin-left:5px;
margin-right:10px;
}
#usermid2{

float:right;
width:48%;
overflow:hidden;

margin-right:5px;
}
 #user{
color:#CC9966;
	width:100%;
	padding-top:0px;
	margin-bottom:5px;

	clear: both;
}

#user1,#user2,#user3 {
float:right;
width:32%;
overflow:hidden;
margin-left:5px;
margin-right:5px;
margin-bottom:5px;
}

/* #######################  END user @ TAGMIL ############################ */
/* #######################  Main @ TAGMIL ############################ */
#main{margin-top:0; width:100%; clear:both;}

#content{
	background-color:#FFFFFF;
	padding-top:10px;
	float:right;
	width:95%;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-left: 10px;
	text-align:right;
		margin-top:10px;
	margin-bottom:0px;
	margin-right:10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #0000CC;
}
#content70{
	background-color:#FFFFFF;
	background-position: top;
	padding-top:10px;
	float:right;
	width:70%;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-left: 10px;
	text-align:right;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:0px;
	margin-right:10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #0000CC;
}
.up {
	
}
.down{
	
bottom:0px;
}
/* #######################  End Main @ TAGMIL ############################ */

/*modules sufixes @ TAGMIL */
div.moduletable_green{
	margin-top:10px;
	padding-top:0px;
	background-color:#99cc99;
	color: #003300;
	background-image: url(../images/butbackb.gif);
	background-repeat: repeat-x;
	background-position: right bottom;
	border: 1px solid #333333;
	color: #000000;
}
div.moduletable_green h3{
height:30px;
	margin-top:4px;
	margin-bottom:4px;
	margin-right:4px;
	margin-left:4px;
	border-left:4px;
	padding-top:5px;
	background-image: url(../images/h32.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #003300;
}
div.moduletable_red{
	margin-top:10px;
	padding-top:0px;
	border: 1px solid #333333;
	background-color:#FFFFFF;
	color: #003300;
	background-image: url(../images/butback.gif);
	background-repeat: repeat-x;
	background-position: right bottom;
}
div.moduletable_red h3{
	height:30px;
	margin-bottom:2px;
	margin-top:0px;
	padding-top:5px;
	background-image: url(../images/h31.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}
div.moduletable_yellow{
	margin-top:10px;
	padding-top:0px;
	color: #003300;
border: 2px solid #333333;
}
div.moduletable_yellow h3{
	height:30px;
	margin-top:4px;
	margin-bottom:4px;
	margin-right:4px;
	margin-left:4px;
	padding-top:8px;
	background-image: url(../images/footerback.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #003300;
	
}
/* #######################  Right Main suffix Blue & Grey @ TAGMIL ############################ */
div.moduletable_rmenu{
	
	font:bold 11px Helvetica, Arial, sans-serif;
	margin-top:10px;
	padding-top:0px;
	padding-bottom:3px;
	color: #003300;
	background-image: url(../images/bot.jpg);
	background-color: #6FA9C7;
	background-repeat: no-repeat;
	background-position: bottom;
}
div.moduletable_rmenu h3{
	margin-bottom:4px;
	background-color: #6FA9C7;
	margin-top:0px;
	padding-top:10px;
	background-image: url(../images/top.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 18px;
	text-decoration: none;	
}
div.moduletable_rmenu li {
margin:0px 0px 0px 0px;
	list-style:none;
	}
div.moduletable_rmenu a, div.moduletable_rmenu a:visited {
	width:186px;
	height:22px;
	margin:0px 0px 2px -32px;
	position:relative;
	display:block;
	color:#cbe7f5;
	text-decoration:none;
	background:url(../images/menubg2.jpg) no-repeat 100% 50%;
	padding:4px 8px 0 8px;
	}
	div.moduletable_rmenu a:hover, div.moduletable_rmenu a:active,
div.moduletable_rmenu li.current_page_item a, div.moduletable_rmenu li.current_page_item a:visited  {
	background:url(../images/menubg1.jpg) no-repeat 100% 50%;
	text-decoration:none;
	}
	/*###################### End Blue Menu 1########################*/
	/*###################### start Gry Menu 2########################*/
	div.moduletable_rmenug{
	
	font:bold 11px Helvetica, Arial, sans-serif;
	margin-top:10px;
	padding-top:0px;
	padding-bottom:3px;
	color: #003300;
	background-image: url(../images/botg.jpg);
background-color:#8d8d8d;
	background-repeat: no-repeat;
	background-position: bottom;
}
div.moduletable_rmenug h3{
	margin-bottom:4px;
	background-color: #8d8d8d;
	margin-top:0px;
	padding-top:10px;
	background-image: url(../images/topg.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 18px;
	text-decoration: none;	
}
div.moduletable_rmenug li {
margin:0px 0px 0px 0px;
	list-style:none;
	}
div.moduletable_rmenug a, div.moduletable_rmenug a:visited {
	width:186px;
	height:22px;
	margin:0px 0px 2px -32px;
	position:relative;
	display:block;
	color:#cbe7f5;
	text-decoration:none;
	background:url(../images/menubg2g.jpg) no-repeat 100% 50%;
	padding:4px 8px 0 8px;
	}
	div.moduletable_rmenug a:hover, div.moduletable_rmenug a:active,
div.moduletable_rmenug li.current_page_item a, div.moduletable_rmenug li.current_page_item a:visited  {
	background:url(../images/menubg1g.jpg) no-repeat 100% 50%;
	text-decoration:none;
	}
	/* Level 2 */
.menu ul {
display:block;
list-style:none;
padding-right:10px;
margin-right: 0px;
background-image:none;
}
.menu ul a{
display:block;
padding-right:10px;
background-image:none;
margin-right: 0px;}
.menu  ul li a:hover, a:visited{background-image:none;}
/* End of Level 2 */
/*end modules sufixes*/

#footer{
	width:100%;
	margin-bottom:0px;
	clear: both;
	z-index: auto;
	background-color: #00ccff;
	background-repeat: repeat-x;
	background-position: bottom;
		padding-bottom:0px;
}
.footerup{
	background-image: url(../images/footerbackup.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top:15px;
	padding-right:10px;
	padding-bottom:5px;
}
.footerdown{
background-color:none;

float:right;
 }