/* CSS Document */

@import url("sturdza_extra.css");

/* Modified Dynamic Drive CSS Fixed Layout #3.1 */
/* http://www.dynamicdrive.com/style/layouts/item/css-fixed-layout-31-fixed-fixed-fixed/ */

body {
margin:0;
padding:0;
font-size:12px;
color:#000000;
line-height:15px;
font-family:Arial, Helvetica, sans-serif;
background-color:#939aa0;
}

b { font-size:100%; font-weight:bold; color:#000000; }
em { color:#222222; }
img { border:0; }
p { margin:0 0 15px 0; }
h1 { font-size:14px; margin:0 0 14px 0; padding:0; font-weight:bold; }
h2 { font-size:12px; margin:0 0 12px 0; padding:0; font-weight:bold; }

a, a:visited, a:link { color:#666666; text-decoration:underline; }

a:hover { color:#333333; text-decoration:none; }

/* CSS for Splash Page */

#splashpage {
width: 1000px;
padding: 95px 0 0 0;
margin: 32px auto;
height: 626px;
background: #FFFFFF url(../images/splash/background_right.jpg) right no-repeat;
}

#splashpage-content {
padding:151px 0 217px 175px;
}

/* CSS for Normal Page */

#maincontainer {
width: 936px; /*Width of main container*/
padding: 0 32px; /* Adds padding to inside left and right to give white edges */
margin: 32px auto; /*Center container on page*/
background-color:#FFFFFF;
}

#topsection {
background: #FFFFFF;
height: 160px; /*Height of top section*/
text-align:right;
margin-bottom: 35px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 196px 0 341px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 341px; /*Width of left column in pixel*/
margin-left: -936px; /*Set margin to that of -(MainContainerWidth)*/
}

#rightcolumn{
float: left;
width: 194px; /*Width of right column*/
margin-left: -196px; /*Set left margin to -(RightColumnWidth)*/
border: 1px #d1d3d4 solid;
}

#rightcolumn h2 {
padding:0 0 0 5px;
margin:0 0 5px 0;
font-size:12px;
line-height: 21px;
text-align:left;
background: #d1d3d4;
font-weight:normal;
}

#rightcolumn h3 {
padding:0;
margin:0 0 5px 0;
font-size:12px;
line-height: 20px;
text-align:left;
font-weight:bold;
}

/* CSS for pages with one column in them */
/* Will be used with Administrator and static pages for example */
#contentcolumn-2col {
margin: 0 0 0 341px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

/* CSS for pages with one large column in */
/* Probably only used for the Disclaimer page */
/* Navigation div (#leftcolumn) should be removed upon use of this one */
#contentcolumn-1col {
margin: 0 40px 0 83px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#footer{
clear: left;
width: 100%;
height: 60px;
text-align: left;
padding: 10px 0;
background: #FFFFFF url(../images/footer_sturdza.gif) left no-repeat;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.innertube-content {
margin: 0 10px 0 0; /*Margins for inner DIV inside each column (to provide padding)*/
}

.innertube-content ul { margin:0; padding:0 0 0 12px; list-style: url(../images/icon_list.gif) }

.innertube-content li { margin-bottom: 15px; padding-left:7px;}

/* Menu Navigation */
/* Modified Arrow Green Vertical Menu */
/* http://www.dynamicdrive.com/style/csslibrary/item/arrow_green_vertical_menu/ */

.sturdzanavigation {
	width: 235px; /*width of menu*/
	border: 0;
	margin-left:83px;
}

.sturdzanavigation ul{
	list-style-type: none;
	margin: 0 0 15px 0;
	padding: 0;
}
	
.sturdzanavigation li a{
	font: 12px Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(../images/navigation_gradient.gif) 100% 0;
  height: 20px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 0 0 0 10px;
	margin: 2px 0 0 0;
	line-height: 20px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	
	
.sturdzanavigation li a:link, .sturdzanavigation li a:visited {
	color: #000000;
	text-decoration: none;
}

.sturdzanavigation li a:hover{
	color: #000000;
	background-position: 100% -20px;
	text-decoration: none;
}

.sturdzanavigation li a.selected{
	color: #000000;
	background-position: 100% -40px;
	text-decoration: none;
}

/* Administration Styles */
/* Still to come */

fieldset {
padding: 15px 12px 10px 12px;
font-weight:normal;
margin-bottom:12px;
border: 1px solid #999999;
}

legend {
font-size: 12px;
font-weight:bold;
color:#000000;
}
  
label {
float:left;
width:160px;
margin:0 20px 0 10px;
padding-top:0.2em;
text-align:right;
font-weight:normal;
}

/* Added as a class to labels with input checkboxes and long text */
label.long {
width:350px;
}

/* Turns the stars (*) red! */
.highlight {
color:#FF2025;
font-weight:bold;
padding: 0 3px;
font-size: 14px;
}

input.submitbutton {
border: 1px solid #999999;
margin-right:10px;
line-height:16px;
padding:3px 7px;
font-size: 12px;
background-color:#e7e7e7;
color:#000000;
}

/* Used for disclaimers etc. */
p.small {
font-size:10px;
padding: 0 30px;
}

/* Textarea Formatting */

textarea, input {
background-color: #fcfcfc;
border: 1px #7f9db9 solid;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding: 2px;
}

textarea {
width:99%;
height:250px;
}

textarea b {
font-weight:bold;
}

textarea i {
font-weight:normal;
font-weight:lighter;
}

/* Text classes to be added in the formatting of the text for administrators */

.text-normal {
font-size:12px;
color:#000000;
line-height:15px;
font-family:Arial, Helvetica, sans-serif;
}

.text-small {
font-size:10px;
color:#000000;
line-height:13px;
font-family:Arial, Helvetica, sans-serif;
}

.text-header {
font-size:12px;
color:#000000;
margin:0 0 14px 0;
padding:0;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}