/* Duo Net Template Stylesheet */

/* this rule stops the 'shorter pages' from jumping to the left -  */
html, body { min-height:100%; margin-bottom:1px; }

body {
margin:0;
padding: 0;
background-color: #CCCCCC;
font: 101% Trebuchet, Verdana, Arial, Helvetica, sans-serif;
text-align:center;  /* aligns page center in IE5.5 */
}


/* to style the lists on the front page */
ul,li {
line-height: 1.5em;
font-size: 1.0em;
list-style-type: square;
}


/* outer wrapper - holds the rest of the content -ensures that layout is centered */
#wrapper {
margin: 0 auto;
width: 1004px;
background-color: White;
text-align: left;
}




#companyname {
	background-image: url(../images/yourmeetinproheader4.jpg);
	background-repeat:no-repeat;
	padding: 0;
	height: 100px;
	background-color: #00FF00;
}


/* HEADER BACKGROUND AND COMPANY NAME */
#header {
	background-color: transparent;
	width: 770px;
	height: 178px;
	background-image: url(../images/your_meetingpro_header2.gif);
	background-repeat: no-repeat;	
}


/* BACKGROUND FOR THE TOP NAV */
#topnav{
	height: 30px;
	background-image: url(../images/new-nevgationbar.gif);
	background-repeat: no-repeat;
}


 
/*navigation styling */
#navBar {
background-color: transparent;
height: 38px;
padding-top: 0;
line-height: 1.55em;
}



#navBar ul {
margin: 0px; 
padding: 4px;
list-style-type: none; 
}


#navBar li {
display: inline;
list-style-type: none;
padding:8px;
margin: 0px;
font-size: .80em;
font-weight: bold;
}

/*navigation styling #000066; */

#navBar a {
background: transparent;
border: none;
margin: 0px;
color: #FFFFFF;
text-decoration: none;
padding: 0px 15px;
}




#navBar a:link, #navBar a:visited {
color: #FFFFFF;
text-decoration: none; 
}



#navBar a:hover {
color: #ed1c24;
background-color: #000000;
background-color: transparent;
}



#navBar a:active {
background-color: transparent;
color: #FFFFFF;
font-weight: bold;
}



/*End NavBar styles */

/* OUTER WRAPPER FOR CONTENT AREA */
#contentwrapper {
width: 1004px;
background-image: url(../images/content-wrapper2.jpg);
background-repeat: repeat-y;
overflow: auto;
}



/* left column styles */

#contentleft {
padding-top: 0px;
padding-left: 10px;
padding-right: 20px;
width:470px;
float: left;
font: .75em Trebuchet, Verdana, Arial, Helvetica, sans-serif;
color: #28667F;
background-color: transparent;
}


#contentleft img {

margin-top:30px;
margin-bottom:30px;

}

.img-pdf {
	display: inline;
	margin: 0px;
	padding: 0px;
}




/* styles the positioning of the court graphic on the front page so that it is centered in the left column */

.frontpageimg {
width: 450px;
margin: 0 auto;
padding-top: 30px;
padding-left: 10px;
}




/*  heading styles for the left column #666666; */

#contentleft h1 {
	font-size: 1.3em;
	color: #C3662C;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #C3662C;
	}
	
/*  heading styles for the left column #AB8630;  */	
	
#contentleft H2 {
font:  bold 1.1em  Trebuchet, Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #C3662C;
border-bottom: 1px solid #C3662C;
padding-top: 15px;
}



/* right column - main content area styles #666666 */

#contentright {
width:412px;
float: left;
padding-left: 20px;
padding-right: 10px;
font: .80em Verdana, Arial, Helvetica, sans-serif;
color: #28667F;
}



/* heading styles for the content area #314B7A; */

#contentright H1{
font-size: 1.3em;
font:  bold Trebuchet, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #C3662C;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #C3662C;
}



/* heading styles for the content area */
#contentright H2 {
font:  bold 1.1em  Trebuchet, Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #C3662C;
border-bottom: 1px solid #C3662C;
padding-top: 15px;
}


