﻿/* ********** MAIN ********** */
.main
{
	width:800px;
	border:solid 6px #333;
	background-color:#ffffff;
	/*margin:0 auto;*/		/* use "margin: 0 auto;" to center website in browser */
}

/* ********** HEADER ********** */
.header
{
	height:300px;
}
.extra
{
	/*background-color:#ccc;*/
	float:left;
	margin-top:12px;
	padding-left:428px;
	margin-right:10px;
}
.photo		/* width max = 100, height max = 125 */
{
	/*background-color: #333;*/
	float:left;
	/*margin-right:5px;*/
	/*margin-left:5px;*/
	/*padding-right:20px;*/
	margin-top:15px;			/* THIS NEEDS TO */
	/*margin-bottom:0px;*/		/* ADD UP TO HEIGHT OF TEMPLATE	*/
	height:125px;				/* PLUS 1px border if present on image */
	width:100px;			/* 100 to take up space (if needed) */
}
.imgphoto
{
	border:solid 1px #ccc;
}
.logo		/* width max = 200, height max = 100 */
{
	/*background-color: #ccc;*/
	float:left;
	margin-left:10px;
	/*margin-right:100px;*/
	/*margin-top:42px;*/			/* THIS NEEDS TO */
	/*margin-bottom:23px;/*		/* ADD UP TO HEIGHT OF TEMPLATE	*/
	height:100px;			/* PLUS 1px border if present on image */
	width:200px;			/* 200 to take up space (if needed) */
}
.imglogo
{
	border:solid 0px #ccc;
}
.contact
{
	/*background-color:#ccc;*/
	padding-top:5px;
	padding-right:20px;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	color:#666;
	height:100px;
	text-align:right;
}
.name
{
	/*loat:left;*/			/* use "float:left" to put them all on one line */
	font-size:16pt;
	padding-top:15px;
}
.phone
{
	/*float:left;*/			/* use "float:left" to put them all on one line */
	font-size:12pt;
	padding-top:5px;
}
.email
{
	/*float:left;*/			/* use "float:left" to put them all on one line */
	font-size:10pt;
	padding-top:5px;
}

/* ********** TOPNAV ********** */
.topnav
{
	float:right;
	/*background-color:#666;*/
	margin-top:17px;
	text-align:center;
	width:800px;
}
.topnav ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}
.topnav li
{
	display:inline;
}
.topnav a
{
	font-family:Verdana, Arial, Sans-Serif;
	font-size:9pt;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	margin:0px 15px;
	padding:2px 3px;
}
.topnav a:hover
{
	background-color:#990000;
}

/* ********** NAV ********** */
.nav ul
{
	list-style-type:none;
	margin:0;
	padding:0 3px 0 0;
}
.nav a
{
	display:block;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:9pt;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	width:137px;		/***** WIDTH MUST BE 150 MINUS THE RIGHT LEFT PADDING *****/
	padding:1px 5px;
}
.nav a:hover
{
	background-color:#333;
}

/* ********** BODY ********** */
.body1
{
    /*background-image: url(../images/t3_1_navbg.gif);	** set in xml file */
    background-repeat:repeat-y;
    width:100%;
}
.body2
{
    /*background-image: url(../images/t3_1_leftbottom.gif);	** set in xml file */
    background-repeat:no-repeat;
    background-position:bottom left;
    width:100%;
}
.body3
{
    /*background-image: url(../images/t3_1_navbg.gif);	** set in xml file */
    background-repeat:repeat-y;
    background-position:right;
    width:100%;
}
.body4
{
    /*background-image: url(../images/t3_1_leftbottom.gif);	** set in xml file */
    background-repeat:no-repeat;
    background-position:bottom right;
    width:100%;
}

/* left center and right must add up to 800 */
/* make sure you take into account the borders */

/* ********** LEFT ********** */
.left
{
	float:left;
	width:150px;
	/*background-color:#369;	** set in xml file (NOTE:does NOT need to be set cause of nav bg image) */
}
.lefttop
{
	height:10px;
	/*background-image: url(../images/t3_1_lefttop.gif);	** set in xml file */
	font-size:1pt;
}
.leftmiddle
{
	
}
.leftbottom
{

}
/* ********** CENTER ********** */
.center
{
	float:left;
	width:480px;
	margin:10px 10px 10px 10px;		/* If No margin on "body1" then add margin here to top */
}
/* ********** RIGHT ********** */
.right
{
	float:right;
	width:150px;
	/*background-color:#369;	** set in xml file (NOTE:does NOT need to be set cause of nav bg image) */
}
.righttop
{
	height:15px;
	/*background-image: url(../images/t3_1_lefttop.gif);	** set in xml file */
	font-size:1pt;
}
.rightmiddle
{
	
}
.rightbottom
{
	
}
.rightfieldset
{
	font-family:Verdana, Arial, Sans-Serif;
	font-size:8pt;
	border:solid 1px #999999;
	text-align:center;
}
.rightlegend
{
	/*display:none;*/
	font-weight:bold;
	color: #333333;
}
.rightMessage
{
	font-weight:bold;
	color:#cc0000;
	background-color:#ffff00;
}
.righttext
{
	padding:5px 10px 10px 10px;
	text-align:left;
}
.rightimage
{
	float:right;
	padding-right:5px;
}
.righttextbox
{
	padding:2px 2px;
	border:1px solid #999999;
	background-color:#efefee;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:8pt;
	font-weight:bold;
	color: #333333;
}
.rightbutton
{
	margin:5px;
	border: 1px solid #999999;
	background-color:#efefee;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:8pt;
	font-weight:normal;
	color:#666666;
	cursor:pointer;
}
