/* LAYOUT */

*{padding: 0px; margin: 0px;}
p,h1,h2,h3,h4,h5,h6,table,img,hr {
display: block;
padding: 0px;
margin: 0px;
border: 0px;
}

body {
font-family: Helvetica, Verdana, Arial, sans-serif;
color: rgb(255, 255, 255);
background-color: rgb(1, 62, 97);
font-size: 0.80em;
line-height: 1.3em;
padding-top: 10px;
padding-bottom: 10px;
}

hr {
height: 1px;
color: rgb(0, 103, 155);
background-color: rgb(0, 103, 155);
border: none;
}

.hr {
margin: 0px;
padding: 0px;
width: 160px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
height: 1px;
background-color: rgb(0, 103, 155);
}

#wrap {
width: 900px;
margin: 0px auto;
background-color: rgb(1, 74, 116);
}

#header {
width: 900px;
height: 78px;
background-color: rgb(202, 0, 0);
background-position: top left;
background-image: url('http://host.easyweblogic.com/~windsrsc/assets/images/web-graphics/header-bg.gif');
background-repeat: no-repeat;
padding: 0;
}

/*MAIN NAVIGATION*/

#navbar { width: 890px; background: rgb(0, 103, 155); padding: 0; padding-left: 10px;}

/*BREADCRUMBS*/

#crumbs { padding-left: 1.2em; font-size: 0.8em; padding-top: 0.2em;   }

/*SUB-NAVIGATION*/
.sub-nav {list-style-type: disc; list-style-position: outside; margin-left: 1em;}
.sub-nav li {text-align: left;}

.left-col{
display:inline;
float: left;
width: 120px;
}

.left-col img { margin-top: 5px; margin-bottom: 5px;}

.center-col {
float: left;
width: 578px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(230, 236, 255);
}

.main-col {
display:inline;
float: left;
margin: 0;
width: 699px;
}

.right-col {
width: 180px;
float: right;
}

.content { 
padding: 10px;
text-align: left;
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(230, 236, 255);
min-height: 500px;
_height: 500px;
}

.sidebar {
vertical-align: top;
margin: 0px;
padding: 0px;
padding-top: 10px;
color: rgb(230, 236, 255);
}

.sidebar-box {
margin: 0px;
padding: 0px;
max-width: 160px;
margin-left: auto;
margin-right: auto;
text-align: justify;
font-size: 0.80em;
line-height: 1.1em;
}

#wsc-logo { 
width: 150px;
margin-left: auto;
margin-right: auto;
border-width: 1px;
border-style: solid;
border-color: rgb(230, 236, 255);
}

#login_box {
margin: 0px;
padding: 0px;
width: 150px;
margin-left: auto;
margin-right: auto;
border-width: 1px;
border-style: solid;
border-color: rgb(0, 103, 155);
background-color: rgb(1, 83, 130);
color: rgb(255, 255, 255);
text-align: center;
}

#login_box a {font-size: 0.8em; color: rgb(255, 255, 255);}
.sidebar a {color: rgb(255, 255, 255);}
#login_box table td {padding: 1px; margin: 0;}

#collage {
clear: both;
border-top-color: rgb(0, 125, 189);
border-top-style: solid;
border-top-width: 2px;
border-bottom-color: rgb(0, 125, 189);
border-bottom-style: solid;
border-bottom-width: 2px;
}

#footer {padding: 0;
width: 900px;
height: 35px;
margin: 0;
clear: both;
background-color: rgb(1, 74, 116);
background-position: top left;
background-image: none;
background-repeat: no-repeat;
text-align: center;
}

#footer_text{
margin-left: auto;
margin-right: auto;
padding-top: 5px;
font-size:0.8em;
line-height: 1.1em;
color: rgb(255, 255, 255);
}

/*MAXI-GALLERY LIGHTBOX*/

div#lightbox { z-index: 1000; }

p,h2,h3,h4,h5 {
margin-top: 0.5em;
margin-bottom: 0.3em;
}

/*HEADINGS*/

h1 {
	color: rgb(230, 236, 255);
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1.4em;
	line-height: 1.3em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(202, 0, 0);
	padding: 0.2em;
	padding-left: 0.5em;
	margin-bottom: 0.4em;
	}

h2 {
	font-size: 1.3em;
	line-height: 1.2em;
	padding: 0em;
	color: rgb(202, 0, 0);
}

h3 {
	font-size: 1.2em;
	line-height: 1.1em;
	color: rgb(0, 103, 202);
	}

h4 {
	font-size: 1.2em;
	line-height: 1.1em;
	font-weight: normal;
	color: rgb(202, 0, 0);
	}

h5 {
	font-size: 0.9em;
	font-style: italic;
}

h6 {
	font-size: 0.95em;
	color: rgb(0, 103, 155);
	font-weight: bold;
}

