/*Type Rules
-----------------------------------------------------------------------------------*/
#Body { 
font-size: 62.5% !important;

}

h1, h2, h3, h4, h5, h6, p, li {
font-family:Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 2.4em;
	margin-bottom: 0.25em;
	font-weight: normal;
}

h2 {
	font-size: 1.8em;
	margin-bottom: 0.25em;
	font-weight: normal;
}

.old-h2 {
font-size:1.5em;
}
 
h3, {
	font-size: 1.6em;
	margin-bottom: 0.25em;
	font-weight: bold;
}

h4, .divSubmit h4 {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 0.5em;
}

h5, h6 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.5em;
}

p {
	font-size: 1.2em;
	line-height: 1.3;
	margin-bottom: 1em;
	margin-top: 0px;
}

li {
	font-size: 1.2em;
	line-height: 1.3;
	}
	
ol {
	margin-left:20px;
	padding-left:5px;
	}
	
.LeftPane ul {
margin:0;
padding:0;
}
	
.top-menu ul li {
	font-size:1.2em;
	font-weight:bold;
	}
	
.top-menu a,  {
color:#333333;
	text-decoration:none;
	}
	
.top-menu a:hover {
color:#FF0000;
	}


.LeftPane ul li a{
font-weight: bold;
margin:0;
}

#footer a {
text-decoration:none;
}







/* --------------------Layout --------------------*/
#Body {
	text-align: center;
	color: #333333;
	overflow:auto;
}

.clear {
clear:both;
}

#wrapper, #content {
	width:970px;
	text-align:left;
	margin:25px auto;
	
}

#header {
height:98px;
width:970px;
}


.logopane {
width: 250px;
height: 98px;
float:left;

}

.top-menu {
	
height:98px;
margin:0 0 0 10px;
width:540px;
float:left;
}


.search {

height:98px;
margin:20px 0 0 10px;
width:160px;
float:right
} 
   
.LeftPane {

width:160px;
float:left;
text-align:left;
	float: left;
	margin-left: 0px;
	width: 160px;
	margin: 0 0 20px 0;
padding: 0 10px 0 0;
}

.ContentPane {
border-left:5px solid #CCCC98;
float:left;
text-align:left;
padding-left:10px;
width:580px;
}


#footer {

overflow:hidden;
width:970px;
}

.footer-menu, .credits {
width: 970px;
margin:15px 0 10px 0;
text-align:center;

}

.footer-menu ul li{
display:inline;
list-style:none;

}
.credits {


}
  
  
/*Top Menu Styles-----------------------------------------------------------------------------------*/

.top-menu ul {
margin:10px 0 0 0;
padding:0;
}
.top-menu ul li {
display:inline;
list-style-type:none;
margin:0px 15px 0 0;
padding:0px 10px 11px 10px;	
border-bottom:5px solid #CCCC98;
}	

.top-menu ul ul, .footer-menu ul ul {
/*display:none;*/
}

li#HouseMenuNavItemHome,
li#HouseMenuNavItemHome a
{ display: none; }


/*Left Menu Styles-----------------------------------------------------------------------------------*/

.LeftPane ul li{
list-style:none;
border-bottom: 1px dotted #CCCC98;
padding:2px 10px 3px 0; 
}

.LeftPane ul li a{
text-decoration: none;
}

/*Bottom Menu Styles-----------------------------------------------------------------------------------*/

.footer-menu ul li a{
list-style-type:none;
padding:0 10px 0 10px;
border-right:1px solid #333333;
border-left:1px solid #333333;
}	

.footer-menu ul ul {
display:none;
}

.footer-menu a:hover {
color:#FF0000;
}

.credits a {
	text-decoration:none;
}


/*Misc. Styles-----------------------------------------------------------------------------------*/
.text-box {
border:1px solid #CCCC98;
float:right;
padding:0 0 10px 10px;
width:200px;
}

.flow-box {
border-color:#000000;
border-style:solid;
font-weight:bold;
outline-width:1px;
padding:10px;
text-align:center;
}

.arrow-box {
text-align:center;
}

.box {
float:left;
overflow:visible;
padding:20px 0 10px;
}

.col1 {
float:left;
padding-top:5px;
width:350px;
text-align:left;
}

.col2 {
float:right;
padding-top:5px;
width:350px;
text-align:left;
}
 
