body {
	font: 75% "Trebuchet MS", Verdana, sans-serif;
	color: #666666;
	background: #FFFFFF;
}
* {padding:0; margin:0;}
.clear {clear:both;}
#wrap {width:783px; margin:auto}
#header {height:35px;}

.header { 
	height: 35px; 
	margin: 0px 0 2px 0; 
	padding: 0px 0 0 0px;
	border: none;
	color: #ffffff;	
}

#content {padding:0 38px 25px 38px; font: 14px "Trebuchet MS", Verdana, sans-serif;
	color: #666666;}
#guidelines {padding:0 38px 25px 38px; font: 14px "Trebuchet MS", Verdana, sans-serif;
	color: #666666;}
#footer  {background:url(images/footerbg.jpg) bottom no-repeat; padding-bottom:25px;}

a {color:#0056a2; text-decoration:underline;}
a:visited,active { text-decoration:underline; color:#6a92c7;}
a:hover {color:#6a92c7; text-decoration:underline;}
#content p {line-height:22px;}

h1#logo {font-family:"arial", arial, sans-serif; float:left; margin:0; color:#000; font-weight:normal;}
h1#logo b {font-size:16px; color:#545454; font-family:"verdana", serif;}
h1#logo a, h1#logo a:visited, h1#logo a:hover {font-size:26px; color:#A8A8A8; letter-spacing: -1px; text-decoration:none;}

h1 {font: normal 22px "Trebuchet MS", Verdana, sans-serif; color: #545454;}

h2 {font: normal 22px "Trebuchet MS", Verdana, sans-serif;
	border-bottom:1px solid #CCCCCC;color:#000;}

h2#guidelines {font: normal 22px "Trebuchet MS", Verdana, sans-serif;}

h3{border-bottom:1px solid #CCCCCC;color:#000;}

#guidelines h3 {font: normal 20px "Trebuchet MS", Verdana, sans-serif;
	color: #000;}
#guidelines h2 {font: normal 22px "Trebuchet MS", Verdana, sans-serif;}

#content h3 {font: bold 14px "Trebuchet MS", Verdana, sans-serif; color:#000;}
#content .subhead {display:block; padding:3px 5px 0 8px; margin-bottom:5px;}

/*Home Page Columns*/
#col_1 {width:30%; float:left; padding:5px;}
#col_3 {margin-left:33%; margin-right:33%; padding:5px;}
#col_2 {width:30%; float:right; padding:5px;}
#topcol {padding:45px 0px 20px 0px; margin-bottom15px;}
#col_1 p, #col_2 p, #col_3 p {padding:0 8px 5px 8px;  line-height:18px; display:block;
/*Delete this Line if you don't want fixed height*/ height:75px}/*----*/


.buttonhome {margin:5px 10px 5px 0;}
.leftalign {float:left; margin:5px 10px 5px 0;}
.rightalign {float:right; margin:10px 0px 5px 10px;}
.leftmain {float:left; margin:5px 35px 5px 0px;}
.rightmain {float:right; margin:5px 0px 5px 35px;}

.linkbutton {display:block; background:url(images/button1.jpg) no-repeat; width:79px; height:22px;
text-align:right; padding:5px 20px 0 5px; }
.linkbutton:hover {background:url(images/button3.jpg) no-repeat;}
#sitename {
	display:block;
	padding: 0px 10px 0 45px;
	color: #6a92c7;
	font: 18px "Trebuchet MS", Verdana, sans-serif;
	text-align:right;
}
#sitename .desc {font-size:14px; color:#6a92c7; font-variant:normal; display:block}
#topmenu ul {text-align:center; display:block; float:left; 
/*change the value below to decrease or increase the width of top menu*/
width:500px;
/*--*/
}
#topmenu li {display: inline;}


#ft_btm{
	
	text-align: center;

}
#btm_cont {padding:5px 45px 30px 45px; background:url(images/bottomend.jpg) no-repeat center bottom; }
.btm_box {width:110px; padding:5px; float:left; margin:8px;}

#rightcontent {float:right; width:575px; padding:45px 0 0 0}
#sidebar { margin:0px 600px 10px 0; padding-top:45px;}



.textfield {
	display: block;
	width:50%;
	margin:3px 3px 3px 30px;
	padding:3px;
	border: 1px solid #D2E3F3;
	background: #EEF4FB;
}
label {	display: block; margin:3px; padding: 5px;}
.button {
	display: block;
	padding:0px;
	margin:3px;
	border: 2px solid #C8E9F7;
	color:#000000;
	background: #EEF4FB;
}
.textfield:hover {
	background:#FFFFCC;
}
.textfield:focus {background:#ffffff;}
.hide {display:none;}

#rightcontent ul, #rightcontent ol {padding:10px; margin:10px;}
ol {list-style:decimal;}
#rightcontent ul {list-style: square;}
#rightcontent p {margin-bottom:20px;}
#rightcontent li {padding:3px;}

#sidebar ul {list-style:none; margin-bottom:15px;}
#sidebar li {display:block; height:25px; border-bottom:dashed 1px #CCCCCC;}
#sidebar li a {display:block; height:20px; padding:5px 5px 0 5px;}
#sidebar li a:hover {background:#efefef; text-decoration:none;}

blockquote {display:block; padding:5px 5px 5px 55px; margin:5px; background:url(images/quote.jpg) no-repeat;}
blockquote p {margin-bottom:0; font: normal 16px Georgia, "Times New Roman", Times, serif; color: #blue;}
.extract {float:left; width:300px;}



.invertedshiftdown{
padding: 0;
width: 100%;
border-top: 2px solid #A8A8A8; 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

.invertedshiftdown a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0;
padding: 5px 10px 9px 10px;
background-color: white;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}

.invertedshiftdown a:hover{
background-color: #A8A8A8; 
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

.invertedshiftdown .current a{ 
background-color: #A8A8A8; 
padding-top: 9px;
padding-bottom: 5px;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.textInput
{
border: 1px solid #6a92c7;
background: #ffffff;
color: #000000;
font-size: 1.5em;
}

.gadgettextInput
{
border: 1px solid #6a92c7;
background: #ffffff;
color: #000000;
font-size: 1.0em;
}



#wraper { 
	width: 730px; 
	min-height: 500px; 
	margin: 0 auto; 
}
#head {
	width: 706px; 
	height: 54px; 
	float: left; 
	border-bottom: 1px solid #cbcbcb;
	margin-left: 30px; 
	font-family: Arial; 
	font-size: 24px; 
	padding-left: 5px;
	line-height: 60px;  
}
#text1 { 
	width: 650px; 
	float: left; 
	font-family: Arial; 
	font-size: 17px; 
	padding-left: 5px;
	margin: 10px 10px 10px 30px;
}
#forms { 
	width: 300px; 
	float: left; 
	margin: -5px 10px 10px 30px; 
	font-family: Arial; 
	font-size: 17px; 
	padding-left: 5px;
	font-weight: bold;
}
#forms span { 
	margin-top: 8px;
	float: left; 
}
.field { 
	width: 419px; 
	height: 36px; 
	float: left; 
	background: url("../images/field.jpg") no-repeat;
	border: 0; 
	padding: 9px 10px 0 10px;
	}
.go { 
	width: 63px; 
	height: 36px; 
	float:left; 
	background: url("../images/go.jpg") no-repeat;
	border: 0;
	}
.imagetitle { 
	width: 130px; 
	min-height: 30px; 
	float: left; 
	margin-left: 35px;
	font-family: Arial; 
	font-size: 18px;
	color: #999;
}
.image { 
	width: 130px; 
	min-height: 120px; 
	float: left; 
	margin-left: 35px;
	font-family: Arial; 
	font-size: 18px;
	color: #999;
}

.alttitle { 
	width: 200px; 
	min-height: 30px;
	float: left;
	font-family: Arial; 
	font-size: 18px;
	color: #999;
	margin-left: 5px;  
}
.alt { 
	width: 200px; 
	min-height: 120px;
	float: left;
	font-family: Arial; 
	font-size: 14px;
	color: #999;
        margin-left:50px;
	margin-left: 5px;
        background: url("../images/img.jpg") no-repeat;
        background-position:top left;
}
.notestitle { 
	width: 340px; 
	min-height: 30px;
	float: left;
	font-family: Arial; 
	font-size: 18px;
	color: #999; 
	margin-left: 5px; 
}
.alt img { 
	float: left;
	}
.alt span { 
	float: left; 
	margin-top: 8px;
	margin-left: 5px;
        
	}
.notes { 
	width: 340px; 
	min-height: 120px;
	float: left;
	font-family: Arial; 
	font-size: 14px;
	color: #999; 
	margin-left: 5px; 
}
.notes span { 
	color: #190E00;
        margin: 5px;
	
} 

.notes span a {
	color: #190E00;
	text-decoration: none;
}

#result {
	width: 725px;
	margin: 0 auto;
	text-align: left;
	clear: both;
}
.block { 
	width: 725px; 
	min-height: 120px; 
	float: left;
	margin-bottom: 5px;	
}

a img {
	border: 0;
}

:focus { outline: 0; }