/*LISTS*/

ul,ol { margin-top: 0.7em; margin-bottom: 0.7em;}

ul {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 1.5em;
	}

ul li {
	padding-left: 0.5em;
}

ul ul {list-style-type: circle;}
ul ul ul {list-style-type: square;}

ol {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 2em;
	}
	
ol li {
	padding-left: 0em;
}

ol ol {list-style-type: lower-alpha;}
ol ol ol {list-style-type: lower-roman;}

li {margin-bottom: 0.1em;}

dl {margin-left: 0.5em; font-size: 0.85em; color: rgb(136, 136, 136);}
dt {margin-top: .5em; font-weight: bold;}
dd	{margin-left: 0em; line-height: 1.2em;}

/*TABLES*/

table {border-collapse: collapse; empty-cells: show; font-size: inherit;}
caption {text-align: left; margin-left: 0em; font-weight: bold; }
th { font-weight: bold;}
td {padding: 5px; border: inherit; vertical-align: top; font-size: inherit;}
td p {margin: 0;}

/*LINKS*/

.content a,.content a:link,.content a:active,.content a:visited {
color: rgb(34, 180, 255);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: rgb(24, 180, 255);
background-color: transparent;
text-decoration: none;
}
.content a:hover {
color: rgb(0, 103, 155);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: rgb(202, 0, 0);
background-color: transparent;
text-decoration: none;
}

/*BREADCRUMBS AGAIN*/

#crumbs a, #crumbs a:link, #crumbs a:visited, {}

/*SUB-NAVIGATION AGAIN*/

#sub-nav-here {background-color: rgb(202, 0, 0); color: rgb(255, 255, 255);}

/*FOOTER LINKS*/

#footer a, #footer a:link, #footer a:visited, #footer a:hover { color: rgb(255, 255, 255); background-color: transparent;}

/*FORMS*/

fieldset { 
border-width: 1px;
border-style: solid;
border-color: rgb(230, 236, 255);
 }
label,legend { font-weight: bold; }
legend {font-size: 1.1em; color: rgb(0, 164, 162);}
#EmailForm textarea { width: 300px; }

#webuserform fieldset {
border: none;
margin: none;
}

#webuserform h3, #webuserform h3 {
margin: 0.2em;
}

#webuserform .field-container {
width: 300px;
text-align: right;
margin: 0.1em;
margin-left: 50px;
}

#webuserform .field-container label {
float: left;
}

#webuserform .field-container img {float: right}

#webuserform .submit-container {
margin-left: 175px;
}

#ajaxSearch_input {
width: 100px;
vertical-align: text-bottom;
}
#ajaxSearch_submit {
width: 50px;
vertical-align: text-bottom;
}

/*MESSAGES*/

.message, .error, .alert, .please_note { color: rgb(255, 0, 0);}
.please_note {text-align: center;}
#logged_in {color: rgb(0, 164, 162); font-size: 0.9em;}

/*DITTO */

.news-summary {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(0, 103, 155);
 margin: 0px;
 padding: 5px;
 padding-top: 0px;
 padding-bottom: 10px;
 font-size: 0.9em;
 }
.news-summary h3 {
margin: 0px;
padding: 0px;
margin-bottom: 0.1em;
}
.news-summary-byline {
font-size: 0.95em;
font-variant: small-caps;
font-weight: bold;
margin: 0;
margin-bottom: 0.1em;
color: rgb(230, 236, 255);
}
.news-article-byline {
font-variant: small-caps;
font-weight: bold;
color: rgb(230, 236, 255);
}
.news-summary-body {margin: 0;
margin-bottom: 0.1em;
}
.news-summary-link {margin: 0;}

/*ENQUIRY FORM*/

#ContactForm {width: 500px;}
#ContactForm label {}
#ContactForm input {width: 300px; font-size: 0.8em; color: rgb(1, 83, 130); font-family: Helvetica, Verdana, Arial, sans-serif;
}
#ContactForm textarea {width: 300px; height: 200px; font-size: 0.8em; color: rgb(1, 83, 130); font-family: Helvetica, Verdana, Arial, sans-serif;
}
#ContactForm .left-col {text-align: right; vertical-align: top; width: 150px;}
#ContactForm .right-col {text-align: left; width: 300px;}
.error,.errors {color: #ff0000;}
#ContactForm #cfVericode {width: 145px;}
#ContactForm #cfContact {width: 145px; padding: 5px; font-size: 1.2em;}

/*SPECIALS*/

.quote {
display: block;
margin-left: 2em;
padding: 0.5em;
border: 1px solid;
border-color: rgb(0, 164, 162);
font-style: italic;
color: rgb(230, 236, 255);
}
.no_border {border: none;}
.ajaxSearch_highlight {background-color: rgb(0, 164, 162); color: rgb(255, 255, 255);}