/*-----------General CSS-----------*/
html {margin:0;padding:0}
body {margin:0;padding:0;background:#fff;text-align:left;background-image:url(/images/layout/vines.jpg);background-repeat:repeat-x;font-size:76%;}
body,p,h1,h2,h3,a,li,td,textarea,input,select {font-family:"Century Gothic", "Gill Sans MT", Tahoma, sans-serif;color:#444;}
p,a,li,td {font-size: 1em;}
p {color:#222;margin:0.6em 0 1em 0;padding:0;overflow:visible}
h1 {font-weight: bold; font-size: 1.6em;clear: both;margin:0 0 0.8em 0;padding:0}
h2 {font-weight: bold; font-size: 1.2em;margin:0em 0 0.5em 0;padding:0;border-bottom: 1px dashed #999;}
h3 {font-weight:bold; font-size: 1.1em;margin:0.6em 0 0.3em 0;padding:0}

div.clearing {position:relative;display:block;clear:both;margin:0px;margin-bottom:-30px;padding:0;font-size:1px}	

#headerlogo {position:absolute;top: 27px;left: 35px;}
#headerdetails {margin-top: -1px;}
#headerbox {width: 180px; text-align: left;position:absolute;margin-top:15px;margin-left:-180px;}
#menubox {width: 220px;}

.footer {font-size:11px;}
.footer a:link {color:#555;}

td {text-align:left};
td.content {background-image: url(/images/layout/grape-corner.jpg);background-repeat: no-repeat; background-position: right top; 
	padding-left: 15px;padding-right: 15px; padding-top: 15px; border-right: 1px solid #AAA;}


/*----------Link-related code----------*/
a:link {text-decoration:underline;	color:#33C;}
a:visited {text-decoration:underline; color:#6A6B95;}
a:hover {text-decoration:underline;color:#C33;}

a.nav:link {font-family: "Trebuchet MS", verdana, sans-serif;font-size: 10px;font-style: normal;font-weight: bold;
	text-transform: uppercase;color: #999999;letter-spacing: 4px;text-align: right;vertical-align: middle;text-decoration: none;}
a.nav:visited  {font-family: "Trebuchet MS", verdana, sans-serif;font-size: 10px;font-style: normal;font-weight: bold;
	text-transform: uppercase;color: #999999;letter-spacing: 4px;text-align: right;vertical-align: middle;text-decoration: none;}
a.nav:hover {font-family: "Trebuchet MS", verdana, sans-serif;font-size: 10px;font-style: normal;font-weight: bold;
	text-transform: uppercase;letter-spacing: 4px;text-align: right;vertical-align: middle;color: #000000;
	text-decoration: none;background-color: #DDD;}	
a.nav:active {font-family: "Trebuchet MS", verdana, sans-serif;font-size: 10px;font-style: normal;font-weight: bold;
	text-transform: uppercase;color: #AAA;letter-spacing: 4px;text-align: right;vertical-align: middle;
	text-decoration: none;}
	
/*----------Misc and Image related code----------*/
.small {font-size: 0.9em}
.tiny {font-size: 0.75em}
.big {font-size:1.25em}
.red {color:Red;}
.bold {font-weight:bold;}

a img {border:0px;}
img {border-color:Black;}

.imgshadow {float: left;background: url(/images/layout/shadow.gif) no-repeat bottom right;
  		     margin: 10px 0 0 10px !important;margin: 10px 0 0 5px;}
.imgshadow img {display: block;position: relative;background-color: #fff;
	             border: 1px solid #a9a9a9;margin: -6px 6px 6px -6px;padding: 4px;}
.imgbox {text-align:center; }	               
       
/*----------Navigation/Button code----------*/

/*----------Table related code----------*/
table.list {border:none;border-top:1px solid #999;border-bottom:1px solid #999;
		margin:1.2em 0 1em 0;padding:0;background:transparent;color:#000;}
table.list tr th {border:none;text-align:left;vertical-align:top;font-weight:bold;
				margin:0;padding:0.3em 0.5em;background-color:#CCCCCC;color:#000;}
table.list tr td {border:none;border-top:1px solid #ddd;text-align:left;vertical-align:top;}


/*----------Form-related code----------*/
form {display:inline;}
form input, form select {padding:0;font-size:0.95em}
form textarea {font-size:0.9em/1em;}
input {background-image:url(/images/layout/textbox-background.jpg); background-position:top left;background-repeat:no-repeat;}
textarea {background-image:url(/images/layout/textbox-background.jpg); background-position:top left;background-repeat:no-repeat;}

/*----------UL-related code----------*/
ul.grid {margin:0; padding:0;}
ul.grid li {margin:0;padding:0;width:135px; height:150px; float: left; text-align:center;list-style: none}
ul.grid li a:link {text-decoration:none}
ul.grid li a:visited {text-decoration:none}
ul.grid li a:hover {text-decoration:underline}

ol, ul {font-size:1em/1.25em;color:#000;margin:0.4em 0 0.8em 0;padding:0}
ul {list-style:square;}
li {font-size:1em/1.25em;margin:0 0 0 2em;padding:0;color:#000}


/*--------------------Box Code-------------------*/
.box-simple {background: url(/images/layout/box/shadowAlpha.png) no-repeat bottom right;
  background: url(/images/layout/box/shadow-.gif) no-repeat bottom right;  margin: 2px 0 0 2px; }
.box-simple div {  background: none; background: url(/images/layout/box/shadow2-.gif) no-repeat left top; padding: 0; padding: 0 6px 6px 0; }
.box-simple div div {color: #474747; background-color: #fff; background: url(/images/layout/box/box-background.jpg) no-repeat left top;
  border: 1px solid #999999; padding: 4px; margin: -6px 6px 6px -6px; margin: 0; }
.box-simple div div h2 {position:relative;display:block;clear:both;margin:0;padding:0;color:#333;font-size:14px;}
.box-simple div div h2 a {text-decoration:none;color:#333;}
.box-simple div div h2 a:hover {text-decoration:none;color:#d7251d;}
.box-simple div div h2 img { text-align:right;}
.box-simple div div h3 { margin:0px;color:#333;}
.box-simple div div p { margin-top:3px;margin-bottom:3px;}

.box-shadow{float:left;clear:left;background: url(/images/layout/shadowAlpha.png) no-repeat bottom right;
	background: url(/images/layout/shadow.gif) no-repeat bottom right;margin: -5px 0 10px 10px;
	margin: -5px 0 10px 5px;padding: 0px;}
.box-shadow div{position:relative;bottom:6px;right: 6px;border: 1px solid #999999;
	padding:4px;margin: 0px 0px 0px 0px;/*background: url(/img/layout/grey-optimised.jpg) no-repeat left top;*/
}
.box-shadow div {margin: 0px 0px -3px 0px;margin:  0px 0px 0px 0px;}
.box-shadow div p{margin: 3px;margin-bottom:10px;}
.box-shadow div h2{margin-top:-3px;}	


.coolbox, .box_body, .box_head, .box_head h2 {background: transparent url(/images/layout/box.png) no-repeat bottom right;} 
.coolbox {padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 20px auto;margin-top:0px;margin-left:-10px; /* use to position the box */ } 
.box_head {background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ } 
.box_head h2 {background-position: top left;margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ padding: 15px 0 1px 35px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ color:#444;}  
.box_body {background-position: bottom left; margin-right: 25px; /* interior-padding right */ 
    padding: 10px 0 10px 35px; /* mirror .cssbox_head right/left */}
.box_body p {margin-top:0px;margin-left:0px;}


/*--------------------Tabs-----------------------------*/
#tabs {width:100%;background:#000 url("/images/layout/tabs/bg.gif") repeat-x bottom;font-size:93%;line-height:normal;}
#tabs ul {margin:0px;padding:12px 10px 0;list-style:none;}
#tabs li {float:left;background:url("/images/layout/tabs/left.jpg") no-repeat left top;margin:0;padding:0 0 0 9px;}
#tabs a {float:left;display:block;background:url("/images/layout/tabs/right.jpg") no-repeat right top;padding:5px 15px 4px 6px;
		text-decoration:none;font-weight:bold;color:#EEE;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/#header a {float:none;}/* End IE5-Mac hack */
#tabs a:hover {color:#333;}
#tabs #current {background-image:url("/images/layout/tabs/left_on.jpg");}
#tabs #current a {background-image:url("/images/layout/tabs/right_on.jpg");color:#333;padding-bottom:5px;}

.manage a:link {text-decoration:none; color:#222;}
.manage a:visited {text-decoration:none; color:#222;}
.manage a:hover {text-decoration:underline;color:#C33;}