#contentright H3 {
font:  bold .95em  Trebuchet, Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #C3662C;
font-variant: small-caps;
}



/* styles the small green text  read more...  text */
.smalltext {
color: #A48624;
margin: 0;
}


/* styles the above text when a link is applied  */
.smalltext a:link, .smalltext a:visited {
color: #C3662C;
margin: 0;
}



/* FOOTER AREA */
#footer {
	font: .85em Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	margin:30px 0px 0px 0px;
	padding: 0;
	height: 124px;
	width: 1004px;
	background-image: url(../images/footer_light.gif);
	background-repeat: no-repeat;
}



#footer p{	
padding-top: 10px;
color: #2f3236 ;
font-size: .8em;
}


.footermenu{
font: 0.95em Trebuchet, Verdana, Geneva, Arial, Helvetica, sans-serif;
float: right; 
padding-top: 20px; 
padding-right: 25px; 
color: #CCCCCC;
}



.footermenu a:link, .footermenu a:visited{
	color: #2f3236;
}



/* BASIC HEADING STYLES */


h1 {
	font-size: 1.8em;
	color: #C3662C;
	margin-top: 10px;
	margin-left:10px;
	margin-bottom: 10px;
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;	
	}
	
H2 {
font: 1.0em Trebuchet, Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #C3662C;
}

	
/* menu styles in the footer */


/* BASIC LINK STYLES #003366;*/
a:link {
color: #C3662C;
text-decoration: none;
}



a:visited {
color: #C3662C;
}

a:hover {
text-decoration: underline;
}



/* CLEARER DIV USED TO CLEAR FLOATED DIVS */
.clearit {
clear: both;
font-size: 1px; /*for IE*/
height: 0;
line-height: 0px;
}



/* styles the image so that it sits either left or right of content text */
.imgright {
float: right; 
padding-left: 6px; 
padding-right: 0px;
padding-top: 6px;
}


.imgleft {
float: left; 
padding-left: 6px; 
padding-right: 15px;
padding-top: 6px;
}

/***** Begin laying out the contact form *****/

#contentleft form {
	margin: 10px 20px 15px 15px; 
	width: 450px;
}


#contentleft legend{
padding:10px;    /*gives a bit of padding between the border and the text*/
color: #C3662C;
font-size: 130%;
font-weight: bold;
}



/*#contentleft .hand, #contentleft .print {
	display: none;
}*/
/*
#contentleft p.sent {
   color: #414129;
	background-color: #f1f1f1;
	border: 1px solid #70704E;
	padding: 5px;
	margin: 0 43px 25px 15px;
}*/

#contentleft input, #Content select {
	background-color: #FCFDFE;
	color: #304975;
	border: 1px solid #577DA2;
	margin: 0;
	width: 180px;
	display: block;
	font-family: "Courier New", Courier, monospace;
	font-size: 120%;
	padding: 2px;
}



#contentleft select {
	padding: 0;
	width: 165px;
}

#contentleft textarea {
	background-color: #FCFDFE;
	color: #304975;
	border: 1px solid #577DA2;
	margin: 0 20px 0 0;
    font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	padding: 2px;
	width: 350px;
}



#contentleft textarea:focus, #contentleft input:focus, #contentleft select:focus {
	color: #A7BADA;
	background-color: #EEF4F9;
	color: #304975;
	border: 1px solid #577DA2;
}


.labelfloat {
	float: left;
	padding-top: 20px;
	width: 420px;
}


#contentleft label {
	color: #C3662C;
	font-size: 85%;
	padding-top: 5px;
	display: block;
}


#contentleft fieldset {
padding:10px;
border: 1px solid #577DA2;
width: 420px;
font-size: 100%;
}

#contentleft #submit {
border: 1px solid #577DA2;
background: #C3662C;
color: #ffffff;
margin-top: 10px;
}

/* END FORM STYLES */


/* This is the start of my Code that alters the Templates  */

#flash_box {
width: 1000px;
height:300px;
background-color:#ffffff;


}