/* global reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }
html{	
	font-size:medium;}
body{
	background: #B6F1F1 url(Images/background.gif) repeat-x;
	color: #4a4a4a;
	font-family:"Trebuchet MS", Verdana,Arial,Helvetica,sans;
	}
	
	/* headings and paragraphs -1.1- ----------------------------------------------------------------------------------------------------*/
	h2{color: #338fb1;font-size: 2.18em;line-height: 1em;}
	
	h3{color: #3490b2;font-size: 1.64em;}
	 
	h4{font-size: 1.09em;line-height: 1em;font-weight: bold;margin-bottom: 5px;}
	
	h4 a{color: #4a4a4a;}
	
	p{ margin-bottom:5px;}
	
	/* forms  -1.2- -------------------------------------------------------------------------------------------------------------------------------*/
		
	input,textarea{color: #949b94;font: normal normal 1em/1.2em Verdana,Arial, Helvetica,sans;}
	small {font-size:0.8em;}
	
	/* links -1.3- -------------------------------------------------------------------------------------------------------------------------------*/		
	a{
		color: #3490b2;
		text-decoration: underline;}
	a:hover{
		text-decoration: none;}

	/* others -1.4- -------------------------------------------------------------------------------------------------------------------------------*/		
	strong{
		font-weight: bold;}
	em{
		font-style: italic;}

/*  Header elements -2- ===========================================================================*/

#header{margin:0px auto; text-align:center; width:909px; background:url(Images/header-bg.jpg) no-repeat left top; height:306px;}

#header div{margin:15px 20px 30px 40px; text-align:left; width:840px; float:left;}
#header div div.logo{margin:0px 0px 0px 40px; text-align:left; width:270px; float:left;}
#header div div.slogan{margin:0px 20px 0px 0px; text-align:left; width:320px; float:right; font-size:18px; color:#216882;}

#header div.search{margin:15px 20px 0px 10px;width:300px; float:left; font-size:18px; color:#FFFFFF;}
#header div.search div.gap{margin:0px;width:150px; height:15px; float:left;}
#header div.search div.gap2{margin:0px;width:150px; height:7px; float:left;}
#header div.search div.left{margin:0px;width:150px; height:35px; float:left;}
#header div.search div.right{margin:0px;width:150px; height:35px; float:right;}
#header div.search fieldset{border:none; width:300px; float:left;}
#header div.search label{float:left; width:60px; text-align:right;}
#header div.search span{ height:40px; padding:15px 0px 0px 20px; float:left;}
#header div.search input, select{ background:#FFF; border:1px solid #FFFFFF; width:80px; height:20px; line-height:20px; font-size:12px;}
#header div.search a{font-size:18px; font-weight:bold; color:#663300; text-decoration:underline;}
#header div.search a:hover{text-decoration:none;}
#header div.search input.big{ width:235px;}

#header div.signup{margin:15px 0px 0px 20px;width:80px; padding:90px 0px 0px 20px; float:right;}
#header div.signup a{font-size:18px; font-weight:bold; color:#fff; text-decoration:underline;}
#header div.signup a:hover{text-decoration:none;}

/*  Nav elements -2- ===========================================================================*/

#nav{margin:0px auto; text-align:center; width:887px; padding-bottom:10px;padding-left:4px; background:#fff;}
#nav div.menu {margin:0px auto; text-align:center; width:860px; padding:5px; background:#BDF2F3; height:35px;}
#nav div.menu ul {height:32px; border:1px solid #FFFFFF;}
#nav div.menu li {display:inline; background:url(Images/menu-devider.gif) no-repeat right; height:28px; line-height:28px;}
#nav div.menu li.no-line {background:none;}
#nav div.menu a{font-size:16px; font-weight:bold; color:#663300; text-decoration:none; padding:0px 22px 0px 22px;}
#nav div.menu a:hover{ color:#000000; text-decoration:underline;}

/*  page elements -2- ===========================================================================*/
#wrraper{margin:0px auto; text-align:center; width:909px;}
#wrraper div.bottom { background-position:bottom; background-repeat: no-repeat; background-image: url(Images/body-bg3.gif); padding-bottom:2px; }

#page{text-align:center; float:left; width:870px; padding:10px 20px 40px 19px;}
#page{ background-position:center; background-repeat:repeat-y; background-image: url(Images/body-bg2.gif); }

/*#page{text-align:center; background:url(Images/body-bg2.gif) bottom no-repeat; float:left; width:870px; padding:10px 20px 40px 19px;}*/

#page P.slogan {font-size:12px;font-weight:bold;text-decoration:none;color:#000;font-style:italic;}

/*#page {background-color:#fff;}
#page div {background-color:#fff;}*/


#page div.left{ width:630px; float:left; text-align:left; background-color:#fff;}
#page div.left pre{ text-align:center; margin:0px 0px 20px 0px;}
#page div.left pre a, #page div.left pre a:hover{ text-decoration:none;}

#page div.left h1{ background:url(Images/heading-1.gif) no-repeat; font-size:18px; color:#216882; padding-left:10px; padding-bottom:10px; font-weight:bold; height:45px; line-height:35px;}
#page div.left div.content h2{ background:url(Images/heading-2.gif) no-repeat; font-size:14px; color:#216882; padding-left:10px; font-weight:bold; height:35px; line-height:25px;}
#page div.left div.content h2 span{color:#503D29;}
#page div.left div.content h2 a {font-size:14px; }

#page div.left div.photo{float:left; width:110px; text-align:center; font-size:10px;}
#page div.left div.photo img {border:3px solid #B6F3E5; padding:1px; background:#fff;}
#page div.left div.photo img.green {border:3px solid #CEF3CA;}
#page div.left div.content{float:right; width:500px;}
#page div.left div.contentfull {float:right; width:610px;}
#page div.left div.contentfull h2{ font-size:14px; color:#216882; padding-left:0px; font-weight:bold; height:35px; line-height:25px;}

#page div.left ol {list-style-type:decimal;}
#page div.left ol {list-style-type:decimal; margin-left:30px;margin-top:10px;}

#page div.left ul li {	display:inline;	padding:10px; background:#F1FFFC; margin-bottom:10px; width:610px; font-size:12px; float:left;}
#page div.left ul li.green {background:#F7FFF1;}
#page div.left ul li.greenonly {background:#F7FFF1;}
#page div.left ul li:hover {background:#F7F7F7;cursor: pointer;}
#page div.left ul li span.left{float:left;}
#page div.left ul li span.right{float:right;}

#page div.left a{font-size:11px; font:Arial, Helvetica, sans-serif; color:#216882; text-decoration:underline;}
#page div.left a:hover{color:#000; text-decoration:none;}
#page div.left p{line-height:1.5em;}

#page div.right{ width:225px; float:right; background-color:#fff;}

/* Categories */
.categories {float:left;width:223px;margin-bottom:20px; text-align:left;}
.categories h2 {font-size:16px; color:#216882; padding-left:30px; font-weight:bold; height:35px; line-height:25px;}
.categories li{display:inline;width:223px;float:left;margin-bottom:2px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.categories li a{text-decoration:underline;color:#111;line-height:20px;padding-left:17px;}
.categories li a:hover{text-decoration:none;color:#666;}

.greenonly {background-color:#F7FFF1;}

.green {background:#F7FFF1;}
.green h2{background:url(Images/heading-3.gif) no-repeat;}

.blue {background:#F1FFFC;}
.blue h2{background:url(Images/heading-4.gif) no-repeat;}

.account {background:#F1FFFC;}
.account h2{background:url(Images/heading-6.gif) no-repeat;}

.google {float:left;width:223px; text-align:center; border-left:1px solid #D1DDF3;}

/* pagination */

.pagination{margin:0px 0px 30px 0px; float:left; width:100%}
.pagination li { float:left; padding:0px !important; width:25px !important; text-align:center; margin:0px 5px 0px 5px;}
.pagination li a {background:#f7fff1; font-size:12px; font-weight:bold; color:#503d29 !important; width:25px; float:left; height:25px; line-height:25px; text-decoration:none !important;  border:1px solid #cef3ca;}
.pagination li a:hover {background:#b6f3e5;}
.pagination li a.selected {background:#b6f3e5;}
.pagination li a.next {border:none;}
.pagination table {background:#b6f3e5;padding:3px;width:300px; float:right;font-size:12px;font-weight:bold;}
.pagination table a {font-size:12px;font-weight:bold;}
.pagination table select {width:40px;}

/* footer */
#footer {margin:0px auto; text-align:center; width:909px; line-height:2.0em; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
#footer a{color:#4a4a4a; text-decoration:none;}
#footer a:hover{color:#4a4a4a; text-decoration:underline;}

/* Profile page */
.details {background:#F1FFFC; padding:10px 0px 10px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; float:left; width:630px;}
.details div.photo-1{float:left; width:210px; text-align:center; font-size:10px;}
.details div.photo-1 img{border:3px solid #B6F3E5; padding:2px; margin:2px 1px 2px 1px; background:#fff;}
.details div.photo-1 img.green{border:3px solid #CEF3CA;}

.details div.content-0{float:left; width:620px;}
.details div.content-0 h2{ background:url(Images/heading-2.gif) no-repeat; font-size:14px; color:#216882; padding-left:10px; font-weight:bold; height:35px; line-height:25px;}
.details div.content-0 h2 span{color:#503D29;}
.details div.content-1{float:right; width:420px;}
.details div.content-1 h2{ background:url(Images/heading-2.gif) no-repeat; font-size:14px; color:#216882; padding-left:10px; font-weight:bold; height:35px; line-height:25px;}
.details div.content-1 h2 span{color:#503D29;}

.details h2{background:url(Images/heading-5.gif) no-repeat !important; }
.details p{ float:left; margin-bottom:10px;/* width:400px;*/}
.details p label{ float:left; text-align:right; width:90px; padding-right:10px; color:#216882;}
.details div.content-1 p span{float:left; width:300px; text-align:left;}
.details div.content-0 p span{float:left; width:510px; text-align:left;}


/* form */
div.form {background-color:#f7fff1;margin-left:10px;max-width: 600px;padding:5px;}
div.form select.listbox {height:200px;min-width:300px;width:300px;border:1px solid gray;}

table.inputform {font-size:0.8em;}
table.inputform td {padding:5px; vertical-align:top;}
table.inputform td input[type=text] { width:160px;}
table.inputform td input[type=text].long, select.long { width:300px;}
table.inputform td input[type=text].short, select.short{ width:100px;}
table.inputform td input[type=text].mini, select.mini{ width:50px;}
table.inputform td input[type=text].medium, select.medium{ width:200px;}
table.inputform tfoot td input[type=submit] { float:right;}
table.inputform thead th {background-color:#f7fff1;padding:7px;border-bottom:1px solid #999999;font-weight:bold;}
table.inputform tr.over td {background-color:#f1fffc;border-bottom:1px solid #999999;border-bottom-style:dashed;border-top:1px solid #999999;border-top-style:dashed;}
/*table.inputform thead th {background-color:#faf7d5;padding:7px;border:2px solid #999999;font-weight:bold;}*/

/*table.photos {font-size:0.8em;}
table.photos td {padding:5px; vertical-align:top;}
table.photos td input[type=text] { width:160px;}*/
table.photos td label { vertical-align:middle;}
table.photos td input[type=radio] { vertical-align:text-top;}


table.radiolist td, table.checkbox td {padding:5px;}
table.radiolist td input, label {margin:0;width:20px; vertical-align:top;}
input[type=checkbox] {padding:0;margin:0;width:20px; vertical-align:top;}


/* messages */
div.message {padding:10px; margin-left:10px; font-weight:bold;}
div.error {color:Red;}
div.info {color:Green;}
div.warn {color:Orange;}


/* admin stuff */
a.adminlink{font-weight:bold;color:red; /*background: url('images/icons/cedit.gif') no-repeat;padding-left:17px;*/background-color:Yellow;}
a.adminlinkd{font-weight:bold;color:red; padding:3px; /*background: url('images/icons/cdel.gif') no-repeat;padding-left:17px;*/background-color:#ff9999;}
a.profilelinkd{font-weight:bold;color:red; padding:3px; /*background: url('images/icons/cdel.gif') no-repeat;padding-left:17px;*/background-color:#ff9999;}