.back {
border-bottom:2px solid #D6D6A3;
float:left;
padding-top:10px;
vertical-align:bottom;
width:700px;
}

.fill-box {
background-color:#EEE8AA;
border-bottom:1px solid #333333;
padding: 15px;
}

/* --------------------Form--------------------*/


#divSubmit {


}

#divSubmit p {
font-weight:bold;
}



#divSubmit h3 {
font-size:2em;
color:#005B88;
}

.error li, .val{
    padding-left:25px;
	margin: 5px;
	background: url(images/stop-icon.png) left no-repeat;
    list-style:none;
	height:17px
}

.val{          
line-height:2;
padding:5px 0 5px 20px;
}

span.check-box {
font-size:1em;
}
.radio-buttons span{
font-size:1.2em;
}
.reg-l, .f-head, .reg-l-but {
width:520px;
float:left;
padding:20px 15px 10px 0;
}

.reg-l-but {
text-align:right;
}


.inquiry_form-l, .inquiry_form-m, .inquiry_form-s, .inquiry_form-vs {
}

.inquiry_form-xl {
width:550px;
font-size:1.8em;
}

.inquiry_form-l {
/*width:510px;*/
}

.form-contain {
overflow:hidden;
margin-bottom:30px;
}



.form select, .form input[type="text"] {
padding:5px; 
border-radius:4px;
width:97%;
border: 1px solid #CCCCCC;
}

.button-cont, .button-sub {
display:inline;
margin-left:15px;
background:#006182;
border: medium none;
color: #FFFFFF !important;font-size: 11px;
letter-spacing: 2px;
padding: 5px;
text-transform: uppercase;
text-decoration:none;
margin-bottom:5px;
}

.button-sub {
background:#27A747;
font-size: 15px;
padding: 10px;
border:1px solid #666;
}

.button-cont:hover, .button-sub:hover {
background:#000000;
}


.reg-m {
width:245px;
float:left;
padding:20px 15px 10px 0;
}

.inquiry_form-m {
/*width:245px;*/
}

.reg-s {
width:158px;
float:left;
padding:20px 15px 10px 0;
}

.inquiry_form-s {
/*width:158px;*/
}

.inquiry_form-vs {
/*width:160px;*/

margin-left: 5px;
}

.ch-count {
font-weight:bold;
color:#3399FF;
font-style:italic;
font-size:130%;
}


.form-step {font-size:30px; width:40px; height:40px; border:1px solid #ccc; background-color:#eee; text-align:center; display:inline; float:left; border-radius:20px; line-height:40px;}
.form {float:right; width:523px; display:inline;}
.form h1 {font-size:2.6em; border-bottom:1px solid #ccc; margin: 0 0 10px 0; }

.button {
border:none;
background: url(/portals/0/images/but-submit.png) no-repeat left;
    padding: 0px 8px;
	width: 200px;
	height:25px;
color:white;
}

.button:hover {
    background: url(/portals/0/images/but-submit-hov.png) no-repeat left;
    padding: 0px 8px;
	width: 200px;
	height:25px;
}

.upload-summ {
	border: 0;
	background-color:#FFFFCB;

}

.uploadifyUploadButton {
margin-top:10px;
}

/* --------------------Old Gaerf Site--------------------*/


/* Gaerf site layout */

body{
	background-color: #FFFFCC;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
font-size: 1.6em;;
}

h2 {
font-size: 1.5em;
}

h3 {
font-size: 1.3em;;
}

h4 {
font-size: 1.1em;;
}

#container {
width: 780px;
margin: 0;
text-align:left;
}

#content {
width: 780px;
margin: 0;
float:left;
}

a {
  color:#0000CC;
}

a:hover{
	color:#FF0000
}

#header {

width:780px;
}

#header_about, #header_news, #header_printed {
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	height: 98px;
	background-repeat: no-repeat;
	background-position: top left;
	width: 780px;
	text-decoration: none;
}

#header_about {
background-image: url(/images/gaerf_deco.gif);
}

#header_news {
background-image: url(/images/grant_deco.gif);
}

#header_printed {
background-image: url(/images/print_deco.gif);
}

#menu {
	margin-left: 89px;
	width: 627px;
}

#menu a {
	text-decoration: none;
}

#menu a:hover {
	color:#FF0000;
}



#home, #about, #printed, #news, #mark, #gcc {
	height: 93px;
	float: left;
	padding: 17px 0 0 0;
	background-repeat: repeat-x;
	text-align: center;
}

