/* CSS Document */
/* colors:
dark blue: #2667AB
light blue: #B3BBCE
lightest blue: #EFF1F6
medium blue: #CFD7EA 
green: 388989*/
body{
	background-color: #B3BBCE;
	color: #2667AB;
	margin: 0px;
	font-family: "Times New Roman", Times, serif;
	font: small;
	}
a{
	color:#388989;
}
img{
	border-color: #2667AB;
	}
	

a:visited{
	color:#2667AB;
}
a:hover{
	text-decoration:underline;
}
.content{
	background: #CFD7EA;
	border: thin solid #2667AB;
	clear: left;
	float: left;
	width: 600px;
}
p {
	padding: 5px;
	margin: 5px;
}
.main-inside {
	background: #EFF1F6 url(../images/bgstrip1.jpg) repeat-x 0px top;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.collage {
	padding: 5px 0 5px 0;
	border: thin solid #388989;
	background: #ffffff;
	width: 552px;
	float: none;
	clear: both;
	text-align: center;
}

h1 {
	font-size: 200%;
	padding: 0px;
	text-align: center;
	color:#2667AB;
	}
h2 {
	font-size: 150%;
	padding: 0 0 0 2%;
	color:#2667AB;
	background: #ffffff;
	height: 25px;
	margin: 0;
	width: 98%;
	}
h3 {
	font-size: 120%;
	padding: 0px;
	color:#2667AB;
	}
h4 {
	font-size: 110%;
	padding: 0px;
	color:#388989;
	display: inline;
	}
h5 {
	font-size: 100%;
	padding: 0px;
	color:#2667AB;
	}
h6 {
	font-size: 90%;
	padding: 0px;
	color:#388989;
	}

.sidebox {
	margin: 10px;
	padding: 5px;
	background: #ffffff;
	border-bottom: thick solid #2667AB;
	text-align: left;
	font-size: 14px;
}



.main{
	background: #ffffff;
	margin: 5px;
	padding: 5px;
	border-left: thick solid #2667AB;
	border-bottom: thick solid #2667AB;
	}
.mainbox{
	border: none;
	}
.subhead {
	font-size: 130%
	}
.sidebox hr{
	color: #2667AB;
	}


/*Navigation*/
.menu{
	background: #B3BBCE url(../images/swoosh.jpg) no-repeat left top;
	font-size: 14pt;
	width: 185px;
	height: 600px;
	text-align: right;
}
.menu a{ 
	text-decoration: none;
	color: #388989;
	height: 33px;
	display:block;
	background: url(../images/menubutton2a.png) no-repeat scroll right 0;
	line-height:40px;
}
.menu a:hover{
	background: url(../images/menubutton3a.png) no-repeat scroll right 0;
	width: 185px;
	text-decoration: none;
}
.menu a#img:hover {
	background:none;
}
.menu a#img {
	background:none;
	height:195px;
}

.menu a#highlight{
	color: #ffffff;
	background: url(../images/menubutton.png) no-repeat scroll right 0;
	width: 185px;
}



/* Top Navigation*/

.innermenu {
	font-size: 110%;
	text-align: right;
	font-weight: bold;
	padding: 5px 22px 5px 5px;

	}
.innermenu a {
	text-decoration: none;
	color: #2667AB;

	}
.innermenu a:hover {
	color: #388989;
	}
	
/*products*/
table.products{
	background-color:#FFFFFF;
	border: 1px solid #2667AB;
}
.products td{
	padding:3px;
	color:#2667AB;
}
.products tr#main td{
	background-color:#DCEBEA;
}
#grayed{
	color:#999999;
}


/*admin part*/
a#invis{
	color:#B3BBCE;
}

body.admin{
	background-color:#EEF1F6;
	color:#2667AB;
}

.admin_header{
	background-color:#EEF1F6;
	padding:5px 10px 0 10px;
	border-bottom:solid 2px #2667AB;
}
.admin_content{
	background-color:#FFFFFF;
	padding:10px;
	color: #2667AB;
}
.admin_footer{
	background-color:#EEF1F6;
	padding:5px 10px 0 10px;
	border-top:solid 2px #2667AB;
}

#edit, .admin{
	color:#E43F00;
}
.admin:visited{
	color:#E43F00;
}


table.menus td{
	border: 1px solid #EEF1F6;
}
.left{
	float:left;
	width:25%;
}
.right{
	float:left;
	width:50%;
	padding:10px;
}
.farright{
	float:right;
	width:15%;
}
table.admin{
	background-color:#EEF1F6;
	border: 1px solid #2667AB;
}
.admin td{
	padding:3px;
	color:#2667AB;
}
.admin tr#main td{
	border-bottom: 1px solid #2667AB;
	background-color:#2667AB;
	font-size:105%;
	padding:5px;
	color:#FFFFFF;
}
tr#main td a{
	color:#FFFFFF;
}
tr#main td span#red{
	font-weight:normal;
}

tr#highlight td{
	background-color:#EEF1F6;
	font-weight:bold;
	color:#2667AB;
}


.teasers{
	border-right: 1px solid #464646;
	border-left: 1px solid #464646;
	border-bottom: 1px solid #464646;
}
.teaser{
	text-align:center;
	border-top: 1px solid #2667AB;
}
.teaser a:hover{
	text-decoration:none;
	color:#CC7E05;
}


table.newsletter{
	background-color:#EEF1F6;
	border: 1px solid #2667AB;
}
.newsletter td{
	padding:3px 10px 3px 10px;
	color:#2667AB;
}
tr#greyrow{
	background-color:#EEF1F6;
}

#red{
	color:red;
}



/*tinymce*/


.tablestyle1{
	border-collapse:collapse;
	background-color: #ffffff;
	border:1px solid #2667AB;
	color:#2667AB;
}
.tablestyle1 td{
	border:1px solid #2667AB;
	color:#2667AB;
	padding:3px;
}
.tablestyle1 thead{
	background-color:#2667AB;
	color:#ffffff;
	font-size:110%;
	font-weight:bold;
}
.tablestyle1 thead td{
	color:#ffffff;
}
.tablestyle1 table td{
	border:0;
}
.header1{
	color:#158936;
	font-size:120%;
	font-weight:bold;
}
.header2{	
	color:#2667AB;
	font-size:110%;
	font-weight:bold;
}
.header3{
	color:#D28918;
	font-weight:bold;
	font-size:100%;
}
.small{
	font-size:80%;
}
hr{
	border:1px solid #CFD7EA;
}
.greyrow{
	background-color:#C9C9C9;
}

/* fixes it so the HD logo doesn't have a border around it */

img.noborder {
	border: 0;
}

#webdevelopment {
	text-align: right;
	width: 100%;
}