/* Stylesheet www.ai-productions.net */
/* copyright 2012 by www.ai-productions.net */

/* These are the settings for the body  */
Body
{
background-image:url('../Images/background.jpg');
color:#990000;
font-size:12px;
font-family:Warpsans,Verdana,Arial,Helvetica,Sans-Serif;
margin:0px;
}

/* These are the main settings  */
#main 
{
width:1024px;
height:auto;
margin:0px;
}

/* These are the header settings  */
#header
 {
background-image:url('../Images/site-header.png');
width:auto;
height:175px;
margin:0px;
background-color:transparent;
}

/* These are the settings for the date  */
#header_date
{
color:#001111;
font-size:12px;
padding-left:8px;
padding-top:155px;
}

/* The menu starts here  */
#menu
{  
list-style:none;
width:1022px;
margin:0px auto 0px auto;
height:32px;
padding:0px 20px 0px 20px;
/* Rounded Corners */
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
/* Borders */
border:1px solid #001111;
-moz-box-shadow:inset 0px 0px 1px #edf9ff;
-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
box-shadow:inset 0px 0px 1px #edf9ff;
/* Background color and gradients */
background:#014464;
background:-moz-linear-gradient(top, #006608, #ffcc33);
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
}

/* This is for adjusting the text on the menubar*/
#menu li 
{
float:left;
display:block;
text-align:center;
position:relative;
padding:4px 10px 4px 10px;
margin-right:30px;
margin-top:7px;
border:none;
}

/* This draws a border when you hold your mouse above a menu item*/
#menu li:hover
{
border:1px solid #001111;
padding:4px 9px 4px 9px;
/* Background color and gradients */
background:#3F3F3F;
background:-moz-linear-gradient(top, #F6F3A9, #FCC756);
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F6F3A9), to(#FCC756));
/* Rounded corners */
-moz-border-radius:5px 5px 0px 0px;
-webkit-border-radius:5px 5px 0px 0px;
border-radius:5px 5px 0px 0px;
}

/* Text, color, etc, menu*/
#menu li a
 {
font-family:Warpsans,Verdana,Arial,Helvetica,Sans-Serif;
font-size:14px;
color: #FFFF33;
display:block;
outline:0;
text-decoration:none;
text-shadow:1px 1px 1px #001111;
}

/* text and shadow properties in the submenu*/
#menu li:hover a
 {
color:#011C80;
text-shadow:1px 1px 1px #001111;
}

#menu li .drop
{
padding-right:21px;
/* background:url('../Images/drop.png') no-repeat right 8px; */
}

#menu li:hover .drop
{
background:url('../Images/drop.png') no-repeat right 7px;
}

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns 

{
margin:4px auto;
float:left;
position:absolute;
left:-999em; /* Hides the drop down */
text-align:left;
padding:10px 5px 10px 5px;
border:1px solid #001111;
border-top:none;
	
/* Gradient background */
background:f6f3a9;
background:-moz-linear-gradient(top, #FCC756, #F6F3A9);
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCC756), to(#F6F3A9));

/* Rounded Corners */
-moz-border-radius:0px 5px 5px 5px;
-webkit-border-radius:0px 5px 5px 5px;
border-radius:0px 5px 5px 5px;
}

.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}

#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns
 {
left:-1px;
top:auto;
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5
{
display:inline;
float: left;
position: relative;
margin-left: 5px;
margin-right: 5px;
}
.col_1 {width:130px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}

#menu .menu_right 
{
float:right;
margin-right:0px;
}
#menu li .align_right
{
/* Rounded Corners */
-moz-border-radius:5px 0px 5px 5px;
-webkit-border-radius:5px 0px 5px 5px;
border-radius:5px 0px 5px 5px;
}

#menu li:hover .align_right
{
left:auto;
right:-1px;
top:auto;
}

#menu p, #menu h2, #menu h3, #menu ul li 
{
font-family:Warpsans,Verdana,Arial,Helvetica,Sans-Serif;
line-height:21px;
font-size:12px;
text-align:left;
text-shadow:1px 1px 1px #001111;
}

#menu h2 
{
font-size:21px;
font-weight:400;
letter-spacing:-1px;
margin:7px 0 14px 0;
padding-bottom:14px;
border-bottom:1px solid #666666;
color:#FB5818;
}

#menu h3
{
font-size:14px;
margin:7px 0 14px 0;
padding-bottom:7px;
border-bottom:1px solid #888888;
color:#536018;
}

#menu p
{
line-height:18px;
margin:0 0 10px 0;
}

#menu li:hover div a
{
font-size:12px;
color:#FFFF33;
}
#menu li:hover div a:hover
 {
color:#001111;
}

.strong
{
font-weight:bold;
}
.italic
{
font-style:italic;
}

.imgshadow
 {
 /* Better style on light background */
background:#FFFFFF;
padding:4px;
border:1px solid #777777;
margin-top:5px;
-moz-box-shadow:0px 0px 5px #666666;
-webkit-box-shadow:0px 0px 5px #666666;
box-shadow:0px 0px 5px #666666;
}
.img_left
{
 /* Image sticks to the left */
width:auto;
float:left;
margin:5px 15px 5px 5px;
}

#menu li .black_box
{
background-color:#333333;
color:#eeeeee;
text-shadow:1px 1px 1px #001111;
padding:4px 6px 4px 6px;

/* Rounded Corners */
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;

/* Shadow */
-webkit-box-shadow:inset 0 0 3px #000000;
-moz-box-shadow:inset 0 0 3px #000000;
box-shadow:inset 0 0 3px #000000;
}

#menu li ul
{
list-style:none;
padding:0;
margin:0 0 12px 0;
}

#menu li ul li
{
font-size:12px;
line-height:24px;
position:relative;
text-shadow:1px 1px 1px #001111;
padding:0;
margin:0;
float:none;
text-align:left;
width:130px;
}

#menu li ul li:hover
{
background:none;
border:none;
padding:0;
margin:0;
}

#menu li .greybox li
{
background:#556718;
border:1px solid #001111;
margin:0px 0px 4px 0px;
padding:4px 6px 4px 6px;
width:116px;

/* Rounded Corners */
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
}

#menu li .greybox li:hover
{
background:#BED765;
border:1px solid #aaaaaa;
padding:4px 6px 4px 6px;
margin:0px 0px 4px 0px;
}
#content
{
width:1022px;
height:auto;
min-height:600px;
margin-top:1px;
padding:5px;
background-color:#ffffff;
border:1px solid #2e3d02;
/* background-image:url(../Img/ai-productions.jpg); */
background-position:top right;
background-repeat:repeat-y; 
}
/* Content */
#content_title 
{
color:#990000;
font-size:16px;
padding-left:10px;
}
#content_text
{
font-size:14px;
padding-left:10px;
color:#000066;
}
/* Copyright */
#copyright 
{
color:#998877;
width:1022px;
height:20px;
margin-top:5px;
/* background-color:#ffff99; */
font-size:12px;
font-family:Verdana,Arial,Helvetica,Sans-Serif;
}