/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

html{
	font-size:12px;
}

body {
	background-color:#fff;
	color: #666;
	padding: 10px 0px 10px 0px;
	font-size:12px;
	line-height:12px;
	font-family:Verdana, Geneva, sans-serif;
}

#container{
	width:799px;
	margin:auto;
	background-color:#fff;
	/* border:1px solid #ccc; */
}

.container{
	padding:14px 17px 14px 17px;	
}

.banner{
	margin-bottom:10px;
	height:305px;
}

.content{
	background-color:#eaeaea;
	padding:10px;
}


/* anchors
----------------------------------------------- */
a {
	color: #000;
	font-weight:bold;
	text-decoration: none;
}
a:hover {
	color:#333;
}


/* headings
----------------------------------------------- */
h1{
	border-bottom:1px solid #ccc;
	height:43px;
	margin-bottom:11px;
}

h2 {
	color:#000000;
	display:block;
	font-size:18px;
	font-weight:normal;
	line-height:18px;
	padding:5px 0;
	text-transform:uppercase;
	border-bottom:1px dotted #3399CC;
	border-top:1px dotted #3399CC;
	margin-bottom:22px;
}

h3{
	color:#666;
	font-size:14px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-bottom:22px;
}

h4{
	color:#000;
	font-size:14px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-bottom:2px;
}

h5{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:16px;
	line-height:24px;
	font-weight:normal;
	border-bottom:1px solid #ccc;
	margin-bottom:18px;
}


h6 {font-size:1em; text-transform:uppercase;}


h1 a {
	font-weight:normal;
}


/* page heading
----------------------------------------------- */
#header{
	margin-bottom:2px;
}

/*Menu
----------------------------------------------- */

.menu{
	padding-bottom:7px;
	background-image:url(../images/menu-base.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	font-style:normal;
	margin-bottom:12px;
}

.menu ul{
	background-color:#b5b5b5;
	background-image:url(../images/menu.gif);
	background-repeat:repeat-x;
	height:24px;
	max-width:100%;
	position:relative;
}

.menu ul li{
	float:left;
	font-weight:normal;
	list-style-type:none;
	text-align:center;
}

.menu ul li a{
	color:#fff;
	display:block;
	float:left;
	font-size:11px;
	height:24px;
	line-height:24px;
	padding:0px 22px 0px 20px;
	text-decoration:none;
	background-image:url(../images/menu-split.gif);
	background-position:center right;
	background-repeat:no-repeat;
}

.menu ul li a:hover {
	background-color:#989898;
	background-image:none;
}

.menu ul li#currentpage a{
	background-color:#989898;
	background-image:none;
}

/* Grid Styles
----------------------------------------------- */

.content-left{
	width:184px;
	float:left;
}

.content-right{
	width:766px;
	float:right;
}

.mainsplit-left{
	width:572px;
	float:left;
}

.mainsplit-right{
	width:184px;
	float:right;
}

.subsplit-right{
	width:378px;
	float:right;
}


/* Tab Menu
----------------------------------------------- */

ul.tabmenu{
	padding:0px;
	max-width:100%;
	position:relative;
	height:28px;
}

ul.tabmenu li{
	float:left;
	list-style-type:none;
}

ul.tabmenu li a{
	color:#666;
	line-height:28px;
	font-size:12px;
	display:block;
	float:left;
	padding:0px 10px;
	margin-right:2px;
	font-weight:normal;
}

ul.tabmenu li a:hover{
	color:#666;
	text-decoration:underline;
}

ul.tabmenu li.ui-tabs-selected a{
	color:#666;
	background-color:#fff;
}

.ui-tabs-hide{
	display:none;	
}

.tabs-container{
	background-color:#fff;
	padding:39px 22px;
}

.tabs-container a{
	font-weight:normal;
	color:#3399CC;
}


/* Home Buttons
----------------------------------------------- */

.buttons{ margin-bottom:8px; }
.buttons a{ text-align:center; font-weight:normal; color:#007cc3; }
.buttons a:hover{ text-decoration:underline; }
.buttons a p{ padding-top:125px; font-size:14px; color:#007cc3; margin-bottom:5px; }
.buttons a em{ color:#ed1c24; font-size:18px; padding-left:2px; }
.buttons a span{ display:block; font-size:11px; color:#3399cc;}

.button1{ width:180px; height:160px; background-image:url(../images/home/button1.jpg); display:block; }
.button2{ width:180px; height:160px; background-image:url(../images/home/button2.jpg); display:block; }
.button3{ width:180px; height:160px; background-image:url(../images/home/button3.jpg); display:block; }
.button4{ width:180px; height:160px; background-image:url(../images/home/button4.jpg); display:block; }

.button-w-border{ float:left; width:187px; margin-right:7px; border-right:1px solid #ddd; }
.button-no-border{ float:left; width:180px; }

.greybar{ height:24px; background-image:url(../images/greybar.jpg); background-repeat:repeat-x; }

/* General Styles
----------------------------------------------- */

.curve-top{
	background-image:url(../images/curve-top.jpg);
	height:32px;
}

.bluedots{
	border-bottom:1px dotted #3399CC;
	padding-bottom:20px;
	margin-bottom:20px;
}

/* paragraphs, quotes and lists
----------------------------------------------- */
p{
	margin-bottom:18px;
	line-height:14px;
}

p.requires{
	padding:9px 15px;
	background-color:#c7c7c7;
	color:#fff;
	margin:0px;
}

p.nopad{
	line-height:14px;
	margin-bottom:0px;
}

blockquote{
	font-family: Georgia, 'Times New Roman', serif;
	font-size:1.2em;
	padding-left:1em;
	border-left:4px solid #ccc;
}

blockquote cite {
	font-size:.9em;
}

ul, ol{
	padding-top:0;
}

p img{
	padding:0px 10px 5px 0px;
	float:left;
}

/* Lists
----------------------------------------------- */



/* Footer
----------------------------------------------- */

.footer{
	padding-top:14px;
}

.footer-menu ul{ display:block; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.footer-menu ul li{ display:inline; }
.footer-menu ul li a{ color:#666; line-height:31px; font-weight:normal; font-size:11px; padding-right:5px; margin-right:5px; border-right:1px solid #ddd; }

.footer-base{
	background-image:url(../images/footer-base.gif);
	background-repeat:repeat-x;
	padding:10px 0px 2px 0px;
	font-size:10px;
	line-height:30px;
	border-bottom:1px solid #ccc;
}

.footer-base a{
	color:#336699;
	font-weight:normal;
}

.footer-base a img{
	display:inline;
}

.footer-base span{
	float:right;
}

.footer-base input{
	width:48%;
}

.footer-base span.left{
	float:left;
}

.footer label{
	line-height:25px;	
}

.footerform-split-l{
	width:49%;
	float:left;
	padding:0px 0px 10px 0px;
}

.footerform-split-r{
	width:49%;
	float:right;
	padding:0px 0px 10px 0px;
}
