/* -----------------------------------------------------------------------------------------------------------*/
/*
/* File: MainStyle
/* Template: website template styles for 5280i.com
/* Author: John Howard @ 5280i.com
/*
/* CSS Goodies - Just Cut & Paste Styles
/*
/*	padding order: top, right, bottom, left
/*  font-size-adjust: 0.50;
/*	font-family: Geneva, Arial, Helvetica, Sans-Serif;
/*	ul { list-style-type: square }<ul><li style=?list-style-type: disc?>some text</li></ul>
/*  	
/*
/*---------------------------------------------------------------------------------------------------------- */ 

/*  BORDER SHADOWS  */

  table.outerTable {
    background-image: url(../img/border/bg2.gif);
  }

  table.borders { 
    align: center
  }

  td.top { 
    height: 16px;  
    background-image: url(../img/border/top.png);
  }

  td.topRight { 
    width: 16px;
    height: 16px;
    background-image: url(../img/border/topRight.png);
  }

  td.right { 
    width: 16px; 
    background-image: url(../img/border/right.png);
  }

  td.bottomRight { 
    width: 16px; 
    height: 16px; 
    background-image: url(../img/border/bottomRight.png);
  } 

  td.bottom { 
    height: 16px;
    background-image: url(../img/border/bottom.png);
  }

  td.bottomLeft { 
    width: 16px;
    height: 16px;
    background-image: url(../img/border/bottomLeft.png);
  } 

  td.left { 
    width: 16px;
    background-image: url(../img/border/left.png);
  }

  td.topLeft { 
    width: 16px; 
    height: 16px; 
    background-image: url(../img/border/topLeft.png);
  }

  td.center { 
    background-color: white; 
  }  

/*  BACKGROUND & BODY  */

body {
	background-image: url(../img/border/bg.gif);
/* 	background-repeat: repeat-x;
	background-repeat: repeat-y;
	background-color: #0271b5; */
	margin-top: 20px;
}

/* PAGE TITLE */

h1 {
	font-size: 22px;
	font-family: Trebuchet MS;
	font-style: normal;
	font-weight: bold;
	color: #333300;
	padding-left: 10px;
	padding-top:5px;
}

/* PAGE SUB-TITLE 1 */

h2 {
	font-size: 16px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333300;
	margin-top:-16px;
	padding-left: 10px;
}

/* PAGE SUB-TITLE 2 */

h3 {
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333300;
	padding-left: 15px;
}

/* FOOTER TEXT STYLE */

h5 {
	font-size: 18px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	color: #FFFFFF;
	text-align:right;
}

/* PARAGRAPH TEXT STYLE */

p {
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: normal;
	color: #000000;
	text-align:justify;
	padding-left:15px;
	padding-right:15px;
}

/*  FORM INPUT TEXT   */

.textbox {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color: #3c5171;
	padding-left:15px;
	padding-right:40px;
	padding-bottom:10px;
	margin-top:-12px;	
}

.textbox2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: justify;
	color: #3c5171;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
	margin-top:-12px;	
}

/* IMAGE WRAPPER*/

.img {
	padding-left:1px;
	padding-right:1px;
	text-align:center;
}


/*  RANDOM QUOTE  */

.randomquote {
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	text-align:right;
}

/*  LIST STYLES  */

ul
{
list-style-type: none;
padding: 0px;
margin-left: 25px;
}

li
{
background-image: url(../img/arrow.gif);
background-repeat: no-repeat;
background-position: 2px;
padding-left: 25px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-style: normal;
color: #036;
}

/*  FORM INPUT TEXT   */

.formtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	color: #666666;
}

.forminput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #666666;
}

#inputArea
{
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    background-color: #d6e5f4;
    padding: 10px;
}

#inputArea input[type="text"], #inputArea textarea
{
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    border: solid 1px #85b1de;
    width: 300px;
}

/*  PRIMARY TEXT LINK ROLLOVER   */

a:link{ color:#003366; text-decoration:none;} 
a:visited { color:#003366; text-decoration:none;}
a:hover { color:#0099ff; text-decoration:none; cursor:pointer;}
a:active { color:#003366; text-decoration:none;}

/*  WEBSITE PAGE LINKS   */

  a.blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	}

a.blue:link{ color:#000000; text-decoration:none;} 
a.blue:visited { color:#000000; text-decoration:none;}
a.blue:hover { color:#FF0000; text-decoration:none; cursor:pointer;}
a.blue:active { color:#000000; text-decoration:none;}

/*  SECONDARY TEXT LINK ROLLOVER   */

  a.red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration:none;
	}

a.red:link{ color:#000000; text-decoration:none;} 
a.red:visited { color:#000000; text-decoration:none;}
a.red:hover { color:#FF0000; text-decoration:none; cursor:pointer;}
a.red:active { color:#000000; text-decoration:none;}

/* TOP MENU  */

#menu {
	background: #333;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 20px;
}
#menu li {
	font-family: Trebuchet MS;
	font-size:12px;
	text-align:center;
	margin: 0;
	padding: 0;
}
#menu a {
	background: #333;
	border-bottom: 1px solid #393939;
	color: #ccc;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}
#menu a:hover {
	background: #2580a2 url("img/menu/hover.gif") left center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}