/*
Theme Name: AMLv1
Theme URI: http://viasite.co.uk/
Description: AML v1 Theme Template
Version: 1.0
Author: ViaSite
Author URI: http://viasite.co.uk/
Tags: blue, custom header, fixed width, two columns, widgets

	AML v1
	 http://viasite.co.uk/

	This theme was designed and built by ViaSite
	whose blog you will find at http://viasite.co.uk/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


* { margin:0; padding:0;}
body{ background:#2A354E;}
html, textarea, select{font-family:Arial, tahoma, verdana; font-size:12px; color:#8E98AE;}


/*in_line*/
input, select { vertical-align:middle; font-weight:normal; background-color: #CCCCCC; border: 1px solid #666666;color: #1D2436;padding: 1px 2px 2px 2px;}
img {border:0; vertical-align:top; text-align:left;}
ul { list-style:none;}

input, select { border:1px solid #8E98AE; background:none; color:#8E98AE;}

strong a{ color:#D9D9BD;  background:url(images/bull_link.gif) no-repeat right top; padding-right:11px; text-decoration:underline; font-size:13px;}
strong a:hover{text-decoration:underline;}

a:hover{text-decoration:underline;}
a {color:#D9D9BD;text-decoration:none;}
b{ font-size:13px;}
b a{ color:#A5AFC5; font-size:12px;}

.column { float:left;}
.clear { clear:both;}

/*header*/
.tall_header{ background:#323D55 url(images/tall_header.gif) top left repeat-x; width:100%;}
#header_menu .indent{ padding:53px 0 0 29px;}

#header_menu .col_1{ width:277px;}
#header_menu .col_1 img{ margin:12px 0 12px 18px;}
#header_menu .col_2{ width:434px;margin:20px 0 0 0;}
#header_menu .col_2 img{ margin:30px 0 0 0;}

#header_baner{ width:780px;}
#header_baner .col_1{ width:29px; height:309px; background:url(images/header_baner_bgr_left.gif) top left repeat-y;}
#header_baner .col_2{ width:722px;}
#header_baner .col_3{ width:29px; height:309px; background:url(images/header_baner_bgr_right.gif) top left repeat-y;}

/*footer*/
#footer{ width:722px; margin:0 auto; background:#1F273A url(images/footer_con_left.gif) bottom left no-repeat; margin-top:1px;}
#footer .text{ background:url(images/footer_con_right.gif) bottom right no-repeat; width:722px; color:#8F97AA;}
#footer .text div{ padding:24px 0 24px 32px;}


/*content*/
.title, .title1, .title2{ display:block; margin-bottom:18px;}
.indent_cont{padding:4px 0; width:780px;}
.cont_heit{width:29px; float:left; height:486px;}
#content .col_1, #content .col_2{ padding:31px 0 20px 0;}
.line_x{ background:url(images/line_x.gif) top left repeat-x; height:30px;}
#content{ line-height:16px;}
.p{ margin-top:11px;}

/*================== index.html ==================*/
#page1 #content .separate{ width:780px; background:url(images/separate.gif) 390px 0 repeat-y;}

#page1 #content .col_1 .box_top{ padding:0 0 36px 30px; width:317px;}
#page1 #content .col_1 .box_bot{ padding:0 0 50px 30px; width:307px;}
#page1 #content .col_1 .box_bot b a{ color:#D9D9BD !important;}
#page1 #content .col_1 .line_x{ width:360px;}
#page1 #content .col_1 .indent_img{ margin-right:11px; float:left;}

#page1 #content .col_2 .indent_img{ margin:2px 13px 28px 0; float:left;}

/*================== index-1.html ==================*/
#page2 #content .separate{ width:780px; background:url(images/separate.gif) 390px 0 repeat-y;}

#page2 #content .col_1 .indent{ margin:0 0 0 30px; width:311px;}
#page2 #content .col_1 .indent_img{ margin:2px 13px 28px 0; float:left;}
#page2 #content .col_1 .col_box{ width:304px; padding-bottom:21px;}
#page2 #content .col_1 .col_box_1{ width:125px;}
#page2 #content .col_1 .col_box_2{ width:178px;}
#page2 #content .col_1 ul{ margin:11px 0 0 0;}
#page2 #content .col_1 .indent_text{ margin:19px 0 11px 0;}

#page2 #content .col_2 .box_top{ padding:0 0 36px 30px; width:317px;}
#page2 #content .col_2 .box_bot{ padding:0 0 50px 30px; width:307px;}
#page2 #content .col_2 .line_x{ width:360px;}
#page2 #content .col_2 .indent_img{ margin-right:11px; float:left;}

/*================== index-2.html ==================*/
#page3 #content .separate{ width:780px; background:url(images/separate.gif) 390px 0 repeat-y;}

#page3 #content .col_1 .box_top{ padding:0 0 36px 30px; width:300px;}
#page3 #content .col_1 .box_bot{ padding:0 0 50px 30px; width:307px;}
#page3 #content .col_1 .line_x{ width:360px;}
#page3 #content .col_1 .indent_img{ margin-right:11px; float:left;}

#page3 #content .col_2 .indent_img{ margin:0 15px 17px 0; float:left;}

/*================== index-3.html ==================*/
#page4 #content .separate{ width:780px; background:url(images/separate.gif) 500px 0 repeat-y;}

#page4 #content .col_1 .indent{ margin:0 0 0 30px; width:398px;}


#page4 #content .col_2 .indent_img{ margin:0 15px 31px 0; float:left;}

/*================== index-4.html ==================*/
#page5 #content .separate{ width:780px; background:url(images/separate.gif) 390px 0 repeat-y;}

#page5 #content .col_1 .indent{ margin:0 0 0 30px; width:311px;}
#page5 #content .col_1 .indent div{ margin-top:16px;}


#page5 #content .col_2 .box_top{ padding:0 0 36px 30px; width:317px;}
#page5 #content .col_2 .box_bot{ padding:0 0 50px 30px; width:307px;}
#page5 #content .col_2 .line_x{ width:360px;}
#page5 #content .col_2 .indent_img{ margin-right:11px; float:left;}
#page5 #content .col_2 .col_box{ width:310px;}
#page5 #content .col_2 .col_box_1{ width:156px;}
#page5 #content .col_2 .col_box_2{ width:146px;}
#page5 #content .col_2 input{ width:145px; height:20px;}
#page5 #content .col_2 textarea{ width:145px; height:103px; overflow:auto; margin-bottom:19px;}
#page5 #content .col_2 textarea, #page5 #content .col_2 input{ border:1px solid #8E98AE; background:none; font-size:12px; color:#8E98AE; display:block;}
#page5 #content .col_2 .t_form{ height:28px;}

/*================== index-5.html ==================*/
#page6 #content .separate{ width:780px;}

#page6 #content .col_1 .indent{ margin:0 0 0 30px; width:665px;}
#page6 #content .col_1 .indent div{ margin-top:15px;}



 


/*==================list====================*/

.wrap_menu .t { background:url(images/m2-t-dr.gif) repeat-x top #1D222E; width:722px;}
.wrap_menu .b { background:url(images/m2-b-dr.gif) repeat-x bottom;}
.wrap_menu .l { background:url(images/m2-l-dr.gif) repeat-y left;}
.wrap_menu .r { background:url(images/m2-r-dr.gif) repeat-y right;}
.wrap_menu .l_t { background:url(images/m2-l-t.gif) no-repeat left top; width:722px;}
.wrap_menu .r_t { background:url(images/m2-r-t.gif) no-repeat right top;}
.wrap_menu .l_b { background:url(images/m2-l-b.gif) no-repeat left bottom;}
.wrap_menu .r_b { background:url(images/m2-r-b.gif) no-repeat right bottom;}

.wrap_cont .t { background:url(images/m2-t-dra.gif) repeat-x top #252F45; width:780px;}
.wrap_cont .b { background:url(images/m2-b-dra.gif) repeat-x bottom;}
.wrap_cont .l { background:url(images/m2-l-dra.gif) repeat-y left;}
.wrap_cont .r { background:url(images/m2-r-dra.gif) repeat-y right;}
.wrap_cont .l_t { background:url(images/m2-l-ta.gif) no-repeat left top;}
.wrap_cont .r_t { background:url(images/m2-r-ta.gif) no-repeat right top;}
.wrap_cont .l_b { background:url(images/m2-l-ba.gif) no-repeat left bottom;}
.wrap_cont .r_b { background:url(images/m2-r-ba.gif) no-repeat right bottom; width:780px;}

/*==========================================*/
	ul { margin:0; padding:0;}
li { background:url(images/) top left no-repeat; margin-top:5px; padding:0; }
li a {line-height:19px; color:#D9D9BD; text-decoration:none;}
li a:hover { text-decoration:underline;}
	/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:434px; height:32px; font-size:0.85em; position:relative; z-index:100;border-right:1px solid #000;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:434px; w\idth:434px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:100px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:100px;position:relative;margin-top:0px;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:90px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#2A354E; padding-left:10px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:90px; w\idth:90px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(images/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#2A354E url(images/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#2A354E url(images/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#2A354E;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#2A354E;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:100px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:100px; top:-1px; width:100px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-100px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#5370A8; color:#FFFFFF; height:auto; line-height:1em; padding:5px 10px; width:79px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:80px;w\idth:80px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#FFFFFF; background:#7E95BF;text-decoration:none;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#7E95BF;text-decoration:none;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: white;
  background: #7E95BF;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: white;
  font-weight: bold;
  background: #7E95BF;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: #2A354E;
}

.menu ul .current_page_item ul a:hover {
  background: #7E95BF;
}

.menu .current_page_item a:hover {
  background: #7E95BF;
}
h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}
	h1 {
	font-size: 4em;
	text-align: center;
	}
	h2 {
	font-size: 1.6em;
	}
	h2.pagetitle {
	font-size: 1.6em;
	}
	h3 {
	font-size: 1.3em;
	}
	


h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}
p {margin-top:11px;}