#home {
	background-image: url(/portals/_default/gaerf-skin/images/print_deco_home.gif);
	width: 60px;
	margin-right: 5px;
	
}
#about {
	background-image: url(/images/print_deco_nav2.gif);
	width: 55px;
	margin: 0 5px 0 5px;
	
}

#news {
	background-image: url(/images/print_deco_nav3.gif);
	width: 50px;
	margin: 0 5px 0 5px;
	
}

#printed {
	background-image: url(/images/print_deco_nav4.gif);
	width: 65px;
	margin: 0 5px 0 5px;
	
}
#mark {
	background-image: url(/images/print_deco_nav5.gif);
	width: 125px;
	margin: 0 5px 0 5px;
	
}
#gcc {
	background-image: url(/images/print_deco_nav6.gif);
	width: 163px;
	margin: 0 5px 0 5px;
}

#side_right{
	width: 160px;
	float: right;
	margin: 20px 0 20px 0;
}

.nav_box{
}

#main{
	width: 580px;
	margin: 20px 0 20px 180px;
	float: none;
}

.box{
	width: 579px;
	padding: 20px 0 10px 0;
	overflow: visible;
	float: left;
	text-align:left;
	}
	
.box h3{
	text-transform: uppercase;

}
	
	
.col1{
	width: 289px;
	float: left;
	padding-top: 5px;
}

.col2{
	width: 289px;
	float: right;
	padding-top: 5px;
}
.col {
	width: 579px;
	float: left;
}


.back{
	float:left;
	width: 432px;
	padding-top: 10px;
	vertical-align: bottom;
	border-bottom: 2px solid #D6D6A3;
	}

#side_left{
background-image: url(/images/divider.jpg);
	background-repeat: repeat-y;
	background-position: right;	
	float: left;
	margin-left: 0px;
	width: 160px;
	margin: 0 0 20px 0;
padding: 0 10px 0 0;
}

#footer {
	width: 720px;
	padding: 10px 0 20px 0;
	float: left;
	text-align: center;
}
.nav_box_drop {
	background-image: url(/images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.flow-box {
	border-color: #000000;
	border-style: solid;
	outline-width: 1px;
	padding: 10px;
	text-align: center;
	font-weight: bold;
}

.arrow-box {
	text-align: center;
}

.green {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #006633;
}
.cyan {
	color: #00FFFF;
}
.red {
	color: #FF0000;
}


.question a {
    background: url("images/sprite-bg-24bit.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 16px;
    text-indent: -9999px;
    width: 22px;
}
.question a:hover {
    background: url("images/sprite-bg-24bit.png") no-repeat scroll -50px 0 transparent;
}


#text-box {
	float: right;
	width: 200px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 2px solid #CCCC98;
}
.tan {
	background-color: #DCDCBA;
}



.news {
width: 500px;
	padding: 0 30px 20px 30px;
	overflow: visible;
	float: left;
	background-image: url(/images/news_thumb_deco.gif);
	background-repeat: no-repeat;
	background-position: top left;
border-top: 1px solid #CCCC98;
}

.date {
color: gray;
margin-right: 10px;
}
.box_color {
	background-color: #FFFFFF;
	color: #006633;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;	
}

.hightlight {
	width:225px;
	border:1px dotted #CCCC98;
	margin-bottom: 15px;
}

/***** General formatting only ****/

/**************** menu coding *****************/
#vmenu {
	float:none;
	width: 160px;
	padding: 0 0 10px 0;
}

#vmenu img {
padding: 0 0 5px 0;
}

#vmenu h4 {
	font-size: 1.1em;
	border-bottom: 2px solid #CCCC99;
margin-bottom: .4em; 
}

h4.drop {
	margin-left: 10px;
}


#vmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform: capitalize;
}

#vmenu a {
	display: block;
	margin: 0px 0 0 0;
	padding: 2px 10px 3px 10px;
	text-decoration: none;
	color: #0000CC;
	font-weight: bold;
}

#vmenu a:hover {
	color: #FFFFFF;
	background-color: #336633;
}

#vmenu li {
	position: relative;
	border-bottom: 1px dotted #CCCC99;
}

#vmenu img {
margin-right: 5px;
	border: 1px solid #CCCC98;
}

