/* --------------------------------------------------------------



   Blueprint CSS Framework Screen Styles

   * Version:   0.6 (21.9.2007)

   * Website:   http://code.google.com/p/blueprintcss/

   See Readme file in this directory for further instructions.



-------------------------------------------------------------- */



@import 'lib/reset.css';

@import 'lib/typography.css';

/*@import 'lib/grid.css';*/

@import 'lib/forms.css';



/* Plugins:

   Additional functionality can be found in the plugins directory.

   See the readme files for each plugin. Example:

   @import 'plugins/buttons/buttons.css'; */



/* See the grid:

   Uncomment the line below to see the grid and baseline.

  .container { background: url(lib/grid.png); }



/* --------------------------------------------------------------



   Custom Bespoke CSS Screen Styles to edit.

   The following will overwrite the css above.

   Best to leave the above alone as boilerplate

   and customize as necessary.



-------------------------------------------------------------- */





body{

	background:#cccccc url(/images/bckgrnd_body.gif);

	background-repeat:repeat-x;

	background-position:top;

	color:#717171;

	padding:0;

	margin:0;

}





/* Top Banner

-------------------------------------------------------------- */



#top_banner {

	width: 100%;

	height:30px;

	background:#000000 fixed url(/images/bckgrnd_top_banner.gif);

	background-repeat: no-repeat;

	background-position:top;

	text-align: left;

	position: relative;

}



#top_text{

	position: absolute;

	bottom: 2px;

	margin:0;

	font-size:.9em;

	padding:0 0 0 44px;

	text-align:left;

	color: #FFFFFF;

	font-weight: bold;

}

#top_banner a{

	color:#f58220;

	text-decoration:none;

}

#top_banner a:hover{

	color:#ffcc00;

	text-decoration:none;

}

#top_banner a:visited{

}

#top_banner a:active{

}

#top_banner a:hover{

}

#top_image {

	height:30px;

	position:absolute;

	width:38px;

	background-image:url(/images/graphic_hand.gif);

}



/* Main Structure

-------------------------------------------------------------- */

#container {

	/*margin:20px auto; /* the auto margins (in conjunction with a width) center the page */

	/*width:650px; */

    margin-top:20px;

    min-width: 675;

    max-width: 900;

    margin-left:10%;

    margin-right:10%;

    padding:0;

	text-align: left; /* this overrides the text-align: center on the body element. */



}



#inner_container{

	/*width:650px;*/

}



#title{

	text-align:left;

	margin: 0;

	/*background:url(../../images/photo01.jpg) top right no-repeat; /* for small images less than 200px wide*/

    background:url(/vsys/headerimage) top left no-repeat; /* for large images 650px wide*/

	padding: 10px 0 0 10px; /* for large images 650px wide*/

	height:130px;

}



#main_box {

    border: 1px solid #e3e3e3;

	background:#ffffff;

	/*width: 650px;*/

	margin-top:10px;

}



#nav {

	width:100%;

	display:block;

	min-height:25px;

	background:#dcdcdc url(/images/bckgrnd_nav.gif);

	background-repeat:repeat-x;

	background-position:top;

	color:#ff5400;

	line-height:1.9em;

}



#nav p{

	margin:0 0 0 10px ;

}



#welcome{

	width:640px;

	background:#ffffff;

	padding:25px 0 4px 10px;

}



.box_title{

	background:#fdfbf8;

	min-height:21px;

	padding-left:10px;

}



.box_row{

    margin:10px 9px 0 9px;

    background:url(/images/bckgrnd_optional.gif) bottom repeat-x;

}



.box_row_app{

    margin:10px 9px 0 9px;

}



.box_news, .box_subscribe, .box_generic{

	padding-bottom:104px

}



.box_news{

	border: 1px solid #e3e3e3;

	background:url(/images/bckgrnd_news.gif) bottom right no-repeat;



}

.box_subscribe{

	border: 1px solid #e3e3e3;

	background:url(/images/bckgrnd_subscribe.gif) bottom right no-repeat;

}



.box_generic{

	border: 1px solid #e3e3e3;

	background:url(/images/bckgrnd_optional.gif) bottom right repeat-x;

}



.box_inside{

	margin: 10px 10px 0 10px;

}



.footer_image{

	text-align:center;

	height:126px;

	background:url(/images/graphic_hands.gif) bottom no-repeat;

}



table.myinfo{

	border-spacing: 8pt;

    cellspacing: 50;

    cellpadding: 50;

}

	

/* Forms pages

-------------------------------------------------------------- */



.appNotice{

	margin:10px;

}



.appErrs {

	margin:10px;

}



.appErrsTitle{

	font-weight:bold;

	font-size: 1.2em;

	line-height: 1.25em;

	margin-bottom:.7em;

}



.error{

	color: #D12F19;

}



.errorInput{

	background: #FBE3E4;

}



/* News Page

-------------------------------------------------------------- */



.news_item {

	margin:10px 10px 0 10px;

}



/* Text Elements

-------------------------------------------------------------- */



a:link{

	color:#ff5400;

}

a:visited {

	color:#a4691e;

}



a:active {

	color:#ffcc00;

}



a:hover {

	color:#ffcc00;

}



p{



}



h1, h2 {

	color:#000000;

}

h1 {

	font-size:4em;

/*	margin-top:20px;*/

}



h2 {

	font-size:1.4em;

}



h3 {

	color:#696a6b;

}

h4 {

	color:#117cc7;

	font-weight:bold;

	line-height:2em;

}

h5 {

	color:#828282;

}

ul{

	margin:10px 0 0 0;

	padding:0 0 0 20px;

}

li {

	line-height:1.4em;

	padding-bottom:.7em;

}



#footer p{

	color:#ffffff;

	font-weight:bold;

	padding:10px;

}