/* 

Template Colors:
Blue = #333399   

*/

body {
	background-color:#FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align:left;
	background-image:url(img/header_bkg.jpg);
	background-repeat: repeat-x;
}
body,tr,td,th,p {
	color: #000033;
	margin:0;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
th {
	background-color:#F5F5F5;
	color: #333399;
	font-weight: bold;
}

a,a:link,a:visited,a:active {
	color: #333399;
	text-decoration: none;
}
a:hover {
	color: #333399;
	text-decoration: underline;
}
p {
	padding: 0px 0 15px 0;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px 0 5px 0;
	padding: 0px;
}


h1 { font-size: 32px; line-height: 36px; }
h2 { font-size: 24px; line-height: 28px; }
h3 { font-size: 18px; line-height: 22px; }
h4 { font-size: 14px; line-height: 18px; }
h5 { font-size: 12px; line-height: 16px; }
h6 { font-size: 10px; line-height: 14px; }

h1,h3,h5 {
	color:#333399;
	font-weight: bold;
}
h1 a, h1 a:link, h1 a:visited, h1 a:active,
h3 a, h3 a:link, h3 a:visited, h3 a:active,
h5 a, h5 a:link, h5 a:visited, h5 a:active {
	color:#333399;
}
h1 a:hover, h3 a:hover, h5 a:hover {
	color:#0000CC;
	text-underline: none;
}

h2,h4,h6 {
	color:#666666;
	font-weight: bold;
}
h2 a, h2 a:link, h2 a:visited, h2 a:active,
h4 a, h4 a:link, h4 a:visited, h4 a:active,
h6 a, h6 a:link, h6 a:visited, h6 a:active {
	color:#666666;
}
h2 a:hover, h4 a:hover, h6 a:hover {
	color:#999999;
	text-underline: none;
}


blockquote {
	color:#666;
	margin: 0 0px 15px 0px;
	padding: 15px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #eee;
}

ol {
	list-style-type: decimal;
	padding: 0 0 5px 20px;
	color: #333399;
}
ul {
	list-style-type: square;
	margin: 0;
	padding: 0 0 10px 15px;
	color: #333399;
}
li {
	margin: 0;
	padding: 0px;
	color: #333333;
	font-weight: normal;
	vertical-align: bottom; /* This fixes the IE5 Win gap! */	
}
code {
  font-size: 100%;
}
hr {
  border: 0px;
  border-bottom: 1px dotted #333333;
  text-align:center;
  height: 0px;
}
img {border:0 }

em, i {	font-style: italic}
strong, b {font-weight: bold;}
strong em {font-weight: bold; font-style: italic}
strong i {font-weight: bold; font-style: italic}
i b {font-weight: bold; font-style: italic}
em b {font-weight: bold; font-style: italic}


/* Forms ----------------------------------------------- */

label { font-weight: bold; }
input, button, select {
	background-color:#fff;
	color: #555;
	font-size: small; 
	margin:2px;
	padding:2px;
}
button, input[type="button"], input[type="submit"], input[type="reset"]   {
	background-color: #efefef;
	color: #666;
	border: 1px solid #999;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	font-weight: normal;
	margin-left: 2px;
	margin-right: 2px;
}
button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover   {
	background-color: #333399;
	color: #fff;
}
button:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active  {
	background-color: #fff;
	color: #000;
	border: 1px solid #333399;
}
table.tableform td.button {	text-align: center; }
input[type="text"], input[type="password"], textarea { 
	color: #333;
	background-color: #fff;
	border: 1px solid #ddd;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus	{ 
	color: #000;
	background-color: #fff; 
	border: 1px solid #333399;
}
textarea { width: inherit; }

input[type="checkbox"], select {
	padding: 1px;
	font-size: x-small; 
}
.required {
	color: #333399;
}

legend {
	width: 75%;
	font-weight: bold;
	font-size: 120%;
	margin: 10px 0; 
	padding: 5px; 
	border: 1px solid #ccc; 
}


fieldset {
	border: 1px solid #ddd;
	padding: 3px;
}


fieldset {	
	border: 1px solid #ddd; 
	padding: 3px 10px 10px; 
	margin: 10px 0;
}

label {
	width: auto;
	margin:0px;
	padding:0px;
	float:left;
}

.field_title {
	padding: 4px 10px 0 0;
	text-align: left;
	align: left;
}

/* Layout ----------------------------------------------- */

.block {width:800px;text-align:left;}
#main {width:100%; height:100%;}
#header, #body, #footer {margin:auto; display: block; clear:both;}

/* Header ----------------------------------------------- */
#header {
}


#logo {
	float:left;
	padding: 0;
	margin: 0;
	width: 120px;
}


#header_utility {
	float:right;
	width: 660px;
	padding: 12px 10px 0px 10px;
	text-align:right;
	font-size:15px; 
	color: #FFF;
}

#header_utility a, #header_utility a:link, #header_utility a:visited, #header_utility a:active {
	font-size:15px; 
	color: #FFF;
	padding: 0 5px 0 5px;

}
#header_utility a:hover {
	color: #DDD;
	text-decoration: none;
	padding: 0 5px 0 5px;
}

#logo-text {
	float:right;
	width: 670px;
	padding-left: 10px;
}

#menu{
	float:right;
	width: 680px;
	text-align:right;
	padding: 20px 0 0 0;
	_padding: 21px 0 0 0;
}





/*- Menu --------------------------- */

#menu ul {
	float:right;
	text-align: right;
        margin:0;
        padding: 0px 0px 0 0px;
        list-style:none;
}

#menu li {
	display:inline;
	margin:0;
	padding:0;
}

#menu a {
	float:left;
	margin:  0 0 0 2px;
	padding: 10px 7px 7px 7px;
	text-decoration:none;
	font-size:15px; 
	color: #FFF;	
	font-weight: bold;
	background-image: url(img/menu_bkg.gif);
	background-repeat: repeat-x;
}


#menu a:hover, #menu .menu-current a {
	background-color: #FFF;
	color:#333399;
	background-image: none;
}


/* Footer ----------------------------------------------- */

.footer_menu{
	color: #666666;	
	padding-top: 15px;  
	padding-left: 15px; 
	font-size:15px;  
	text-align: center; 
}
.footer_menu a, .footer_menu a:link, .footer_menu a:visited, .footer_menu a:active {
	padding: 5px; 
	font-size:15px; 
	color: #666666;
	font-weight: normal;
}
.footer_menu a:hover {
	color: #333399;
	text-decoration: underline;
}

.copyright { 
	padding: 5px;
	padding-left: 20px;  
	text-align: center; 
	font-size:10px; 
	color: #666666; 
}

.copyright hr { 
	margin: 15px 0 15px 0;
}

.footer_utility{
	color: #666666;	
	padding-left: 15px;  
	text-align: center; 
	padding-bottom: 50px;  

}
.footer_utility a, .footer_utility a:link, .footer_utility a:visited, .footer_utility a:active {
	padding: 5px; 
	font-size:10px; 
	color: #666666; 
}
.footer_utility a:hover {
	color: #333399;
	text-decoration: underline;
}

/* content ----------------------------------------------- */

.clear { clear: both; }

.content {
	padding: 20px;
	min-height: 400px;
}
.contact_main {
	width: 700px;
}
.contact_sidebar {
	width: 200px;
	padding: 10px;
	color: #FFFFFF;
	background-color: #333399;
}

.contact_sidebar p, .contact_sidebar li {
	color: #FFFFFF;
}

blockquote h2 {
	padding: 5px 0px 0 0px;
	color:#666;
	text-align: center;
}

blockquote h2 span {
	color:#333399;
}

blockquote h2 span a {
	color:#333399;
	text-decoration:none;
}

.home_video {
	color:#333399;
	background-color: #333399;
	padding: 10px;
}

.item {
	float: left;
	display: block;
	width: 230px;
	margin: 0px 20px 10px 0;
	padding: 0;
} 

.item img {
	max-width: 230px;
} 


#profile-form {
	float: left;
	width: 500px;
}

#upload-photo {
	float: right;
	width: 250px;
}