#vmenu ul ul {
	position: absolute;
	top: 0;
	left: 159px;
	width: 160px;
	border: 1px solid #336633;
	background-color: #FFFFCC;
	font-weight: bolder;
	font-size: 0.8em;
	border-top: 5px solid #336633;
}


div#vmenu ul ul,
div#vmenu ul li:hover ul 
{display: none;}

div#vmenu ul li:hover ul,
div#vmenu ul ul li:hover ul
{display: block;}







/* layout style sheet starts here*/



/* Gaerf site layout */

body{
	background-color: #FFFFCC;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
font-size: 1.6em;;
}

h2, .old-h2 {
font-size: 1.5em;
font-weight:bold;
}



h3 {
font-size: 1.3em;;
}

h4 {
font-size: 1.1em;;
}

#container {
width: 780px;
margin: 0;
}

#content {
width: 780px;
margin: 0;
float:left;
}

a {
  color:#0000CC;
}

a:hover{
	color:#FF0000
}

#header {

width:780px;
}

#header_about, #header_news, #header_printed {
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	height: 98px;
	background-repeat: no-repeat;
	background-position: top left;
	width: 780px;
	text-decoration: none;
}

#header_about {
background-image: url(/images/gaerf_deco.gif);
}

#header_news {
background-image: url(/images/grant_deco.gif);
}

#header_printed {
background-image: url(/images/print_deco.gif);
}

#menu {
	margin-left: 89px;
	width: 627px;
}

#menu a {
	text-decoration: none;
}

#menu a:hover {
	color:#FF0000;
}



#home, #about, #printed, #news, #design, #gcc {
	height: 93px;
	float: left;
	padding: 17px 0 0 0;
	background-repeat: repeat-x;
	text-align: center;
}

#home {
	background-image: url(/images/print_deco_home.gif);
	width: 60px;
	margin-right: 5px;
	
}
#about {
	background-image: url(/images/print_deco_nav2.gif);
	width: 55px;
	margin: 0 5px 0 5px;
	
}

#news {
	background-image: url(/images/print_deco_nav3.gif);
	width: 50px;
	margin: 0 5px 0 5px;
	
}

#printed {
	background-image: url(/images/print_deco_nav4.gif);
	width: 65px;
	margin: 0 5px 0 5px;
	
}
#design {
	background-image: url(/images/print_deco_nav5.gif);
	width: 125px;
	margin: 0 5px 0 5px;
	
}
#gcc {
	background-image: url(/images/print_deco_nav6.gif);
	width: 163px;
	margin: 0 5px 0 5px;
}

#side_right{
	width: 160px;
	float: right;
	margin: 20px 0 20px 0;
}

.nav_box{
}

#main{
	width: 580px;
	margin: 20px 0 20px 180px;
	float: none;
}


	
.box h3{
	text-transform: uppercase;

}
	
	
.col1{
	width: 289px;
	float: left;
	padding-top: 5px;
}

.col2{
	width: 289px;
	float: right;
	padding-top: 5px;
}



.back{
	float:left;
	width: 432px;
	padding-top: 10px;
	vertical-align: bottom;
	border-bottom: 2px solid #D6D6A3;
	}

#side_left{
background-image: url(/images/divider.jpg);
	background-repeat: repeat-y;
	background-position: right;	
	float: left;
	margin-left: 0px;
	width: 160px;
	margin: 0 0 20px 0;
padding: 0 10px 0 0;
}

#footer {
	width: 720px;
	padding: 10px 0 20px 0;
	float: left;
	text-align: center;
}
.nav_box_drop {
	background-image: url(/images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.flow-box {
	border-color: #000000;
	border-style: solid;
	outline-width: 1px;
	padding: 10px;
	text-align: center;
	font-weight: bold;
}

.arrow-box {
	text-align: center;
}

.green {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #006633;
}
.cyan {
	color: #00FFFF;
}
.red {
	color: #FF0000;
}


#text-box {
	float: right;
	width: 200px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 2px solid #CCCC98;
}
.tan {
	background-color: #DCDCBA;
}



.news {
width: 500px;
	padding: 0 30px 20px 30px;
	overflow: visible;
	float: left;
	background-image: url(/images/news_thumb_deco.gif);
	background-repeat: no-repeat;
	background-position: top left;
border-top: 1px solid #CCCC98;
}

.date {
color: gray;
margin-right: 10px;
}
.box_color {
	background-color: #FFFFFF;
	color: #006633;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;	
}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:696px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */


